Een website bouwen Inhoud 1
Aandachtspunten bij het bouwen van een website ................................................................ 2
1.1
De structuur van de site .......................................................................................................... 2
1.2
De inhoud van de site .............................................................................................................. 2
1.2.1
Werk je site regelmatig bij ....................................................................................................... 2
1.2.2
Let op de taal! .......................................................................................................................... 2
1.2.3
Originaliteit loont ..................................................................................................................... 2
1.2.4
Gebruik een huisstijl ................................................................................................................ 3
1.2.5
Gebruik van afbeeldingen ........................................................................................................ 3
2
Wat is Google Sites?................................................................................................................. 3
2.1
Een account aanmaken ........................................................................................................... 3
2.2
Inloggen op Google Sites ......................................................................................................... 4
2.3
De Startpagina bewerken ........................................................................................................ 6
2.3.1
Elementen invoegen ................................................................................................................ 7
2.3.2
Indeling .................................................................................................................................... 7
2.3.3
Tabel......................................................................................................................................... 8
2.3.4
Lay-out ..................................................................................................................................... 8
2.3.5
Wijzigingen opslaan ................................................................................................................. 9
2.3.6
Wijzigingen ongedaan maken .................................................................................................. 9
2.3.7
Voorbeeld startpagina ............................................................................................................. 9
2.4
Een nieuwe webpagina ......................................................................................................... 10
2.4.1
Een nieuwe webpagina zonder link ....................................................................................... 10
2.4.2
Een link maken met een nog te ontwerpen pagina ............................................................... 10
2.5
Een link leggen met een bestaande pagina ........................................................................... 13
2.6
Een pagina verwijderen ......................................................................................................... 14
2.7
Extra’s .................................................................................................................................... 15
2.7.1
Plattegrond ............................................................................................................................ 15
2.7.2
Aftelkalender ......................................................................................................................... 18
De H@ndel en wij 5.3 Ha
Google sites
1/19
1
Aandachtspunten bij het bouwen van een website
1.1 De structuur van de site Vooraleer een website te bouwen bepaal je eerst de doelgroep en de doelstellingen. De doelgroep van een website voor een handelsonderneming zijn de klanten. De doelstellingen zijn o.a. naambekendheid verwerven, assortiment bekendmaken, klanten informeren … Vanuit deze optiek ontwikkel je een structuur. Die structuur geeft in grote lijnen weer wat je op de site zult plaatsen en op welke wijze je dat zal doen. Gebruik bij voorkeur voor elk onderwerp een aparte pagina die de klant kan bereiken via links. De volgende items zijn belangrijk bij een site voor een mini-onderneming, oefenfirma of een ander project: 1 Wie zijn we? Over ons… Voorstelling van de groep leerlingen die meewerkt aan het project: groepsfoto, namen, functies, school, studierichting, bedoeling project… 2 Assortiment (producten) Voorstelling van de producten die je aanbiedt: foto’s van producten, demonstratie van je diensten,… 3 Contact De contactgegevens van de mini-onderneming: adres, e-mailadres, ondernemingsnummer, plattegrond… 4 Openingsuren / verkoopmomenten Kort overzicht van de geplande verkoopmomenten, data en locatie. 5 Sfeerbeelden / foto’s Originele, grappige, leuke foto’s die je graag wil delen met je klanten en andere geïnteresseerden. Wees kritisch bij de keuze van de beelden en overdrijf niet. 6 Links naar andere websites Bijvoorbeeld naar je school, de producent van de aangeboden producten, Vlajo, Unizo, een evenement waar jullie met je project bij betrokken zijn…
1.2 De inhoud van de site 1.2.1 Werk je site regelmatig bij Een website die onveranderd blijft, verliest de aandacht van de klant. Plaats dus foto’s en korte artikeltjes op je site, bij de start van het project, de 1ste verkoop, speciale gebeurtenissen op school, reclameacties,... nieuwtjes over het project, bedrijfsbezoeken …
1.2.2 Let op de taal! De site is een uithangbord. Ze weerspiegelt de identiteit van de onderneming en de heersende bedrijfscultuur. Alle stakeholders zoals klanten, leveranciers, aandeelhouders, leraren, directie, medeleerlingen… hebben toegang tot de gegevens die je publiceert. Spelfouten, te lange zinnen en gewesttaal zijn ontoelaatbaar .
1.2.3 Originaliteit loont Gebruik je creativiteit en fantasie om de mini-onderneming succesvol uit te bouwen en schakel hiervoor ook de website in. Plaats enthousiaste boodschappen bij de aankondiging van de verkoopmomenten; organiseer een fotowedstrijd met je producten en plaats de leukste foto’s online; voer grappige reclamecampagnes en zet ze online, betrek de leerkrachten en andere leerlingen erbij.
De H@ndel en wij 5.3 Ha
Google sites
2/19
1.2.4 Gebruik een huisstijl Ontwerp een huisstijl voor de mini-onderneming: een mooi logo, een opvallend lettertype, bepaalde kleuren, een afbeelding,… Gebruik de huisstijl consequent op de website. 1.2.5 Gebruik van afbeeldingen Afbeeldingen zijn leuk, maar overdrijf niet. Wil je veel foto’s tonen, voorzie dan een aparte plaats op de website. Bij het invoegen van afbeeldingen, dien je rekening te houden met het portretrecht (van de personen die afgebeeld staan op de foto) en het auteursrecht (van de fotograaf). Vergeet niet dat de site openbaar is en ze de weergave is van de identiteit van de onderneming.
2
Wat is Google Sites?
Google Sites is een gratis online systeem om websites te maken. Het enige wat je ervoor nodig hebt, is een Google-account. Om een website voor een mini-onderneming te ontwerpen, is het aan te raden een nieuw Google-account aan te maken. Dit account kun je delen met alle deelnemers van het project.
2.1 Een account aanmaken Surf naar www.sites.google.com. Je krijgt het volgende scherm
Kies “Een account maken”.
De H@ndel en wij 5.3 Ha
Google sites
3/19
Vul de gegevens in de verschillende velden in. Kies Volgende stap. Eens de account aangemaakt, kun je inloggen op Google Sites
2.2 Inloggen op Google Sites Surf naar www.sites.google.com en vul je daarnet aangemaakt mailadres en wachtwoord in.
Vul het veld E-mailadres in. Kies Inloggen.
De H@ndel en wij 5.3 Ha
Google sites
4/19
Kies de knop Maken.
Selecteer de gewenste opties: 1 Vertrek van een lege sjabloon. 2 Kies de naam van je site (tussen de 6 en 30 tekens). Opgelet: niet alle domeinnamen zijn nog beschikbaar. Als de naam van je project niet meer beschikbaar is, los het dan creatief op en voeg een woord toe aan de naam van je project of de afkorting van je klas, school,… Je site-adres krijgt de volgende vorm: https://sites.google.com/site/PROJECTNAAM. 3 Kies Maken. Na enkele ogenblikken kun je starten met de opbouw en de invulling van je site.
De H@ndel en wij 5.3 Ha
Google sites
5/19
2.3 De Startpagina bewerken Standaard maakt Google Sites een eerste pagina aan, de Startpagina
Detail van de knoppen, linksboven op de pagina:
Kies het pictogram met het potlood om de pagina te bewerken. Je kunt teksten tikken, elementen invoegen, knippen en plakken, de titel van de startpagina wijzigen, de indeling wijzigen, een tabel toevoegen of de lay-out veranderen.
We bespreken deze mogelijkheden in detail.
De H@ndel en wij 5.3 Ha
Google sites
6/19
2.3.1 Elementen invoegen Om een afbeelding of een ander element toe te voegen aan een pagina, klik je op Invoegen. Selecteer het gewenste object.
Kies het tabblad Invoegen Kies het gewenste object, bijvoorbeeld Afbeelding.
2.3.2 Indeling
Via dit tabblad kun je de opmaak en uitlijning van de tekst verzorgen. De grootte van het lettertype, superscript of subscript, uitlijning … kunnen hier aangepast worden. Door te werken met koppen en subkoppen kun je een mooie opmaak realiseren. De H@ndel en wij 5.3 Ha
Google sites
7/19
2.3.3 Tabel
Dit tabblad geeft je de mogelijkheid te werken met tabellen. Net zoals in het pakket Word is het belangrijk technisch correct te werken in tabellen. Zo worden er geen returns gebruikt in cellen en cursorverplaatsingen gebeuren via de tabtoets.
2.3.4 Lay-out De lay-out gaat over de indeling of structuur van je webpagina, met kolommen en/of balken:
De H@ndel en wij 5.3 Ha
Google sites
8/19
2.3.5 Wijzigingen opslaan Het is belangrijk regelmatig je werk op te slaan.
Kies de knop rechtsboven Opslaan.
2.3.6 Wijzigingen ongedaan maken
Bij het bewerken van een pagina bestaat de kans dat je een eerste idee wijzigt en na het wijzigen toch maar liever terugkeert naar het eerste idee. Kies de pijl
(Ongedaan maken).
2.3.7 Voorbeeld startpagina
De H@ndel en wij 5.3 Ha
Google sites
9/19
2.4 Een nieuwe webpagina 2.4.1 Een nieuwe webpagina zonder link
Kies de knop Nieuwe pagina.
Geef de gewenste naam aan je pagina, bijvoorbeeld ‘Contact’. Kies de locatie waar je de pagina wil plaatsen. Kies de rode knop Maken.
Kies de knop lay-outen enz.
om de inhoud aan de pagina toe te voegen, de pagina in te delen, te
2.4.2 Een link maken met een nog te ontwerpen pagina Wil je vanop een pagina een link wil leggen naar een nog niet bestaande pagina, dan biedt Google Sites de mogelijkheid om onmiddellijk na het maken van de link de nieuwe pagina aan te maken. Selecteer de tekst die je wil gebruiken als link. Bijvoorbeeld: Leg op de Welkom!-pagina een link naar het assortiment. Selecteer de tekst ‘assortiment’.
De H@ndel en wij 5.3 Ha
Google sites
10/19
Kies Invoegen > Link. Je krijgt het volgende scherm.
Kies Nieuwe pagina maken.
De H@ndel en wij 5.3 Ha
Google sites
11/19
Vul dit scherm aan. Noteer in het veld Nieuwe paginatitel de naam van de pagina zoals in het voorbeeld hierboven. Klik in het veld Pagina op het hoogste niveau plaatsen. Kies onderaan de knop Pagina maken.
De H@ndel en wij 5.3 Ha
Google sites
12/19
De geselecteerde tekst is nu een link. Klik in het venstertje ‘Ga naar’ op de nieuwe link. De nieuwe pagina is beschikbaar voor verder verwerking.
2.5 Een link leggen met een bestaande pagina Op bestaande pagina’s kun je achteraf zeer gemakkelijk links leggen tussen de verschillende pagina’s. Ga naar de pagina waar je een link wil aanmaken. Selecteer de tekst voor de link. Kies Invoegen > Link. Kies in het deelscherm de gewenste pagina en kies OK. Voorbeeld Je ontwierp een pagina ‘Agenda’, met een overzicht van de verkoopmomenten van de mini-onderneming. Op de startpagina staat de zin De agenda met onze verkooppunten wordt regelmatig bijgewerkt. Klik hier voor meer informatie. Het woord ‘hier’ moet een link zijn naar de pagina Agenda. Selecteer ‘hier’. Kies Invoegen > Link.
De H@ndel en wij 5.3 Ha
Google sites
13/19
In het volgende deelscherm selecteer je in de lijst met de beschikbare pagina’s ‘Agenda’.
Kies OK.
2.6 Een pagina verwijderen Ga naar de pagina die je wenst te verwijderen. Kies Meer
De H@ndel en wij 5.3 Ha
Google sites
14/19
Kies in het menu voor Pagina verwijderen.
Kies Verwijderen.
2.7 Extra’s 2.7.1 Plattegrond Het komt professioneel over als je, naast je adresgegevens, ook een plattegrond met de locatie weergeeft. Ga hiervoor naar de pagina waar je de plattegrond wil invoegen. Kies Invoegen. Kies in de derde kolom voor Kaart.
De H@ndel en wij 5.3 Ha
Google sites
15/19
Je krijgt het volgende scherm:
Noteer in het invoerveld je locatie, bijvoorbeeld Motstraat 32, 2800 Mechelen. Kies in de lijst die verschijnt de juiste locatie.
De H@ndel en wij 5.3 Ha
Google sites
16/19
Kies Selecteren. Je krijgt het volgende deelvenster.
Kies hier de gewenste opties, bijvoorbeeld een kleine plattegrond van 300 pixels op 300 pixels. Kies Opslaan.
De H@ndel en wij 5.3 Ha
Google sites
17/19
2.7.2 Aftelkalender Het is altijd leuk om een aftelkalender te plaatsten naar het volgende verkoopmoment. Ga naar de pagina waar je de aftelkalender wil plaatsen.
Kies de knop Meer. Kies onder Websiteacties voor Sitelay-out bewerken.
Klik bij de Sidebar op het plus-teken Kies in de lijst voor Aftellen. Kies Toevoegen.
De H@ndel en wij 5.3 Ha
Google sites
18/19
Je krijgt dit object op het scherm.
Klik in het object.
Noteer de naam van je evenement, bijvoorbeeld Verkoop 1 en kies de gewenste datum, zoals in het voorbeeld hierboven. Kies OK.
De H@ndel en wij 5.3 Ha
Google sites
19/19
