mappen configuratie externe site vraag

Status
Niet open voor verdere reacties.

marconist

Gebruiker
Lid geworden
11 jan 2006
Berichten
128
Goedenmiddag,

Ik heb problemen met hoe de mappen in de externe FZ site moeten staan.
Een ding weet ik zeker, neem dat even aan, dat het script in het index.html correct is.

Na www.pa3cvi.nl kom je in de hoofd pagina van mijn site.
Zoals te zien worden alle images niet ingeladen.

Na een klik op de button links onder, wordt je door gelinkt naar mijn introductie site.
Klikkend dan op de "Home" kom je weer op de hoofd pagina, zonder images.

Ik vermoed sterk dat ik de map(inhouden) niet op hun juiste plek staan en dat daarom
de index.html de bijbehorende images niet kan vinden.

Marconist
 

Bijlagen

  • ext_site.png
    ext_site.png
    5,4 KB · Weergaven: 28
Zie mijn reactie in je vorige topic.

De afbeeldingen werken nu wel, maar de verwijzing in de links werken niet. Ik raad aan om de indexbestanden ook index.html te noemen. Dan hoef je enkel de map in de href te benoemen.
 
Laatst bewerkt:
FTP map structuur01

In de vorige post leg je e.e.a. keurig uit hoe ik er achter kan komen waar de fouten in het pad naar de images zitten.
Dat werkte prima en heb alle pad verwijs fouten eruit kunnen halen.

Een ding weet ik zeker, neem dat even aan, dat het script in het index.html correct is. zie vorige post.

Ik zal ook toelichten waarom de index.html de images op de juiste plaats vindt en daar de fout niet zit.

Als ik alleen de index.html separaat aan de Images map zet in de externe kant krijg ik wel mijn hoofd site met images compleet.

Marconist
 

Bijlagen

  • map01.png
    map01.png
    4,3 KB · Weergaven: 19
Als je het pad met een / begint, dan begin je in het begin van je webroot. Ik raad aan je hieraan te houden. Dan zijn je paden duidelijker, en ontstaan er minder misverstanden.

Wat is je relevante HTML-code nu?
 
Laatst bewerkt:
Bedoel je de hele index.html code?

De map www is kennelijk verplicht, anders wordt op de internet pagina vermeld dat www aan het begin moet staan.
 
Nee, alleen de relevante code graag delen. Een paar regels maar. Laat zien waar je probleem zit i.p.v. dat wijzelf moeten zoeken in tientallen zoniet honderden regels.

De map www is de webroot waar je site in moet staan om die publiekelijk te maken. Dat staat los van je HTML-paden in je links en afbeeldingen en heeft ook niks te maken met de www in je domeinnaam.

Je site werkt nu helemaal niet, zie ik.
Misschien een idee om de basis van HTML te leren?
 
Laatst bewerkt:
Om met het laatste te beginnen, daar weet ik voldoende mee om te gaan, bedankt voor de tip.
De site heb ik even afgesloten, vandaar.

Ik kan je nu wel een code geven, maar daar zitten geen fouten in, echt niet.
Als ik de mappen configuratie aan de Externe kant nou maar goed krijg, zal alles goed moeten werken.

Morgen ga ik even contact opnemen met mijn provider.
Alvast bedankt voor je hulp in deze, ik ben daar toch al een heel eind mee opgeschoten.
Marconist
 
Ik geef er grote kans op dat je provider zal zeggen dat je HTML-code niet klopt ofdat je paden verkeerd zijn.

Dus kom nou maar op met die HTML-code, want de verwijzing lijkt niet te kloppen. Dit is niet iets waar je hosting iets mee kan doen.
 
Nou, vooruit dan maar.
Van de hoofd paginanaar de introduction pagina lukt, linker onder-knop van de hoofdpagina.
Vanuit de introduction pagina terug via de home knop geeft deze foutmelding:

Not Found
The requested URL /Index/index.html was not found on this server.


De betreffende regels in het Introduction script, hieronder:

Code:
<!-- Start red border and href link, button 1, to Home-->
<div style="position: absolute; width: 60px; height: 30px; z-index: 1; left: -300px; top: 550px; border: 3px outset #ff002e">
<a onMouseOver="MOver('img12')" onMouseOut="MOut('img12')" href="/Index/index.html">
<img src="/Index_Introduction/images/button 1a.jpg" width="60" height="30" border="0" name="img12"></a></div>
<a href="your link" onMouseOver="MOver('img12')" onMouseOut = "MOut('img12')"></img></a><br>
<!-- End Button 1 to Home-->


mod: code in
Code:
 [/noparse]tags gezet.[/COLOR]
 
Laatst bewerkt door een moderator:
Zet de code voortaan even tussen code-tags, met het #-knopje. Dan is het beter leesbaarder op het forum.

Volgens jouw code moet je dus in de map Index (in je www-map) je index.html bestand plaatsen. Let op de hoofdletters.

Maar is dit de eerste landingssite waarop de bezoeker begint op je site? Die hoort direct in je www-map. Die wordt niet vanzelf door de webserver van je hosting gevonden in je Index-map.

Laat anders eens zien hoe de bestanden van je site zijn ingedeeld. Screenshotje van je bestandsstructuur op je FTP bijvoorbeeld.
 
Laatst bewerkt:
Code:
www
  +- images
  |   +- plaatje1.jpg
  |   +- plaatje2.jpg
  +-map1
  |   +- index.html
  |   +- plaatje1.jpg
  |   +- plaatje2.jpg
  +-map2
  |   +- index.html
  |   +- plaatje1.jpg
  |   +- plaatje2.jpg
  +-map3
  |   +- index.html
  |   +- plaatje1.jpg
  |   +- plaatje2.jpg
  +- .htaccess
  +- index.html
  +- robots.txt

In de browser:
pa3cvi.nl (naar hoofdpagina)
pa3cvi.nl/map1 (naar pagina in map1)
pa3cvi.nl/map2 (naar pagina in map2)

Voorbeeld: plaatje2.jpg in /images/
<img src="/images/plaatje2.jpg" alt="">

Voorbeeld: plaatje2.jpg in /map2/
<img src="/map2/plaatje2.jpg" alt="">

Voorbeeld: ga naar hoofdpagina (hoofdpagina is bestand index.html in map www)
<a href="/">Naar hoofdpagina</a>

Voorbeeld: ga naar pagina in map2
<a href="/map2/">Naar pagina2</a>

==> Bestandsnamen en linkjes zijn hoofdlettergevoelig (images is geen Images)
 
Laatst bewerkt:
Daar heb ik echt nog wat op moeten bestuderen maar ik denk dat ik het wel begrijp.
Dat is wel een heel andere structuur opbouw.

Ik begrijp alleen even niet de bovenste regels:

www
+- images
| +- plaatje1.jpg
| +- plaatje2.jpg


Waar zet ik nou de index.html van de hoofdpagina?

In de browser:
pa3cvi.nl (naar hoofdpagina)


Vergt nogal wat aanpassingen van de diverse pagina's,
gelukkig zijn het er nog maar twee die ik uitgewerkt had, dus dat moet lukken.

Bedankt voor de uitvoerige toelichting en ik ga die zeker voor alle
toekomstige pagina's toepassen.

NB. Hoofdletter gevoeligheid wist wel al.
 
Ik begrijp alleen even niet de bovenste regels:

www
+- images
| +- plaatje1.jpg
| +- plaatje2.jpg


Waar zet ik nou de index.html van de hoofdpagina?

In de browser:
pa3cvi.nl (naar hoofdpagina)
Direct in de map www.
Die map bevat je publieke site.

Vergt nogal wat aanpassingen van de diverse pagina's,
gelukkig zijn het er nog maar twee die ik uitgewerkt had, dus dat moet lukken.

Bedankt voor de uitvoerige toelichting en ik ga die zeker voor alle
toekomstige pagina's toepassen.

NB. Hoofdletter gevoeligheid wist wel al.
Veel succes.

Als je sites in onderliggende mappen/directories hebt staan, dan is het handig om ook die index-pagina's te hernoemen naar index.html.

Dan volstaat een link zoals https://www.website.nl/informatie ook i.p.v. https://www.website.nl/informatie/index.html

Zie Bron zijn schema.
 
Laatst bewerkt:
Waar zet ik nou de index.html van de hoofdpagina?
Zoals Aar hierboven juist heeft aangegeven, de hoofdpagina is de index.html helemaal onderaan (direct boven robots.txt)
Praktijk voorbeeld
Code:
www
  +- images
  |    +- plaatje1.jpg
  |    +- plaatje2.jpg
  +- introduction
  |    +- index.html
  |    +- plaatje1.jpg
  |    +- plaatje2.jpg
  +- satellites
  |    +- index.html
  |    +- plaatje1.jpg
  |    +- plaatje2.jpg
  +- contact
  |    +- index.html
  |    +- plaatje1.jpg
  |    +- plaatje2.jpg
  +- .htaccess
  +- index.html
  +- robots.txt

Je gaat in je browser naar pagina introduction/index.html met het linkje https://www.pa3cvi.nl/introduction/

Aanvulling. De mapnaam "www" wordt in html, css en javascript nooit gebruikt.
Je kan in linkjes wel naar deze map verwijzen door de map structuur te laten beginnen een /
Vanuit bestand "introduction/index.html" kan je naar map images door te beginnen met een / bijvoorbeeld "/images/plaatje1.jpg"
 
Laatst bewerkt:
De map structuur op orde gebracht, volgens eerdere post en dat werkt goed.
Alleen het href attribuut naar de root wil niet lukken.
Mijn root heet www, moet volgens mijn host.

Dit is href volgens schema Bron
Voorbeeld: ga naar hoofdpagina (hoofdpagina is bestand index.html in map www)
<a href="/">Naar hoofdpagina</a>


Zo staat href in mijn pagina "introduction".
<a href="/">index.html</a>

Notebook++ geeft aan dat het woord index.html een syntax fout is.
Ik kan er niet achter komen wat daar fout aan is.














;
 
De map structuur op orde gebracht, volgens eerdere post en dat werkt goed.
Dit is href volgens schema Bron
Voorbeeld: ga naar hoofdpagina (hoofdpagina is bestand index.html in map www)
<a href="/">Naar hoofdpagina</a>


Zo staat href in mijn pagina "introduction".
<a href="/">index.html</a>

Notebook++ geeft aan dat het woord index.html een syntax fout is.
Ik kan er niet achter komen wat daar fout aan is.
Daar is niks mis mee. Ik denk dat je iets verkeerd interpreteert, of verkeerd ziet?
Een / om naar de webroot te gaan is verder prima. Je kan ook je eigen verwijzingtekst neerzetten tussen je a open en sluittag.
In het algemeen boeit bezoekers niet hoe je pagina heet.

Code:
<a href="/">Hoofdpagina</a>
 
Laatst bewerkt:
Alleen het href attribuut naar de root wil niet lukken
Gebruik dit eens, dit is hetzelfde als <a href="/">Hoofdpagina</a>
Code:
<a href="https://www.pa3cvi.nl/">Hoofdpagina</a>

Mijn root heet www, moet volgens mijn host.
Vergeet de map "www", hij heet de root maar je gebruik de naam www niet in html, css of javascript

Notebook++ geeft aan dat het woord index.html een syntax fout is.
Notepad++ geeft geen syntax fouten aan, het werkt met kleur om de code beter leesbaar te maken
 
Laatst bewerkt:
Ik zie op jouw site (https://www.pa3cvi.nl/introduction/index.html) dit staan:

Code:
<a onmouseover="MOver('img12')" onmouseout="MOut('img12')" <a="" href="www/index.html"></a>
Die hele regel klopt niet.

Code:
<a onmouseover="MOver('img12')" onmouseout="MOut('img12')" href="/index.html">Hoofdpagina</a>

De www is niet van belang. Dat is de plek waar alles staat wat publiek is.

Verder vind ik je HTML ook erg rommelig. Een cursus HTML + CSS zou niet misstaan... ;)
Eigenlijk zou je nooit CSS in je HTML-elementen moeten plaatsen. Daar zijn CSS-stijl-bestanden juist prima geschikt voor.
 
Laatst bewerkt:
Een voorbeeld die wat netter is opgebouwd, zonder oude html code. Misschien kan je hiermee verder ;) In aparte bestanden staan de html (structuur & content), de stylesheets (vormgeving & opmaak) en de scripts (functionaliteit).

in de editor kan je met de tab toets de code netjes uitlijnen zodat je fouten voorkomt, het maakt niet uit voor de werking.
De pagina's in de mapjes kan je verder zelf aanvullen.
 

Bijlagen

  • Voorbeeld.zip
    389 KB · Weergaven: 17
Laatst bewerkt:
Allereerst bedankt voor alle hulp die ik van jullie heb gehad en in het bijzonder Bron voor zijn adviezen qua:
- map structuur in de ext. pagina van de FTP server.
- het netter opbouwen van mijn Website.

Natuurlijk heeft Aar gelijk dat mijn site niet de schoonheidsprijs verdient.
Heb intussen een boekwerk "HTML & CSS van Jon Duccett in mijn bezit om alles nog eens op te halen.

Ik wil eerst nog een paar sub pagina's, die al bijna werken op de oude manier, gereedmaken en
dan van alle bestaande (sub)mappen even een kopie maken.

Daarna ga ik op de voorgestelde wijze, Bron, de site wat netter maken.

Nogmaals, dit helpmij forum kan als voorbeeld dienen voor andere help forums.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan