Handleiding voor het maken van een webpagina in WORD

# Info: Voor je aan een webpagina begint moet je een idéé hebben over wat en waar  de tekst en de plaatjes moeten staan, je moet de plaatjes op maat maken met een foto bewerkings programma b.v.  PSP. Een staande WORD pagina is 800 pixels Br = 21 cm / DPI 96 dat is precies de breedte van een A4 om af te drukken, dat is ook handig dan kunnen we een webpagina direct afdrukken. We hebben tegenwoordig monitoren van 1024 tot 1920 px scherm breedte dat is een heel groot verschil. Een website bekijk je in een browser in 100% scherm breedte, daaruit volgt dat alles moet vastgezet worden in tabellen zodat alles goed op zijn plaats blijft op A4 pagina breedte. Vaste maten voor afbeeldingen op A4 in WORD zijn 760 px br voor een  afbeelding op paginabreedte en 360 px voor een halve breedte hoogte doet niet zoveel terzake, alle formaten 3 x 2 , 4 x 3 of 16 x 9 het maakt niet uit, het vult gewoon naar beneden uit als het maar op 96 DPI is (dots per inch)

#01: Open een nieuwe .doc, sla hem op als nieuw.doc in een nieuwe map met de naam cursuswebpagina, in .doc formaat  blijven we  in werken totdat de internetpagina helemaal klaar  is!

# Info:Waarom doe we dat?? Omdat het in een .doc  formaat mogelijk is om eindeloos veranderingen en verbeteringen aan te brengen zonder dat de pagina in de war geraakt. Als je dat zou doen met een pagina in .htm formaat loop je grote kans dat de pagina in de war geraakt omdat de HTML code steeds weer opnieuw geschreven wordt. Die geschreven HTML  code is zichtbaar via Bovenmenu / Webpagina voorbeeld en dan via Bovenmenu / beeld / Bron de code bekijken in notepad, dat is een eenvoudige HTML editor waarmee je veranderingen kan aanbrengen in de HTML broncode van een pagina.

#02:  Zet de pagina marges op boven / links / rechts / 3mm onder op 0, negeer de melding dat de marges buiten het afdrukbare gebied bevinden.

#03: Eerst achtergrond instellen: Ga via Bovenmenu / Opmaak / Achtergrond naar Opvuleffecten.

Kies 1 kleur / b.v  Rose / Horizontaal /  licht op 100 % en klik OK.

#04: We beginnen 2 regels lager met een tabel waar alle informatie  in moet komen

Voeg  in via Bovenmenu / Tabel / Invoegen / Tabel  een tabel van  1 rij / 1 kolom / plaats je cursor in de tabel en ga via Bovenmenu naar Tabel / Tabeleigenschappen. Klik op Randen en Arcering. Eerst de Randen / Klik op Alles / Stel kleur in op grijs 40%.Klik op tabblad Arcering = kleur tabelvulling, stel in op grijs 10 % en klik OK. In Tabblad / Tabel / stel je de vaste in kolombreedte 20,5 cm . Klik aan de linkerkant op Centreren  en klik op OK .plaats  je cursor in de datatabel en geef zoveel  enters tot dat je  beneden aan je scherm bent.

#05: We kunnen nu ook al zien hoe het er uit ziet in een internet browser, ga naar Bovenmenu / Bestand / Webpagina voorbeeld, de standaard internet browser wordt nu opgestart. En we zien een lege internet pagina met achtergrond . Via Bovenmenu / Beeld / Bron kunnen we zelfs de HTML broncode zien en aanpassen. (HTML broncode aanpassen wordt uitsluitend behandeld in de les)

#06: Als deze pagina ons bevalt qua kleur instellingen en layout, slaan we deze pagina op als nieuw.doc en nog eens als nieuw2.doc om als reserve later te gebruiken en we slaan hem ook nog eens op als index.doc dat is de pagina die we gaan vullen met informatie.

#07:  De index.doc (HOME) van inhoud voorzien!  We typen of kopiëren je eigen tekst en 2 fotootjes  in nieuw  te maken tabel zonder rand instellingen. De inhoud bestaat uit meerdere kolommen en rijen  zoals die te zien zijn op de volgende locatie http://people.zeelandnet.nl/ccbsbres/cursuswebpagina/ . Voeg  in via Bovenmenu / Tabel / Invoegen / Tabel  een tabel van  2 rijen / 2 kolommen / plaats je cursor in de tabel en ga via Bovenmenu naar Tabel / Tabeleigenschappen. Klik op Randen en Arcering. Eerst de Randen / Klik op Geen. In Tabblad / Tabel / stel je de vaste in kolombreedte 20 cm. Klik op centreren.  Aan de foto van goedertijt verbinden we de link van onze eigen webpagina d.m.v. Bovenmenu / Invoegen / Hyperlink: Internet adres = http://www.breskens.com/senioren /   en Doelframe = nieuw venster. Onze aangeroepen internet pagina opent zich nu in een nieuwe browser.  Voor een tekstlink naar een externe internetpagina te maken typen we eerst een woord dat selecteren we vervolgens gaan we naar. Bovenmenu / Invoegen / Hyperlink: Internet adres = http://www.breskens.com/  en Doelframe = nieuw venster.

#08: Rest ons nog de pagina op de te slaan als HTML pagina. Bovenmenu / Bestand / Opslaan als webpagina / Kies voor Webpagina gefilterd. De pagina wordt dan opgeslagen als een .htm, dat is schone HTML ontdaan van alle tekstverwerkercode van WORD, dat betekend ook dat de pagina veel minder data bevat en dus sneller is. Ook wordt er automatisch een nieuwe map aangemaakt met de b.v de naam index_bestanden daarin staan alle bijzonderheden over de grafische afbeeldingen van de pagina de exacte grootte in bytes en waar de plaatjes moeten staan met dit om ook weer de snelheid te bevorderen

Het gebruik en aanmaken van een File Transport Protocol verbinding

Het meest gebruikte middel om je files op te sturen naar de server is een FTP programma

Kan je kopen in de winkel of gratis downloaden van het internet maar er is ook nog een gratis mogelijkheid om een rechtstreekse verbinding te maken met je serverruimte d.m.v. je web browser.

(Ben je niet in het bezit van serverruimte dan kan je die hier gratis aanvragen http://www.freewebsites.com/signup.phtml  en hier een gratis FTP Filezilla

zonder kosten!)

Als je een zeelandnet abonnee bent typ je gewoon in de browseradres balk

  ftp://people.zeelandnet.nl/   of IP  adres   ftp://212.115.192.168/

In het op komend schermpje je gebruikersnaam en wachtwoord invullen maar wachtwoord onthouden niet aanvinken dit om te voorkomen dat andere mede computergebruikers de zaak verzieken.

Dubbelklik op de map www daar moeten alle data files in. Door middel van het scherm te verkleinen tot halve grootte. En dan aan de andere kant ook een scherm van ook halve grootte van de map cursuswebsite kan je gewoon klikslepen tussen de twee mappen, en de inhoud van de verplaatsen in de map www.

Dit is het meest eenvoudige om je files te transporteren en  wereldkundig te maken

De FTP verbinding is nu ook te bereiken in je computer via  Deze Computer /  Netwerklocaties /

map: people.zeelandnet.nl of  Mijn Documenten / Netwerklocaties / people.zeelandnet.nl  of via je Startmenu Netwerklocaties kan je ook kopiëren naar je bureaublad dan is hij altijd onder handbereik.

Een nieuwe verbinding kan men ook aan maken als je in de map Netwerklocaties  staat en dan linksboven op netwerklocatie toevoegen klikken als je provider het gebruik van deze methode toestaat.

# Info: Voorts verdient het de aanbeveling om vanuit de .doc te blijven werken om  de pagina te verbeteren en aan te passen.  Als men de .doc opslaat als html moet je eerst de oude xxxx_files en de .htm verwijderen  uit je computer. En als je ze verstuurd naar de server ook eerst de oude bestanden verwijderen van je server ruimte.