Workshop website bouwen Les 1. Wie zijn dat nou? Kirstin en Vincent Ouders van Nick.

Presentatie over: "Workshop website bouwen Les 1. Wie zijn dat nou? Kirstin en Vincent Ouders van Nick."— Transcript van de presentatie:

1 Workshop website bouwen Les 1

2 Wie zijn dat nou? Kirstin en Vincent Ouders van Nick

3 Waar zoek je als je iets wilt weten?

4 Zonder internet doe je dat zo!

5 Mét internet…. W a t i s V e l d z i j d e L o s s e r ?

6 Google zoekt een webpagina Wat is Veldzijde Losser?

7 Alles een eigen adres Een eigen adres? Gronausestraat 13

8 Alles heeft een eigen adres Internet of things – Alle dingen op internet hebben een eigen adres: PC / Laptop iMAC, iBook iPad / tablet Mobiele telefoon Maar ook websites Televisie Auto’s Wasmachines…….

9 ”Praten“ met elkaar Adres = een IP adres, bijv: 192.168.1.200 – IP = Internet Protocol = Internet afspraak 192.168.1.200 82.156.13.35 82.89.2.222 82.156.68.35 82.156.13.77 82.128.3.98 82.156.13.37

10 Onthouden van IP adres IP adressen onthoudt bijna niemand. Vertaling van IP naar URL (uniform Resource Locator) 82.161.33.152 = www.veldzijde.nl

11 Waar komt die website vandaan? Alles staat op een server = mega computer De website is gehost op een server (gehuisvest)

12 Google Datacenter in NL Groningen 40 voetbalvelden groot

13 Website HTML code window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/www.veldzijde.nl\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.3.1"}}; !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):! 1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?( b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallba ck()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /* <![CDATA[ */ var RHC = {"ajaxurl":"http:\/\/www.veldzijde.nl\/","mobile_width":"480","last_modified":"cc67f713397c4f0d6514015dc9bef829","tooltip_details":[],"visibility_check":"1","gmt_offset":"1"}; /* ]]> */

14 Zelf een website maken

15 Wat moet je leren? Kant-en-klaar “theme” (opmaak) als basis voor je website Hoe is een webpagina opgebouwd, en hoe je verander je zelf de vormgeving Zelf plaatsen van eigen teksten en foto’s Navigatiestructuur/menubalk (inhoudsopgave) Mooier maken van je website en gebruik van kleuren en plaatjes Je website aan de hele wereld laten zien

16 CMS software Gratis website bouw software – Bijvoorbeeld: Joomla Wordpress Drupal Wij gebruiken vanaf nu Wordpress

17 Opbouw van je website BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk

18 BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk http://hoofdzaak-losser.nl/producten

19 BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk http://www.lekkerenmakkelijk.nl

20 Het begin

21 Hoe begin ik? De inhoud van een website heet content Ik moet weten over wat ik wil schrijven Het is net alsof je een boek wilt schrijven:

22 1. Wie is mijn lezer Ouders, vrienden? Volwassenen, kinderen? Stappenplan: content Een boek schrijven: 2. Over wat wil ik schrijven? mijzelf mijn huisdier/ éen dier éen vakantie/ reis mijn sport / mijn hobby of heb jezelf éen idee? 3. Kies verschillende hoofdstukken Opvoeding Voeding …….. 4. Zoek een titel. Mijn hond – mijn beste vriend 5. Kies foto's of afbeeldingen die bij je onderwerp passen 6. Kies de kleur van je omslag.

23 Je eigen website eerst tekenen BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk achtergrond kleur Foto van mij en mijn hond Puppy Voeding Opvoeding Mijn hond Basco – mijn beste Vriend Als Puppie Hij speelde heel erg graag met éen gummi kip en sliep onder de bank. Basco was bang voor de stofzuiger Foto als puppy Foto van Basco en de stofzuiger Foto van Basco’s verjaardag bruin Foto van het voer Beschrijving wat hij te eten krijgt en wat hij niet mag, ook iets over water Tips hoe je een hond het best gaat opvoeden. Tricks leren. Foto?

24 Voorbeeld: zomervakantie 2015

25 Rondreis door Maleisië Deze zomervakantie ben ik op vakantie in Maleisië geweest. Ik ben met mijn ouders en met mijn zusje Mila twee weken met een kleine auto van Singapore naar Penang gereisd. Als je hier op deze kaart klikt, kun je de route bekijken. Maleisië op de kaart Het was een erg lange vlucht Lees meer Dieren, die ik gezien heb Hier vind je foto’s van grappige diersoorten Lees meer Over Maleisië Maleisië is een land in het zuidoosten van Azië. Het bestaat uit twee afzonderlijke delen die gescheiden worden door de Zuid-Chinese Zee. Hier kun je zien waar Maleisië ligt. Het was erg leuk. We hebben verschillende mensen ontmoet en erg bijzondere dieren gezien. Een keer zijn we ook ik het regenwoud gewandeld en hebben met mensen over de situatie van het Zomervakantie 2015Maleisië op de kaartDieren BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk Foto van mij Zomervakantie 2015Maleisië op de kaartDieren Pagina: Zomervakantie 2015 Hier schrijf ik een tekst over de reis en plak een paar fotos in over de mensen en informaties over het land Hier geef ik extra informaties over: Waar ligt Maleisië? (foto van kaart) Dieren (foto van dier) Dit zullen ook extra pagina’s worden. Achtergrondkleur: mijn keuze blauw Foto van mij Zomervakantie 2015Maleisië op de kaartDieren Pagina: Zomervakantie 2015 Hier schrijf ik een tekst over de reis en plak een paar fotos in over de mensen en informatie over het land Hier geef ik extra informatie over: Waar ligt Maleisië? (foto van kaart) Dieren (foto van dier) Dit zullen ook extra pagina’s worden. Achtergrondkleur: mijn keuze blauw

26

27 Maleisië op de kaart Maleisie is een tropisch land in Zuidoost-Azië. Het grenst aan Thailand i n het noordwesten, en Singapore in het zuiden. Over zee grenst het land aan Indonesië en de Filipijnen. Maleisie bestaat uit een schiereiland (het schiereiland Maleisie) en uit een deel van het enorme eiland Borneo (Maleisisch Borneo).

28

29

30 Huiswerk Jouw URL is: www.spinnenweb.eu/www.spinnenweb.eu/ je eigen voornaam Huiswerk: Schrijf alvast wat teksten en verzamel digitale foto's. Vraag gerust jouw ouders. Mail alles met jouw naam naar: info@spinnenweb.eu info@spinnenweb.eu Let op: alles wat je op internet zet is voor iedereen zichtbaar. (Dus ook voor die boef) Kirstin en Vincent

31 BANNER / HEADER Navigatie Menu & extra info Body tekst met plaatjes natuurlijk kleur Kirstin en Vincent Huiswerk les 1: Teken voor jezelf deze pagina in.

32 Huiswerk Let op: alles wat je op internet zet is voor iedereen zichtbaar. (Dus ook voor die boef in Rusland.) Kijk wat de kinderen van de vorige workshop heeft gebouwd: www.spinnenweb.eu/kids

33 Alles voor iedereen zichtbaar

34 Jouw URL heet: Jouw URL is: www.spinnenweb.eu/ joep lars britt marit aimy fleurb senna morris time tomh