4.7.2 Stappenplan voor het maken van een html based website

4.7.2 Stappenplan voor het maken van een html based website
Kan met alle systemen zoals: MS Windows, Apple/Mac en Linux
Alhoewel de lessen over het maken van een website al in volgorde zijn vermeld, toch nog
hieronder de werkwijze stap voor stap.
Stap 1. Map aanmaken
Geef die de naam webbestanden en plaats die op het bureaublad of in Start W8
Hierin moeten echt alle bestanden, die u maakt voor uw website komen.
Stap 2. Downloaden programma's
Download en installeer: Bluefish, Kompozer en FileZilla en, als u met MS Windows
werkt, ook PhotoFiltre
Stap 3. Frame maken
Voorbeeld prames vindt u in Voorbeelden. bekijk deze en maak uw keuze. Download
daarna het lege frame frame van uw keuze, door een rechter muisklik en klikken op
Download gekoppeld bestand of Koppeling opslaan als. Het bestand wordt
opgeslagen in Downloads. Open het frame in Bluefish, en sla het bestand op als
index.html en plaats het in de map webbestanden.
Stap 4. Kop pagina maken
Maak, met Kompozer, de pagina kop.html, met hierin de naam van de website. Maak de
pagina af en sla hem op in de map webbestanden.
Stap 5. Home pagina maken
Maak, met Kompozer, de pagina home.html. met hierin de informatie over de uitgeverij
en de site. Maak de pagina af en sla hem op in de map webbestanden.
Stap 6. Inhoud pagina maken
Maak, met Kompozer, de pagina inhoud.html. Sla hem op in de map webbestanden. Op
deze pagina komen – later – de links naar andere pagina's of websites
Stap 7. Eerste test
Klik in de map webbestanden op index.html. De eerste proeve van de website wordt
geopend. Indien de afmetingen van het frame, raamwerk, niet voldoen dan aanpassen.
Stap 8. Afbeeldingen scannen
Om beeldknoppen te kunnen maken, is het nodig te beschikken over afbeeldingen van de
aan te producten, die u eventueel wilt gaan verkopen en dergelijke.
Maak een nieuwe map aan in de map webbestanden en geef die de naam
beeldknoppen. Plaats in deze map de beschikbare, of later te verkrijgen, afbeeldingen
Stap 9. Andere pagina' s maken
U kunt nu één of meer andere pagina's maken. Sla deze ook op in de map
webbestanden
5.11/Stappenplan/22-01-14/pag 1/2
Stap 10 Links naar de andere pagina's maken
Maak en knop aan, die naar een andere pagina of website verwijst. en plaats deze op de
pagina inhoud.html.
Klik op de knop en klik op Link of Koppeling
Zoek, in de map webbestanden, de pagina waarnaar wordt verwezen en klik op OK
De link wordt nu toegevoegd.
Maak zo alle koppelingen, sla inhoud.html op en sluit Kompozer
Open de map webbestanden en klik op index.html.
Controleer of de links werken.
Stap 15 Links maken in de overige pagina's
Open Kompozer en open een pagina waarin een link moet komen.
Maak nu de link naar de pagina of website, waarnaar u wilt linken.
Maak op dezelfde manier, wanneer nodig of gewenst de links naar alle op alle andere
pagina's.
Opmerking: het zijn dat als u nu test of de website werkt, de gelinkte pagina of website,
niet goed in uw website wordt weergegeven. Handel dan als volgt:
Open Kompozer en de pagina waarop de links staat.
Klik nu op View en op HTML source.
Zoek nu naar de pagina waarnaar de link verwijst. Bijvoorbeeld:
<a href="05.5%20Beeld_knoppen.pdf">
Dit kan ook zijn
<a href="05.5%20Beeld_knoppen.html">
Maak nu ruimte tussen “ en >
Type in deze ruimte: target=”onder”.
Sluit nu Kompozer af en test uw website opnieuw.
Let goed op dat u verder niets verandert in de codes.
Stap 16 Uploaden van uw website
Open FileZilla en voeg de gegevens in de bovenste rij in.
Handel verder als in de les Uploaden is aangegeven en test na afloop of de site op het
Internet goed werkt.
Stap 17 Aanpassen van de site
U kunt als u de site op uw computer heeft aangepast deze altijd weer uploaden
5.11/Stappenplan/22-01-14/pag 2/2

Download Report