uploaden naar bestanden beheer

Is het misschien ook verstandig om al mijn foto's in een aparte map te zetten.

Ja dan heb je een betere structuur dat overzichtelijk oogt. Men noemt die map meestal "afbeeldingen" of "images".

Als je dit topic leest: http://www.seniorennet.be/forum/viewtopic.php?t=131726

Zal je zien dat de vraagsteller daar een map 'images' gebruikt, en een foto uit die map wilt tonen.

Men gebruikt ook meestal apparte mappen voor scripts (JavaScript, PHP, ...). Als je werkt met CSS bestanden voor de layout, krijgen die meestal ook een apparte map.
Die mappen heten dan respectievelijk "scripts" en "style" (of "stylesheet" of "css").

Mijn vraag is deze, hoe verwijs ik vanuit mijn site naar de pagina's?

Stel je hebt een HTML pagina genaamd "pagina123.html". Vroeger gebruikte je deze code dan:
<a href="pagina123.html"> Ga naar pagina 123 </a>
Als je die HTML pagina "pagina123.html" in een submap "mijnpagina" zet. Dan wordt de code:
<a href="./mijnpagina/pagina123.html"> Ga naar pagina 123 </a>

Je mag die punt voor de "/" eventueel weglaten. Maakt niet uit.

Bovenstaande regel wijst dus naar pagina123.html in de map "mijnpagina".

Het is best om de geen speciale tekens in de mapnamen te gebruiken. Mapnamen zoals "Foto's", "Pagina's" kan je best vermijden. Indien ze echt zo moeten heten kan je ze best aan elkaar schrijven: "fotos" en "paginas".

Je moet ook oppassen met hoofd -en kleine letters. Als je de website test op je PC met windows, maakt dat niet uit. Want Windows is niet hoofdlettergevoelig.

Maar een server waar je naar upload, is meestal een Linux server, die wel hoofdlettergevoelig is.

PS:
Linken naar een foto genaamd "foto123.jpg" in een map "afbeeldingen" doe je zo:
<img src="./afbeeldingen/foto123.jpg" alt="Een foto van mij" />

Geeft deze manier ook vertragingen omdat het in een aparte map zit?

Ja maar niet merkbaar. Dat is misschien 0.6 milliseconden trager. Daarvoor moet je het dus niet laten. Elke ontwikkelaar van websites gebruikt trouwens een goede mapstructuur. Dus ik zou het zeker doen.

PS: Iets uitgebreider voorbeeld met meerdere niveau's:
<a href="./html/testpagina/september/pagina123.html"> Ga naar pagina 123 </a>

Die regel opent de pagina "pagina123.html" die in de map "september" zit, die map "september" zit in de map "testpagina" en die zit in de map "html".

Mvg,
Dave

Dank je wel ultdave, het zijn de /.../ die het 'em doen zie ik.
Nu wil ik al mijn foto's in de map "fotos" gaan zetten, doe ik deze 1 voor 1 veranderen of kan dat met de knop 'vervangen' en dan 'alles vervangen' uit de werkbalk 'eigenschappen'?
Kan ik dat als volgt uitvoeren: <a href=" vervangen door
<a href="./fotos/
Een fijn weekend verder en vrolijke groeten Aloë Vera

In theorie kan je dat zo doen. In de praktijk meestal niet want hij gaat dan alle <a href=" vervangen. Inclusief degene van bijvoorbeeld je menu (indien aanwezig).

Stel dat je ergens:

<a href="/mijnpaginas/pagina123.html">

hebt staan. En je gaat dat "zoeken / vervangen" toepassen. Krijg je:

<a href="./fotos//mijnpaginas/pagina123.html">

Terwijl die eigenlijk niet eens vervangen moet worden. Dus in de praktijk kan je enkel doen wat je zegt als je zeker weet dat alle regels code met <a href=" voor foto's gebruikt worden, en dat je al die foto's ook in de map "fotos" hebt staan. Dan gaat dat. Want hij gaat dus alles vervangen.

Als dat niet het geval is, moet je ze dus handmatig 1 voor 1 aanpassen. In principe kan je het woordje "/fotos/" kopieren en dan je document aflopen, en dan gewoon plakken achter elke <a href=" waar het nodig is.

Mvg,
Dave

Beste aloë vera,

Je kan dit in SharePoint Designer oplossen door inderdaad in het menu >> Bewerken >> Vervangen
Eens je het juiste venster hebt geopend, schrijf je
1- links, in het "Zoeken naar" vak, je te vervangen code dus hier <a href="

2- rechts, in het "Vervangen door" vak, de nieuwe code dus hier <a href="./fotos/

Nu opgelet!
Zeker niet op de knop "Alles vervangen" drukken maar ..

3- plaats de cursor helemaal bovenaan je code

4- druk nu op de knop "Volgende zoeken"
Het programma toont nu de eerst gevonden <a href="
Wanneer het een te vervangen link is (dus een foto) druk je op "Vervangen"
Is het geen foto link druk je terug op "Volgende zoeken"

5- dit herhaal je tot je heel het document hebt doorlopen.

mvg,
Coderunner

ultddave en coderunner U beide heel hartelijk dank voor deze uitleg en de tips. Het scheelt in ieder geval een boel plakwerk en ook tijd.
Vrolijke groeten Aloë Vera

Beste aloë vera,

Bedankt voor je reaktie en om dit te melden.

mvg,
Coderunner