Handleidingen vrije en gratis software • http://handleiding.socius.be/
Beginpagina > Mozilla: webbrowser, mail en HTML-editor > NVU/Kompozer HTML-editor > Een website met meerdere pagina’s

NVU/KOMPOZER

Een website met meerdere pagina’s

dinsdag 11 augustus 2009, door Hugo Callens

Nu kan je, op basis van je eerste pagina, een reeks pagina’s bijmaken en die via een menu met elkaar verbinden.

Links maken

In de linker kolom van je pagina heeft u een menu gemaakt:

* Start * Over ons * Onze werking * Kalender * Contact

Dit menu maakt u actief door elk item te laten verwijzen naar een andere pagina.


- Selecteer ’Start’
- Klik op de knop ’Koppeling’ in het menu bovenaan en vul ’index.html’ in
- Doe hetzelfde voor de volgende items uit het menu: over_ons.html, werking.html, kalender.html, contact.html.
Let op: de naam van een pagina mag geen spaties of speciale tekens (&, %, §, …) bevatten. Hou de de naam kort en duidelijk. Bestaat de bestandsnaam toch uit 2 of meer woorden, vervang dan elke spatie door een _ (underscore). Gebruik enkel kleine letters, geen hoofdletters.

- Sla de pagina op en kopieer ze 4 maal via ’Bewaar als’ naar een nieuwe map ’web1’ onder 4 verschillende namen: over_ons.html, werking.html, kalender.html, contact.html. Verplaats ook de originele pagina index.html naar deze map.

Let er goed op dat alle pagina’s in dezelfde map staan, anders krijgt u problemen met de links.

Schakel naar Firefox en test het resultaat.

Menu en inhoud afwerken

Verwijder nu in elke pagina de link die naar de pagina zelf verwijst: verwijder in ’index.html’ de link onder ’Start’, in ’over_ons.html’ de link onder ’Over ons’ etc.
- Stel uw werkvenster in HTML-tags weergave
- Klik rechts op de A tag (de tag die een link aangeeft) en kies ’Koppelingen verwijderen’.

In elke pagina staat nu in de rechterkolom dezelfde welkomtekst. Vervang die in de pagina’s over_ons.html, werking.html, kalender.html en contact.html door een aangepaste tekst.

Geef elke pagina ook een titel: Over ons, Werking etc. Kies ’Kop 1’ als alinealettertype.

Op de website www.lipsum.com kan u snel stukjes ’dummy’-tekst genereren om in uw ontwerp te gebruiken.

Linken naar een emailadres

Neem in uw contactpagina uw emailadres op:

- Tik in ’contact.html’ het zinnetje: ’Stuur mij een e-mail’.
- Selecteer dit zinnetje en klik op de knop ’Koppeling
- Vul uw emailadres in: mijn.naam@mijnadres.be’ en vink ’Het bovenstaande is een e-mailadres’ aan.

Sla de pagina op en test het resultaat in Firefox.

Uw vragen en opmerkingen:


De activiteit van de site opvolgen RSS 2.0 | Overzicht van de site | Privé-site | SPIP