Website bouwen met frontpage

Transcriptie

1 Website bouwen met frontpage Na het openen van frontpage komen we in volgend scherm terecht: hier gaan we in de rechter- Kolom kiezen voor Page Templates. Als vb ga ik de startpagina namaken van mijn site, eens je op weg bent kan je experimenteren naar eigen zin Nu kies ik in het venster dat tevoorschijn is gekomen de tab Frames Pages, ik heb ondervonden dat het werken met frames veel beter lukt als je via deze templates start en niet via lege pagina en daar frames invoegen, vooral naar eigenschappen toe van die frames is het wel wat zoekwerk dat je via deze weg gespaard blijft

2 De template Contents is zoals je ziet degene die we nodig hebben. Even ter verduidelijking, frames zijn aparte kaders op uw pagina die onafhankelijk van elkaar kunnen werken, zoals op mijn site de linker kolom blijft steeds deze met de keuzeknoppen terwijl rechts telkens de pagina komt die je wil bekijken. Na deze gekozen te hebben gaan we onze pagina opslagen en ook hier (zie handleiding site met Word2002) gaan we proberen via een overzichtelijke directory structuur te werken zodat aanpassingen achteraf geen probleem geven met terug vinden. Eerst maken we een algemene hoofdirectory aan waar heel de site in verwerkt gaat zitten en vervolgens gaan we daaronder andere directory s maken net zoals de snelkoppelingen die we gaan plaatsen in het linkse frame. Om toch één en ander duidelijk te maken zie directorystructuur mijn site:

3 Er zijn twee mogelijkheden, ofwel maakt u de directory structuur aan via windows verkenner ofwel tijdens het opslaan van de webpagina in frontpage. Persoonlijk maak ik eerst de directorystructuur aan en komt het erop neer dat je ongeveer een idee moet hebben van wat je als pagina s op je site zoal gaat voorzien. Eenmaal we dit achter de rug hebben kunnen we dus verder met het eigenlijk opbouwen van onze site:

4 We hebben nog géén pagina s aangemaakt dus gaan we nu New page moeten aanklikken en gaan we het deel aanmaken waarin we geklikt hebben. Klikken we bv hieronder dan gaan we het deel aanmaken waarin u nu de tekst leest.

5 Nu gaan we eerst de achtergrond instellen, zodat het wat aangenamer wordt om werken. Je moet een figuur hebben die je op de achtergrond wilt plaatsen, bij mijn site heb ik de achtergronden gebruikt afkomstig van mijn site gemaakt met Word. We gaan dat bestandje met achtergrond eerst via windows verkenner kopieren naar de directory van deze pagina en dan gaan we terug in frontpage en klikken we op de rechter muisknop hier in dit frame. Vervolgens selecteren we page properties en komen we in volgend venster terecht:

6 We kiezen de Tab Background en vinken Background picture aan, vervolgens kiezen we het bestandje met de Achtergrond op en na klikken op OK hebben we onze achtergrond. Het is ook mogelijk om wanneer deze pagina geopend wordt een geluidje te laten horen, dit kunnen we door de Tab general te kiezen en daar backgroundsound een geluidfile te kiezen, ik doe dit hier niet omdat geluidfiles direct enorm veel ruimte in beslag nemen en ze ook snel tegensteken Je moet er steeds rekening mee houden de grote van uw bestanden zo klein mogelijk te houden, die maakt het voor de surfer die naar uw site komt veel aangenamer omdat alles snel is geladen.

7 De pagina die we hier aanmaken is de pagina die steeds als eerste gezien gaat worden, hier kun je bv een kleine omschrijving van je site geven. Nu nog de rechterkolom in orde maken en onze startpagina kan opgeslagen worden, frontpage slaagt de frames apart op en een file waarin beide frames terecht komen, bij het opslagen wordt u dit wel duidelijk. Het is van enorm belang dat de file waarin beide frames terechtkomen de naam index krijgt anders krijgt men de site niet automatisch geopend wanneer iemand een bezoekje brengt. Voor het linkse frame (kolom) gaan we net zo te werk als voor degene die we net gemaakt hebben. Dus: klikken op new page, via windows verkenner een achtergrondbestandje zoeken en kopieren naar de juiste Directory, terug in frontpage in het frame rechter muisknop klikken page properties selecteren en dan de Tab Background, aanvinken background picture en de file opzoeken die je wil gebruiken.

8 Klikken we op het icoontje diskette dan gaan we onze pagina opslagen: de volgorde kan anders liggen naargelang Het frame dat aktief was op de moment dat je op die diskette klikt maar je krijgt een duidelijk overzicht van Welk deel je gaat opslaan, hier in ons geval het frame Menu Vooraleer op save te klikken ook kontroleren of de juiste directory gelecteerd is

9 Nu komt het frame startpagina, ook hier zien dat de juiste directory geselecteerd is En hierna komt het belangrijkste, onze totaal pagina die Index MOET genoemd worden. De paginanamen menu en startpagina mag men noemen zoals men wil maar INDEX is verplicht, er zijn mischien nog andere benamingen die ook automatisch openen site mogelijk maken maar enkel van deze ben ik op de hoogte.

10

11 Hier een vb van hoe je een foto moet invoegen Je ziet ook in de menu Insert verscheidene malen Xara staan, dit is een apart programma dat zich in Frontpage gaat nestelen om zo bv de keuze menu knoppen aan te maken of andere speciale bewerkingen Die niet zo simpel zijn als je die van frontpage gebruikt. Je kan natuurlijk ook gewoon tekst hyperlinks Maken zoals in Word waarbij je dus naar andere pagina s kunt doorspringen door deze linken. Het enige voordeel met Xara is dat de site professioneler toont vanwege de knopjes en andere toeters Bellen die je kunt toevoegen Zie handleiding Xara en frontpage voor meer info Even ter info: hyperlink aanmaken -> tekst typen van de link bv Foto s tekst selecteren en rechter Muisknop aanklikken, hyperlink selcteren en dan krijgt men volgende scherm:

12 Hier moeten we de pagina naam opgeven die reeds bestaat of een nieuwe maken en het doelframe ingeven In ons geval moeten we het frame hebben met startpagina, normaal gezien is dit standaard in orde Op volgende bladzijde ziet u hoe je een nieuwe pagina kan aanmaken, let hierbij op dat je een nieuwe Directory aanmaakt als je deze niet op voorhand voorzien hebt, in dit geval directory foto s

13 Door Change te klikken in omgeving van naam van het document krijgen we een verkenner scherm te zien waar we de juiste directory kunnen selecteren of aanmaken. Aanmaken directory doet men door te klikken op de map met rechtsbovenaan een sterretje vervolgens een map naam ingeven en alles is ok. Ook hier best aanvinken om pagina later te editeren, door dan op CTRL toets te drukken en link te klikken wordt de pagina geopend in het frame dat voorzien is en niet gewoon een nieuwe pagina geopend wordt. Best ne keer uitesten dan begrijp je wel het verschil

14 En zo kunnen we nu via tekstlinken van pagina naar pagina springen, je kan uw site volledig op deze manier eerst aanmaken en vervolgens via Xara een professionelere look geven door echte knoppen enzo te tekenen. Maar nu heb je toch al een webpagina met mogelijkheden TIP: Om tekst en foto s of wat dan ook op juist dezelfde plaats te houden zoals je ze geplaatst hebt bij het maken van uw site, moet je eerst hetgene selecteren dat je op de vaste plaats wil houden (tekst,foto) en vervolgens via de menu bovenaan format dan klikken op position en vervolgens op absolute. Wanneer je heel uw pagina zo maakt dan zal de layout altijd hetzelfde blijven ook al wordt de site in een kleiner venster of op een kleiner scherm geopend. Vb van hoe het eruitziet als je dit niet doet kun je op mijn site zien als je naar foto s cityparade gaat, in de layout van de site gemaakt met frontpage op 17 scherm staan er telkens twee foto s naast elkaar, wanneer je dezelfde pagina bekijkt op 15 monitor dan staan de foto s gewoon onder elkaar. Met tekst heb je net hetzelfde probleem deze wordt ook van links naar rechts en onder en boven verschoven wat uiteindelijk resulteert in iets wat je helemaal niet wilt. Op de volgende pagina vindt je een schermafdruk weer met een vb van de positiebepaling.

15

16