Waarom webdesign op onze school?

1. Het oog wil oog wat. Kijk ook op www.prvsite.com

2. Waarom webdesign op onze school? 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. Elk bedrijf dat zich presenteert op het web moet goed nadenken over de manier (huisstijl) waarop. Door zelf een keer een website te maken word je gedwongen na te denken over de structuur van een bedrijf. Deze manier van denken is ook nodig om een goed ondernemersplan te kunnen maken. Het oog wil oog wat. Kijk ook op www.prvsite.com

3. Wat is Frontpage ? Frontpage is een programma waarmee je webpagina’s kunt maken. Je kunt op 3 manieren binnen dit programma bouwen. - A - Met de Frontpage wizard - B - Met gebruik van verschillende frames - C - Met blanco pagina’s en gemeenschappelijke randen Op onze school wordt uitgegaan van een leeg web met blanco pagina’s en gemeenschappelijke randen !!! 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

4. Hoe maak ik een leeg web? We openen eerst het programma Frontpage en maken een nieuw web bij bestand, nieuw web. - 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) - 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

5. Hoe maak ik snel een leeg web? • Op de C schijf staat een leeg web met daarin de eerste lege pagina al klaar. In deze pagina vind je de belangrijkste instructie • - 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. • Voorbeeld in FRONTPAGE Het oog wil oog wat. Kijk ook op www.prvsite.com

6. Hoe bouw ik op begrijpelijke wijze? 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 Het oog wil oog wat. Kijk ook op www.prvsite.com

7. Achtergrond bestanden plaatsen? • 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

8. Gemeenschappelijke randen? • 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) • Je kunt hier het bedrijfslogo en de naam van de site vormgeven. • 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 Het oog wil oog wat. Kijk ook op www.prvsite.com

9. Tabellen maken? • 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!!! • - Ga naar Tabel • - Invoegen tabel • - Bijvoorbeeld: 600 pixels, randdikte 0, 2 rijen. • - Je kunt nu de de tabelbreedte zelf aanpassen Het oog wil oog wat. Kijk ook op www.prvsite.com

10. (Hyper) links maken? 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’ - C JAVA Knoppen - ’Invoegen’ Webcomponet - Kies: Knop met aanwijseffect Het oog wil oog wat. Kijk ook op www.prvsite.com

11. Terug Het oog wil oog wat. Kijk ook op www.prvsite.com