|
Deze page heet "zelf-je-eigen-webpage-maken.html" |
| "TEST" link naar "jouw-index.html" |
| "TEST" |
Als
je onderstaande tekst wilt printen doe dan als volgt:
Linkermuis ingedrukt van boven naar beneden
over de tekst slepen.
Dan rechtermuis indrukken en optie "Copy" of "Kopiëren"
kiezen met linkermuis.
Dan in tekstverwerker rechtermuis de optie "Paste" of
"Plakken" kiezen met linkermuis.
Daarna de file in je tekstverwerker een naam geven en op "Opslaan"
klikken,
daarna kun je de file uitprinten.
Succes
Zelf je eigen Webpage maken
Dit is een voorbeeld "index.html" die we nu voor deze test "zelf-je-eigen-webpage-maken.html"
noemen om uit te leggen hoe je
een webpage met "Frontpage" zelf kunt maken.
Met de link "TEST" kom je op een als voorbeeld
"jouw-index.html" deze is dan
met "opaKEES" en "onze Boot" gelink't en zal hieronder zo goed
mogelijk uitgelegd worden hoe je die kunt maken met "Frontpage" en zal het in stappen
doen.
de Webpage:
Zelf een webpage aanmaken is makkelijker dan men denkt, alleen de
ruimte om daarop te zetten is iets moeilijker in verband met Uploaden en de
ruimte welke men dan beschikbaar heeft, hetzij gratis dan wel betaald.
Er zijn vele hulp programma's om een webpage aan te maken, zoals mijn webpage
heb ik aangemaakt met behulp van "Frontpage" een programma die
meegeleverd wordt in "Microsoft Office" en zal dan ook proberen uit te
leggen hoe je een webpage kunt maken met behulp van "Frontpage".
Als je een Webpage wil maken met meerdere pagina's heb ik een voorzetje gemaakt
en kan je dit als voorbeeld nemen.
Volg de onderstaande stappen en je zult verbaast zijn wat jezelf kunt maken.
Als het webpage adres bekend is en je er naar toe gaat dan opent altijd als
eerste de "index.html".
Omdat mijn Webpage al uit een "index.html", "opakees.html" en
"boot.html" bestaat kan ik die namen hier niet hanteren, dus heb hier
met het voorbeeld, heb ik voor "index.html" als voorbeeld "zelf-je-eigen-webpage-maken.html"
vernoemd, anders loopt mijn
eigen webpage vast.
Vanuit die "zelf-je-eigen-webpage-maken.html" kan je meerdere hyperlinks aanmaken naar een volgend
".html" adres welke jezelf een naam geeft. Ik heb bewust nog niet
uitgelegd met plaatjes en animaties invoegen of met
achtergrondkleur, achtergrondplaatje of achtergrondmuziek, eerst even dit uitproberen zodat
het begrepen is en dan later wel die plaatjes en animaties invoegen en de achtergrondkleur,
achtergrondplaatjes of achtergrond muziek toevoegen.
We gaan beginnen:
Ik open Frontpage en volg de onderstaande stappen als voorbeeld:
1e stap:
Ik open een page en die heet dan vanzelf "nieuwe_pagina_1.html", en
type daar dan de namen op van "opaKEES" en
"onze Boot" en klik linksboven op "Bestand" en klik op
"Opslaan als" en geef die de naam "jouw-index.html" en klik op OK.
2e stap:
Vervolgens open ik weer een "Nieuwe_pagina_1.html" en zet daar de foto van "opaKEES"
op, klik bovenin op "Invoegen" en daarop "Figuur" en dan op
"Uit bestand" en zoek daar de foto van "opaKEES" op en klik
op OK.
Daarna
klik je linksboven op "Bestand" en klik op "Opslaan als" en
geef deze page de naam "jouw-foto.html" en klik op OK.
3e stap:
Vervolgens open ik weer een "Nieuwe_pagina_1 .html" en zet daar de foto van "onze
Boot" op, klik bovenin op "Invoegen" en daarop "Figuur"
en dan op "Uit bestand" en zoek daar de foto van "onze Boot"
op en klik op OK.
Daarna
klik je linksboven op "Bestand" en klik op "Opslaan als" en
geef deze page de naam "andere-foto.html" en klik op OK.
4e stap:
Nu open ik die "jouw-index.html" en markeer dan de naam "opaKEES"
en
geef die een hyperlink naar de "jouw-foto.html". Om een
hyperlink te maken, klik bovenin op "Invoegen" en daarop
"Hyperlink" zoek die "jouw-foto.html" op en klik op
OK
5e stap:
Nu open ik weer die "jouw-foto.html" en markeer nu de naam "onze
Boot" en geef die een hyperlink naar
"andere-foto.html".Om een hyperlink te maken, klik bovenin op
"Invoegen" en daarop "Hyperlink" zoek die "andere-foto.html"
op en klik op OK.
Dan nog deze "jouw-index.html" saven, klik linksboven op
"Bestand" en daarna op "Opslaan" en is klaar.
6e stap:
Even testen:
Als je nu weer die "jouw-index.html" opent en dan op de naam "opaKEES" klikt, krijg je de
page "jouw-foto.html" met opaKEES erop te zien, klik op
"Een TERUG"en je keert weer terug naar de "jouw-index.html" klik
vervolgens op "onze Boot"
en je ziet de
"andere-foto.html" met onze boot erop. Onder de Foto's
"opaKEES" en "onze Boot" staan ook link's die je van de ene
foto naar de andere foto telkens laat terugkeren.
U kunt zich voorstellen dat dit als voorbeeld is en dat de namen "opaKEES"
en "onze Boot" en de foto's "opaKEES" en "onze
Boot" voor jezelf overeenkomstig anders moeten zijn.
De naam "opaKEES" veranderen met b.v. "mijn naam"
De naam "onze Boot" veranderen met b.v. "andere naam"
De foto "opaKEES" veranderen met jouw foto, b.v. "mijn
foto"
De foto "onze Boot" veranderen met een andere foto, b.v. "andere
foto"
Dan zal er bij jou een "jouw-index.html" zijn met de namen "mijn naam" en "andere naam" erop.
Ook zal er een "mijn foto.html" en een "andere foto.htm" zijn
met overeenkomstig "jouw-foto.html" en "andere foto.html" erop.
Die "jouw-index.html" zal dan onder de "mijn naam" een link hebben
naar "mijn foto.html" en ook onder "andere naam" een link
hebben naar "andere foto.html"
Ook even uittesten door "jouw-index.html" te openen en op de links
klikken.
Uitleg Frontpage:
Als je op enter klikt dan verspringen er twee regels, als men linker Control
"Ctrl" indrukt en dan "Enter" dan verspringt er maar
één regel.
Even beetje uitleg over "Frontpage", je opent
"Frontpage" en klikt linksboven op "Nieuwe pagina" en leest
"nieuwe_pagina_1.html" als je deze nieuwe page hebt ingevuld dan kun je
die een andere ".html" naam
geven, klik op "Bestand" en dan op "Opslaan als" en dan deze pagina de naam "index.html" geven en dan op
"Opslaan" klikken.
Op de volgende pagina "voorbeeld-webpage.html" zoals ik hierna als voorbeeld
geef met de namen "voorbeeld-opakees.html" en "voorbeeld-onze-boot.html".
Hyperlink aanmaken:
Maak eerst de ".html" pagina's aan welke men met een link wilt
verwijzen. Zoals ik "opaKEES" en "onze Boot"
Markeer dan de tekst, plaatjes, foto's op de "index.html" welke men een link wilt geven.
Klik bovenin op "Invoegen" en dan op "Hyperlink" en zoek dan
de ".html" pagina op en zet de link.
Zoals ik "opaKEES" en "onze Boot" markeer en dan de
hyperlink geef naar "jouw-foto.html" en "andere-foto.html"
Voorgaande goed uit testen alvorens verder te gaan, zodat meerdere page's met
link's goed is begrepen.
Plaatjes of Animatie's invoegen op de page:
Klik bovenin op "Invoegen" daarna op "Figuur" en dan
"Uit Bestand" en zoek naar de juiste "Map" waar men de
plaatjes of Animaties heeft staan. Klik betreffende plaatje of animatie aan en
klik op OK.
Achtergrondkleur of achtergrondplaatjes:
1e manier, zelf kleur geven:
Klik bovenin op "Opmaak" en vervolgens op
"Achtergrond" en kies tabje "Achtergrond" kies de
kleur uit en klik OK.
2e manier, achtergrondkleur van andere page:
Klik bovenin op "Opmaak" en vervolgens op "Achtergrond"
en kies tabje "Achtergrond" zet een vinkje bij "Gegevens over de
achtergrond van een andere pagina halen" en zoek die andere pagina op en
klik op OK
3e manier, achtergrondplaatje:
Klik bovenin op "Opmaak" en vervolgens op "Achtergrond"
en kies tabje "Achtergrond" zet een vinkje bij achtergrondkleur en zoek
via "Bladeren" naar een achtergrondplaatje en klik OK
Achtergrond muziek:
Klik bovenin op "Opmaak" en vervolgens op "Achtergrond"
en kies tabje "Algemeen" en klik op "Bladeren" en zoek naar
de juiste "Map" waar de muziek op staat en klik desbetreffende muziek
file aan en klik op OK.
Vervolg van het opzetten:
In dit voorbeeld heb ik de "index.html" steeds "zelf-je-eigen-webpage-maken.html"
genoemd,
maar een website kan alleen werken met als eerste "index.html" dus
alles wat hier "zelf-je-eigen-webpage-maken.html" heet moet dan op je eigen webserver
"index.html" heten, anders werkt het echt niet.
En op die "index.html" kun je net zoveel linken onder zetten als je
zelf wilt.
Op die "jouw-foto.html" of "andere-foto.html" kun je ook een woord plaatsen,
b.v. "HOME" en die dan markeren en een
hyperlink geven met verwijzing naar die "index.html" en niet vergeten
bij elke verandering te saven, en uit testen.
Als je het goed hebt begrepen dan kun je zo eigenlijk oneindig (afhankelijk van
de ruimte die je zelf hebt, gratis beschikbaar krijgt, huurt of betaald)
doorgaan met vele ".html" aanmaken met de juiste hyperlinken naar
elkaar.
Voorbeeld is echter zonder plaatjes en animaties.
Ik wens je heel veel succes met het opbouwen van uw webpage :-))
| "TEST" link naar "jouw-index.html" |
| "TEST" |
|
Deze page heet "zelf-je-eigen-webpage-maken.html" |