Met Frontpage 2003 een Website maken!

 

 

Allereerst moeten we dus Frontpage open zetten.

Dan kies je dus voor bestand - Website

dan opent zich het volgende kadertje

je kiest dus voor Website met één pagina

Bij Bladeren en zoekt een plaatje op je computer waar je je site altijd kan terug vinden!

dan klik je op OK

dan ziet het er als volgt uit

in de map Images zet je alles wat er aan plaatjes op je site komen. Om het overzichtelijk te houden heb ik in die map verschillende mappen staan, voor de verschillende onderdelen van mijn site, zie hier beneden mijn submappen:D

Maar goed het aantal kan anders zijn want is voor iedereen anders ...... Ik zou wel in ieder geval een map genaamt 'jasje' daarin zet je de onderdelen die je voor de site nodig hebt zoals hoofd banner - achtergrondplaatje - mailknop - enterknop - gastenboekknop en wat je zelf nog nodig hebt! Dit is handig als je dat in een apart mapje zet omdat het dan makkelijker is om je site van jas te veranderen.

Goed dan dubbel klik je op Index, en opent de blz zoals je ziet is alles wit.

Dan ga je naar Opmaak - Achtergrond

dan opent zich een nieuwe kader

Als je Achtergrond afbeelding aan vinkt kan je op Bladeren klikken en opzoek gaan naar je achtergrond plaatje

Als je niet met een plaatje wilt werken maar met een kleur dan vul je bij achtergrond een kleur in door op het pijltje te klikken

je kan de basis kleuren gebruiken maar je kan ook een kleur uit het plaatje wat je gebruik voor je jasje kies dan voor Meer kleuren, dan opent

Als je het kleurnummer weet kan je deze in het vakje Waarde plaatsen.

Doe op deze manier de kleuren van : Achtergrond - Tekst - Hyperlink - Bezochte hyperlink - Actieve hyperlink!

kijk ik heb in mijn voorbeeld niet voor een achtergrond plaatje maar een achtergrond kleur gekozen

Goed is nog wat kaal he :D.... dus gaan we een tabel toevoegen

Boven aan vind je woordje Tabel - dan kiezen voor invoegen dan opent zich een kader

Indeling

Bij Rijen zet je het aantal vakken wat je onder elkaar wil hebben

Bij Kolommen zet je het aantal vakken wat je naast elkaar wil hebben

Bij Uitlijning zet je als je hem in het midden wilt hebben staan op Centreren

Vink Breedte opgeven aan en zet hem op 90 en vink procent aan doe hem niet op 100 zetten want dan is ie zo groot als je beeldscherm en zie je niets van je achtergrond - Hoogte geven we niet op omdat hij dan op een gegeven moment ophoud en dat kan soms probleem zijn

Laten zweven heb ik op standaard staan

Celopvulling daar geef je de aantal pixels op die je wilt dat hetgeen wat je in de tabel zet van de randen afblijft.

Ruimte tussen de cellen daar geef je aan hoever de cellen van elkaar moeten komen

Randen

Punten daar geef je aan hoe dik je je randen van je tabel wilt hebben

Kleur daar kan je de kleur van je rand bepalen

Lichte en donkere rand daarmee kan je de randen meer kleur geven... ik doe het meestal niet en laat het op Automatisch staan

Achtergrond

Kleur als je hem op Automatisch laat staan dan blijft ie leeg doorschijnend

vink je achtergrond afbeelding aan kan je bladeren klikken en in je map 'jasje' je achtergrondje toevoegen

druk op ok en dan word je samengestelde tabel neergezet

Heb je hem net als de screen hierboven heb je deze hieronder!

Heb je je instellingen op deze manier:

dan krijg je dit:

Je kan met de tabellen heel veel leuke dingen doen  Je kan een tabel in een tabel zetten. ... ik zou zeggen speel er een beetje mee:D:D

Nou nu is eigenlijk de opzet gemaakt.

Wat ik doe is altijd een basis blz. maken... wat wil dat zeggen .
Ik kleed een blz. aan zoals ik mijn meeste bladzijdes wil hebben en sla deze op als basis dus naar bestand - opslaan als - en je vult bij bestandsnaam Basis in. Dit doe ik zodat ik eenheid in mijn mail krijg!

En omdat de volgende code onder iedere bladzijde van mijn website wil hebben


Copyright © 2001-2009 Wtk Design All rights Reserved.

dit moet je doen in je Code ... zet het volgende  helemaal onderop voor je </Body> tag

<cent<center><script language="JavaScript1.2">
copyright=new Date();
update=copyright.getYear();

document.write("Copyright © 2001-"+ update + " ©Wtk Design All rights Reserved.");
</script></center

terug