Leeg Web JWAM

Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
Tabellen?
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
Waarom webdesign op onze school?
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Internet is een medium dat steeds belangrijker wordt voor tal
van bedrijven. Vroeg of laat heb je hier mee te maken en dan
moet je geen angst hebben om mee te praten.
Misschien komt er een moment dat je een bestaande of nieuwe
website mag ontwikkelen of dat je een bestaande website moet
onderhouden.
Begrijpelijk bouwen?
Elk bedrijf dat zich presenteert op het web moet goed nadenken
over de manier (huisstijl) waarop.
Achtergronden?
Door zelf een keer een website te maken word je
gedwongen na te denken over de structuur van een bedrijf.
Gem. randen?
Tabellen?
Deze manier van denken is ook nodig om een goed
ondernemersplan te kunnen maken.
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
Wat is Frontpage ?
Waarom?
Frontpage is een programma waarmee je webpagina’s kunt maken.
Je kunt op 3 manieren binnen dit programma bouwen.
Frontpage?
- A - Met de Frontpage wizard
Leeg web?
- B - Met gebruik van verschillende frames
- C - Met blanco pagina’s en gemeenschappelijke randen
Snel een leeg web?
Begrijpelijk bouwen?
Op onze school wordt uitgegaan van een leeg web met blanco
pagina’s en gemeenschappelijke randen !!!
Achtergronden?
Gem. randen?
Tabellen?
(Hyper)links?
Tijdens de ontwerpfase staat het monteren met de bekende
vaardigheden van PowerPoint (A3) centraal. De verschillende
achtergrondbestanden worden opgeslagen als pixelbestand. (1008 br)
De uiteindelijke creativiteit en originele vormgeving binnen webdesign
wordt gestopt binnen het vak digitale fotobewerking.
Deze manier van denken kan ook toegepast worden met de
professionele fotobewerkingsprogramma’s
Het oog wil oog wat. Kijk ook op www.prvsite.com
Hoe maak ik een leeg web?
Waarom?
We openen eerst het programma Frontpage en maken een nieuw
web bij bestand, nieuw web.
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
- 1 - Open Frontpage
- 2 - We kiezen leeg web
- 3 - Maak een nieuwe lege pagina
- 4 - Sla de pagina op.
Controleer of deze eerste pagina index heet
- 5 - Sluit Frontpage af
- 6 - Controleer waar Frontpage jullie map met daarin jullie
indexpagina heeft opgeslagen.
- 7 - Verplaats eventueel de complete map naar de juiste
opslagmap (op de D schijf in je eigen klassenmap)
Tabellen?
(Hyper)links?
- 8 - Verander de naam zodat je duidelijk zichtbaar maakt welke
webmap van jullie is.
Het oog wil oog wat. Kijk ook op www.prvsite.com
Hoe maak ik snel een leeg web?
Waarom?
Op de C schijf staat een leeg web met daarin de eerste lege pagina al
klaar. In deze pagina vind je de belangrijkste instructie
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
- 1 - Ga naar de C schijf naar Mijn documenten
- 2 - Kopieer de complete map Leeg Web JWAM
- 3 - Ga naar je eigen map op de D schijf en plak deze hier neer
-4 - Verander de naam zodat je duidelijk zichtbaar maakt welke
webmap van jullie is.
Achtergronden?
-Voorbeeld in FRONTPAGE
Gem. randen?
Tabellen?
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
Hoe bouw ik op begrijpelijke wijze?
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
Er zijn verschillende manieren om een site te bouwen. In elk boek kun
je de manier van werken na/lezen.
Een eenvoudige en begrijpelijke werkwijze is waarin je de pagina’s elke
keer los opslaat onder een andere naam.
De eerste pagina moet wat betreft de vormgeving dan wel zo
compleet mogelijk zijn. (inclusief de platte tekst in de tabel)
Controleer eerst of je al een map met een leeg web hebt aangemaakt
op je harde schijf (D). Ga na of de index pagina ook is opgeslagen.
Is dit niet het geval ga dan terug naar: leeg web maken of snel een leeg
web kopiëren van C naar D
Tabellen?
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
Achtergrond bestanden plaatsen?
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
Tabellen?
(Hyper)links?
Gebruik als achtergrond een pixel bestand (Gif, PNG of JPEG) dat
geschikt is als een algemene achtergrond (hier overheen komt nog de
invulling van je pagina in Frontpage) voor je website.
Bedenk dat de achtergrond zich zowel in de breedte als in de lengte in de
browser zal herhalen.
Als we uitgaan van een 17 inch beeldscherm maak het bestand dan
1008 pixels breed. Wil je bijvoorbeeld rechtsonder een illustratie plaatsen
die op elke pagina terug komt plaats deze dan zo in je bestand dat deze in
de browser op de juiste plaats terecht komt. Door je achtergrond wat extra
lengte te geven zal de illustratie zich niet te snel herhalen.
-1 - Plaats de cursor op het midden van de pagina.
-2 - Klik met rechtermuisknop en kies voor eigenschappen pagina
-3 - Kies voor het tabblad achtergrond en plaats bij de knop
bladeren je achtergrondbestand.
-4 - Ga naar tabblad marges en zet deze op O
Het oog wil oog wat. Kijk ook op www.prvsite.com
Gemeenschappelijke randen?
Frontpage?
Gemeenschappelijke randen zijn randen die op elke pagina zichtbaar
zijn. Het ontwerp moet dan ook zodanig zijn dat het geschikt is voor
elke pagina. (opmaak gemeenschappelijke randen)
Leeg web?
Je kunt hier het bedrijfslogo en de naam van de site vormgeven.
Waarom?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
Tabellen?
De uitstraling (huisstijl) van de website wordt mede bepaalt
door de combinatie van de achtergrond, de gemeenschappelijke
randen en de lay-out van de platte tekst.
-1 - Plaats de cursor in de gemeenschappelijke rand (uiterst links)
-2 - Kies voor invoegen figuur uit bestand.
Als de kop niet past over de achtergrond, ga dan naar
eigenschappen pagina (rechtermuisknop) vervolgens naar
tabblad marges en zet deze op O
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
Tabellen maken?
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Wanneer je platte tekst typt in een webpagina dan loopt de regel net
zo lang door als het beeldscherm groot is. Op een groot scherm is
er dan misschien maar één regel zichtbaar terwijl op een klein
scherm de tekst verdeeld is over drie regels.
Dit willen wij als vormgever dus niet!!!
1
2
3
4
- Ga naar Tabel
- Invoegen tabel
- Bijvoorbeeld: 600 pixels, randdikte 0, 2 rijen.
- Je kunt nu de de tabelbreedte zelf aanpassen
Gem. randen?
Tabellen?
(Hyper)links?
Het oog wil oog wat. Kijk ook op www.prvsite.com
(Hyper) links maken?
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Maak eerst pagina’s en daarna pas de ’hyperlinks’
- A Hyperlinks op Pixelbestanden (b.v.PNG)
(b.v afbeelding in gemeenschappelijke rand)
- Zet werkbalk op figuur
- Klik afbeelding aan!!
- Teken hotspot (in werkbalk figuur) om het te linken gebied!!
- B Bovenin het scherm
- ‘Invoegen’ en daarna naar ‘Hyperlinks’
Gem. randen?
Tabellen?
(Hyper)links?
- C JAVA Knoppen
- ’Invoegen’ Webcomponet
- Kies: Knop met aanwijseffect
Het oog wil oog wat. Kijk ook op www.prvsite.com
Waarom?
Frontpage?
Leeg web?
Snel een leeg web?
Begrijpelijk bouwen?
Achtergronden?
Gem. randen?
Tabellen?
(Hyper)links?
Terug
Het oog wil oog wat. Kijk ook op www.prvsite.com