Een website bouwen. De H@ndel en wij 5.3 Ha Google sites 1/19



Vergelijkbare documenten
Portfolio s in Google Sites

Materiaalontwikkeling in PAV

2. INLOGGEN INLOGGEN'

Safira CMS Handleiding

EEN WEBLOG MAKEN MET BLOGGER

Account maken Website maken Het domein kiezen Structuur van een webquest aanmaken

De tekstverwerker. Afb. 1 de tekstverwerker

EBUILDER HANDLEIDING. De Ebuilder is een product van EXED internet EXED CMS UITLEG

Central Station. CS website

HANDLEIDING VOOR GEBRUIKERS

Handleiding Wordpress CMS

Uitleg CMS Utrecht Your Way Button 1. Inloggen

Hoe maak ik een account aan op Drenthe.nl

Leerpaden maken. 1. Account en wachtwoord. 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina.

I) Wat? II) Google documenten. Deel 2 documenten

Leer aan de hand van deze beknopte handleiding te werken met je Dashboard, om jouw persoonlijke website te beheren en naar wensen aan te passen.

Weebly. Inhoud. Vormingplus Limburg, L. Frederix

Handleiding Website beheersysteem

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Handleiding Joomla CMS

Gebruikershandleiding online vacaturebanken vrijwilligerswerk

Website De Contrabas Gebruiksaanwijzing voor het beheren van de groepspagina s

Vragen opmaken in de editor

Introductiehandleiding Website Dussense Boys

Juni 2013 OKRA HANDLEIDING TREFPUNTSITES.

Uw TEKSTEDITOR - alle iconen op een rij

Ga naar en log in met de gebruikersnaam en wachtwoord verkregen via mail.

Snel aan de slag met BasisOnline en InstapInternet

NC-Websites Handleiding Mailer

1. Inloggen op

Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).

Handleiding. Yvonne Rijks-Waardenburg. Tine Strikkers. Christel van de Steenoven-Livius. Pagina 1

Een korte handleiding door Frederic Rayen

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

Toegang deelnemers / Inloggen Account deelnemer Communicatiemateriaal Bijbestellen communicatiemateriaal.. 03

Geert Kraeye. Pas de grootte van de kolommen aan aan de plaats die men nodig zal hebben voor de vragen, de antwoorden, de evaluatie en de punten.

Algemene basis instructies

Gebruikershandleiding Typo3

Gebruikershandleiding Edit

Organisaties, locaties, evenementen, deals Wanneer je bent ingelogd in de database, kun je kiezen uit onderstaande thema s.

Weebly: Stappenplan voor docenten

UIT-DATABANK. Hoe gratis jouw activiteit toevoegen om een groter publiek te bereiken. Handleiding. Vragen?

Toelichting op enkele knoppen: (als u de muis bij een knop houdt, verschijnt een tekst met een korte aanwijzing (tooltip) bij deze knop).

Leereenheid Webdesign

Vragen opmaken in de editor

Handleiding Wordpress

Handleiding Websitebeheer

Leerlingdossier & handelingsplannen. Welke mogelijkheden biedt de online tekstverwerker in ESIS? FAQ

Handleiding sjabloonsoftware FEBRUARI 2015 VERSIE 1.0

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING

Al uw online bronnen en internetadressen altijd en overal op overzichtelijke wijze beschikbaar.

Gebruiksaanwijzing webwinkel januari 2013

Altijd op de hoogte van de laatste ontwikkelingen.

Inloggen. In samenwerking met Stijn Berben.

Ooievaarspas.nl. Handleiding voor aanbieders: beheeromgeving

De Liemers Helpt Partner Handleiding v1.1. De Liemers Helpt. Partner handleiding

Google Drive. Wat is google drive. Wat heb je nodig en wat krijg je. Je aanmelden aan de cloud

XITEFORCE CMS. december 2013

Handleiding voor Leden Teampagina aanpassen op

Handleiding wordpress

CMS Instructiegids Copyright Endless webdesign v.o.f

Linda Thuijs-Koopmans - LinnenArt, huisstijl en logo ontwerp -

Handleiding administrator

Gebruikershandleiding online vacaturebanken vrijwilligerswerk

SWIS Handleiding Webbeheer

KENNISNET.NL. Aan de slag met de websitemaker. Met kennisnet.nl sta je er nooit alleen voor. basishandleiding. Afbeelding 1 1/9

Ga naar of selecteer in de website van de school- intranet basisonline

Om met Symbaloo te werken, moet u zich aanmelden bij de website van Symbaloo.

Handleiding Online Tool Dag van de Zorg 2019

Inhoudsopgave Een accout creëren... 2 Overzichtsscherm

TeD Tekst en Design. Basisinformatie voor gebruik van het cms Made Simple

Stappenplan Blog maken

Handleiding CMS VOORKANT

GOOGLE MAPS VERKENNEN

Microsoft Word 365. Kolommen en tabellen AAN DE SLAG MET DIGITALE VAARDIGHEDEN TRAINING: MICROSOFT WORD 365

Leerlingdossier & handelingsplannen

Handleiding. HetSchoolvoorbeeld.nl. Versie juni Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Teksten op je WordPress site zetten of aanpassen

Handleiding website Rijnland Geschiedenis

Stappenplan I-rent. Inloggen

Handleiding Elektrocrack


Welkom bij Sitebuilder, een praktijksite maken in 5 stappen.

Onderdeel: Opdracht Uitleg + Opdracht

Hoe online inschrijven voor Jeugdaanbod en Jeugdopvang?

Handleiding website. Nieuwe of Littéraire Sociëteit De Witte, opgericht in 1802

Hoe doe je dat in Word

0 INHOUDSOPGAVE. 1. Leerlingen-programma Inloggen Programma kiezen 2. Docenten-programma Inloggen en hoofdmenu Algemene instellingen 0-1

Maak een Google account aan of gebruik een bestaand account. Voorbeeld. Gebruikersnaam: (tevens adres)

Infogids. SBSO Rumbeke - CampusTer Sterre Passendaalsestraat Moorslede tersterre.moorslede@g-o.

Handleiding. Beeldmerk CMS BASIS. webcompact

Cursus Learning Gateway Leerkrachten SKIPOS scholen

Organisaties, locaties, evenementen, deals Wanneer je bent ingelogd in de database, kun je kiezen uit bovengenoemde thema s.

Hoe maak ik een Facebookpagina voor mijn bedrijf?

opgericht 1 augustus 1932 Handleiding Artikel plaatsen

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

DEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:

INLOGGEN Vul gebruikersnaam en wachtwoord in, en klik op log in.

Heb je geen entree-account dan kun je tijdens de workshop gebruik maken van de volgende aanmeldgegevens:

Korte handleiding O365=Office 365 Let op: er worden hier en daar nog wijzigingen doorgevoerd, dus de afbeeldingen en teksten kunnen afwijken

Transcriptie:

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