Eduvision - Proefles Cursus Webdesign

1,231 views

Published on

Tijdens de opleiding webdesign wordt u opgeleid tot professioneel webdesigner. Kijk voor meer informatie over de training webdesign op eduvision.nl/webdesign of eduvision.be/webdesign

Deze proefles wordt je aangeboden door Eduvision Opleidingen.

Eduvision verzorgt opleidingen binnen een groot aantal sectoren. We hebben o.a. gewerkt voor KLM, DTG, BNN-VARA, ING, de Belastingdienst, Gemeente Amsterdam, Interpolis, Nuon en de Atlant Zorggroep. Eduvision heeft als missie om actuele kennis te delen. Niet alleen in de vorm van cursussen, maar ook met webinars, whitepapers en blogs.

Sinds 2015 is Eduvision Opleidingen aanbieder van officieel gecertificeerde Big Data opleidingen (ISO 9001 & 17024). De Big Data Academy is de plek waar jij en/of jouw werknemers opgeleid worden tot gecertificeerd Big Data specialist.

Tijdens alle cursussen van Eduvision Opleidingen staan jouw wensen en informatiebehoefte centraal. Je past de kennis toe op jouw praktijkcase en zowel Eduvision als de docenten staan volledig tot jouw beschikking.

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,231
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Eduvision - Proefles Cursus Webdesign

  1. 1. Proefles Opleiding Webdesign Marketing en HTML
  2. 2. Opzet proefles <ul><li>Voorstellen </li></ul><ul><li>Korte introductie opleiding webdesign </li></ul><ul><li>HTML (praktijk) </li></ul>
  3. 3. Welkom bij de opleiding webdesign <ul><li>Opleiding van de praktijk voor de praktijk </li></ul><ul><li>18 weken: essentie van het webdesign (9 weken dagopleiding) </li></ul><ul><li>Zaterdagopleiding </li></ul><ul><li>Eindprodukt: een professionele website </li></ul>
  4. 4. Opzet opleiding <ul><li>Basis </li></ul><ul><li>Literatuur </li></ul><ul><li>Syllabus </li></ul><ul><li>Extra (2e niveau) </li></ul><ul><li>E-study </li></ul>
  5. 5. Module Techniek <ul><li>Domeinen </li></ul><ul><li>Hosting </li></ul><ul><li>Advies Klant </li></ul><ul><li>Duur: 1 les </li></ul>
  6. 6. Module Webmarketing en communicatie <ul><li>Promotie </li></ul><ul><li>Redactie </li></ul><ul><li>Projectplan </li></ul><ul><li>Duur: 2 lessen </li></ul>
  7. 7. Module Page Design <ul><li>Zelf HTML schrijven met Dreamweaver </li></ul><ul><li>CSS </li></ul><ul><li>Kennis is noodzakelijk </li></ul><ul><li>Dreamweaver (als WYSIWYG html editor) </li></ul><ul><li>Duur: 5 lessen </li></ul>
  8. 8. Module Interactive Design <ul><li>Photoshop (bestaande huisstijl omzetten naar een webhuisstijl) </li></ul><ul><li>Flash (interactieve presentaties) </li></ul><ul><li>Duur: 8 lessen </li></ul>
  9. 9. Module Examen <ul><li>Individuele begeleiding </li></ul><ul><li>Presentaties </li></ul><ul><li>Beoordeling </li></ul><ul><li>Duur: 2 lessen </li></ul>
  10. 10. Reïntegratie <ul><li>IRO </li></ul><ul><li>Intakegesprek </li></ul><ul><li>Persoonlijk opleidingsplan (POP) </li></ul><ul><li>Verschillende carrierepaden mogelijk </li></ul><ul><li>Samenwerking reïntegratiebureau </li></ul>
  11. 11. Fiscale aftrekmogelijkheden NL <ul><li>Particulieren: 100% aftrekbaar als studiekosten </li></ul><ul><li>Bij 52% belasting: u betaalt ca. 60% van de prijs (minus drempel 500 euro) </li></ul>
  12. 12. Fiscale aftrekmogelijkheden NL <ul><li>Bedrijven: afhankelijk van een aantal factoren (raadpleeg uw accountant of belastingdienst) </li></ul><ul><li>Normale aftrek </li></ul><ul><li>BTW verrekening </li></ul>
  13. 13. Opleidingscheques BE <ul><li>Voor werknemers </li></ul><ul><li>50% korting (check van 50 euro kost u 25 euro) </li></ul><ul><li>Maximaal 250 euro per jaar </li></ul><ul><li>Zie vdab.be voor alle details </li></ul>
  14. 14. 50% korting ondernemingen BE <ul><li>Subsidie voor ondernemingen </li></ul><ul><li>Vlaamse overheid betaalt 50% Opleidingskosten zijn directe bedrijfsonkosten, dus fiscaal aftrekbaar </li></ul><ul><li>www.kmo-portefeuille.be </li></ul>
  15. 15. Vervolgopleidingen <ul><li>Opleiding webprogrammeur (PHP / ASP.NET) </li></ul><ul><li>Joomla cursussen </li></ul><ul><li>Opleiding Flash professional edition </li></ul><ul><li>Opleiding Photoshop </li></ul><ul><li>Internet marketing (E-commerce) </li></ul><ul><li>Combinatie met DTP </li></ul>
  16. 16. Leergang Webdesign <ul><li>Een complete professionele leergang </li></ul><ul><li>Opleiding Webdesign professional </li></ul><ul><li>Joomlaweek </li></ul><ul><li>Cursus Zoekmachine marketing </li></ul><ul><li>Veel voordeliger </li></ul>
  17. 17. Erkenningen <ul><li>Eduvision marktleider webdesign opleidingen in Nederland en Vlaanderen </li></ul><ul><li>CEDEO erkend </li></ul><ul><li>Klanttevredenheid meer dan 90%! </li></ul>
  18. 18. Vragen? <ul><li>Vragen over de opleiding webdesign of leergang webdesign </li></ul>
  19. 19. HTML De basis tags
  20. 20. HTML <ul><li>HTML (HyperText Markup Language) </li></ul><ul><li>Reeks codes waarmee webpagina’s worden opgemaakt </li></ul><ul><li>Verschillende versies HTML </li></ul><ul><li>HTML komt tot stand d.m.v. platform WWW-consortium (w3.org) </li></ul>
  21. 21. HTML en Browsers <ul><li>Browser interpreteert HTML code </li></ul><ul><li>Verschillende browsers interpreteren HTML op verschillende manieren </li></ul><ul><li>Bekendste browsers: MS Internet Explorer en Firefox </li></ul><ul><li>Daarnaast: Safari (Mac/PC/Mobiel) en Chrome </li></ul>
  22. 22. Tags <ul><li>HTML codes worden “tags” genoemd </li></ul><ul><li>Vorm van een tag: <begintag> en </eindetag> </li></ul><ul><li>Bijvoorbeeld <u> om tekst te onderstrepen en </u> om onderstrepen te stoppen </li></ul><ul><li>Nested tags (tag binnen een tag): <b><u>Hallo</u></b> </li></ul>
  23. 23. Editor <ul><li>HTML schrijven in een eenvoudige editor: EditPlus ( www.editplus.com ) PSPad ( www.pspad.com ) Crimson Editor ( www.crimsoneditor.com ) BBEdit (Mac / www.barebones.com ) </li></ul><ul><li>òf Kladblok </li></ul>
  24. 24. Basis webpagina <ul><li>Webpagina bestaat uit </li></ul><ul><li>een HEAD gedeelte (info over de gehele pagina) </li></ul><ul><li>een BODY gedeelte (inhoud van de pagina) </li></ul>
  25. 25. HEADER <ul><li>HEAD(er) van de pagina bestaat uit informatie die de gehele pagina beslaat </li></ul><ul><li>Bevat vrijwel altijd de titel </li></ul><ul><li>Bevat meta-informatie (bijv. Maker van de pagina, trefwoorden, etc.) </li></ul>
  26. 26. BODY <ul><li>De body bevat de eigenlijke pagina </li></ul><ul><li>In de body zijn vele tags beschikbaar om de inhoud op te maken en te ontsluiten </li></ul>
  27. 27. Zelf html schrijven <ul><li>Surf naar http://html.eduvision.nl </li></ul>
  28. 28. Basisopzet html bestand <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Mijn eerste document</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li>Welkom op mijn pagina! </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>
  29. 29. Attributen <ul><li>Veel tags bevatten attributen: extra gegevens die de werking van de tags specificeren </li></ul><ul><li>Voorbeeld: <body background=“background.gif”> </li></ul>
  30. 30. BODY attributen <ul><li><body background=“achtergrond.gif”> </li></ul><ul><li>Achtergrond bij document </li></ul><ul><li>Herhaalt zichzelf oneindig </li></ul><ul><li><body bgcolor=“red”> </li></ul><ul><li>Door middel van kleurnaam of kleurcode achtergrondkleur voor document aangeven </li></ul>
  31. 31. Stijlen <ul><li>Kleuren </li></ul><ul><li>Groottes </li></ul><ul><li>Lettertypes </li></ul>
  32. 32. Teksten <ul><li>Definitie tekst stijl: font-family: Arial, Verdana; font-size: 11pt; color: red </li></ul>
  33. 33. Tekst tags <ul><li>Stijl in style attribuut </li></ul><ul><li><p style=“font-family: Verdana”> Welkom op mijn site! </li></ul><ul><li></p> </li></ul>
  34. 34. Style Sheet <ul><li>font-family: Arial, Verdana; font-size: 11pt; color: red </li></ul><ul><li>Wordt: <p style=“font-family: Arial, Verdana; font-size: 11pt; color: red”>Welkom!</p> </li></ul>
  35. 35. Links <ul><li>Webpagina’s danken hun bestaansrecht aan verwijzingen tussen documenten: links </li></ul><ul><li>Interne link: binnen dezelfde site </li></ul><ul><li>Externe link: naar een andere site </li></ul>
  36. 36. <A> <ul><li>Links worden gevormd door de <A> tag </li></ul><ul><li>Standaard <a href=“URL”>tekst</a> </li></ul><ul><li>Bijvoorbeeld: </li></ul><ul><li><a href=“http://www.eduvision.nl”> </li></ul><ul><li>Eduvision Site</a> </li></ul><ul><li><a href=“test.htm”>testbestand</a> </li></ul>
  37. 37. Kleuren van links <ul><li>Combineren link en stijl </li></ul><ul><li><a href=“http://www.eduvision.nl” style=“color: red”>Bezoek Eduvision!</a> </li></ul>
  38. 38. Bedankt voor uw aandacht!

×