Erwin Declercq
Kaho St.-Lieven
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
Erwin Declercq
Kaho St.-Lieven
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.
OPDRACHT 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
Erwin Declercq
Kaho St.-Lieven
OPDRACHT 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
Site delen
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.
Via appearance kun je de verdere opmaak van je site aanpassen.
Frames navigatiebalk
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.
3
Erwin Declercq
Kaho St.-Lieven
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 OPDRACHT 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 Tabel invoegen
Een tabel invoegen en opmaken doe je met de tabel knop.
OPDRACHT Voeg een tabel in de pagina en maak deze op.
desgewenst
4
Erwin Declercq
Kaho St.-Lieven
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. OPDRACHT Voeg een figuur in, in de pagina en maak deze desgewenst op (zie eventueel toledo in de map webdesign en webquest)
5
Erwin Declercq
Kaho St.-Lieven
Een nieuwe webpagina pagina maken Nieuwe pagina ‘s maken
Eens je vorige site is opgeslaan kun je nieuwe pagina’s creëren. Klik hiervoor
op 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
de komt hij choose a maken.
Subpagina’s
Belangrijk is dat je vooraf de van je site en de hiërarchie van goed voor ogen hebt!
structuur pagina’s
OPDRACHT 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
Erwin Declercq
Kaho St.-Lieven
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 verwijderen.
item
OPDRACHT Creëer een duidelijke menu waarmee subpagina’s bereikbaar zijn. Verwijder het item sitemap Verwijder de “rencent site activity”.
al je
7
Erwin Declercq
Kaho St.-Lieven
Verdere invoegtoepassingen
Video invoegen 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.
OPDRACHT 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
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.
linken naar een
te vinken zeker voorkom verlaat
OPDRACHT Voeg een enkele linken toe in je tekstmateriaal.
8
