Leereenheid Webdesign INLEIDING Deze leereenheid leert je een eenvoudige website opbouwen. Vervolgens passen we dit toe op webquest. VOORKENNIS Elementaire kennis van Web 2.0 is vereist. LEERDOELEN LEERDOELEN Na het bestuderen van deze leereenheid moet je: Uitleggen wat een webquest is. Het doel van het gebruik van een webquest formuleren. De verschillende onderdelen van een webquest opsommen. De functie van de verschillende onderdelen van een webquest bespreken. Een Gmail account aanmaken. Een Googlesite website opstarten. De globale stijl en layout van een Googlepagina aanpassen. Tekst invoeren en opmaken in een Googlepagina. Een figuur invoegen in en verwijderen uit een Googlepagina. Een in een Googlepagina ingevoegde figuur bewerken. Links invoegen in een Googlepagina naar een interne pagina, een eigen bestand, een externe website en een e-mailadres. Een menu creëren in een Googlewebsite. De eigenschappen van een gadget in een Googlepagina wijzigen. Uitleggen wat inbedden (embed) is. WEB2.0 toepassingen zoals YouTube filmpjes inbedden in een Googlepagina. Links naar externe websites en bestanden optimaliseren. De titel van een Google website wijzigen. Een professioneel opgebouwde webquest maken met Google Pages. Eigen webpagina s en bestanden uploaden en verwijderen. Een nieuwe Google website creëren. WERKVORM(EN)/LEERACTIVITEIT(EN) Zelfstandig werk aan een pc LEERKERN 1
Een nieuwe website maken Aan de slag met google sites Ga naar de startpagina van google sites op http://sites.google.com en log in met je Gmail account. Creëer, indien je dit nog net hebt, een Gmail account. Log met je Gmail account in op http://sites.google.com. Verklaar je akkoord met de gebruikersvoorwaarden. Maak een nieuwe site Klik op Sitenaam en vul vervolgens het formulier in. Kies je sitenaam Geef een korte omschrijving van je site Thema Kies een thema voor je site. Het thema kun je achteraf nog wijzigen. Typ de code onderaan de pagina over en je eerste pagina is klaar. De url van je site is vanaf nu http://sites.google.com/site/jouwsitenaam 2
Creëer een nieuwe site Verdere instellingen van je site Nu je je initiële site gemaakt kun je de opmaak verfijnen site settings. heb via Via Sharing kun je je site delen met iedereen of enkel met een selecte groep. Je kunt tevens gebruikers toevoegen als mede webbouwers om samen aan een site te werken. Site delen Via appearance kun je de verdere opmaak van je site aanpassen. Onder Site Elements kun je je hoofd en zij frames aanpassen. Ook je navigatiebalk kun je instellen (zie verder). Onder Colors and Fonts creëer je je eigen lay out Onder Themes kies je een ander thema. Frames navigatiebalk 3
Opmaken van je pagina s Tekst invoeren Om je pagina in te vullen klik je op Tekst invoegen en opmaken Verander home in de titel van je pagina en voer je tekst in in het tekstvak eronder. Alle gebruikelijke opmaaktoepassingen vind je in de tekstwerkbalk. kolommen Met de Layout knop kun je het tekstgedeelte opsplitsen in twee kolommen. Is je pagina opgemaakt klik dan op Geef een passende titel en voer tekst in (zie eventueel toledo in de map webdesign en webquest voor rudimentair tekstmateriaal). Maak de ingevoerde tekst verder op. Wees bescheiden met kleuren, en consequent met het lettertype. Tabel invoegen Een tabel invoegen en opmaken doe je met de tabel knop. Tabel invoegen Voeg een tabel in de pagina en maak deze op. desgewenst 4
Figuur invoegen Via de insert knop kan je allerhande objecten invoegen waaronder figuren. Via bladeren kun je een figuurbestandje uploaden. Desgewenst kun je ook een webadres van een figuur invoegen. Selecteer je figuur en klik op Figuur opmaken Je figuur opmaken doe je met volgende werkbalk. Align: positioneer je figuur links, centraal of rechts Size: vergroot of verklein je figuur Wrap: zet aan als je tekst naast je figuur wil. Voeg een figuur in, in de pagina en maak deze desgewenst op (zie eventueel toledo in de map webdesign en webquest) 5
Een nieuwe webpagina pagina maken Nieuwe pagina s maken op Eens je vorige site is opgeslaan kun je nieuwe pagina s creëren. Klik hiervoor Geef je naam in van deze (sub)pagina en kies het niveau van webpagina. Kies je top level dan naast je hoofdpagina te staan. Met different location kun je subpagina s Subpagina s Belangrijk is dat je vooraf de van je site en de hiërarchie van goed voor ogen hebt! de komt hij choose a maken. structuur pagina s Maak verschillende nieuwe pagina s aan die je voorziet van een hoofding en enige tekst (zie eventueel toledo in de map webdesign en webquest). 6
Opmaak navigatiebalk Om de navigatiemogelijkheden van je site op te maken klik je op site settings, appearance,site elements of klik op Edit sidebar. In de zijbalk (side bar) zie je de mogelijkheid om naviegatieknoppen bij te maken, te verwijderen of andere objecten in te voegen. Klik op edit om je navigatie in te stellen, via add page to sidebar navigation kun je pagina s toevoegen aan je sidebar. Door op te klikken kun je een item verwijderen. Creëer een duidelijke menu waarmee subpagina s bereikbaar zijn. Verwijder het item sitemap Verwijder de rencent site activity. al je 7
Verdere invoegtoepassingen Video invoegen Bij de opmaak van je pagina s kun je via de insert-knop videofragmenten in je site opnemen. Dit kun je enkel door Google video- of You tube-urls in te voegen. Video invoegen Voeg een videofragment pagina (zie eventueel de map webdesign en webquest). in in de toledo in Een link invoegen Via insert kun je eveneens invoegen. Dit kan naar een bestaande pagina van je website zijn of extern webadres. Link invoegen linken naar een Door open this link in a new window aan worden een nieuw venster geopend wat interessant is voor externe sites. Hiermee je dat de bezoeker je site ongewenst en verdwaalt naar andere oorden. te vinken zeker voorkom verlaat Voeg een enkele linken toe in je tekstmateriaal. 8