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

More Related Content

PPT
Eduvision - Proefles Opleiding Webdesign
PPTX
Presentatie extra velden custom fields bij jug030
PPT
Webdesigner
PPTX
Ict2 trm- werking internet
PPT
Toegankelijkheid
PPT
PPT
Eduvision - Proefles Cursus Joomla
PPT
Eduvision - Webinar Landing Pages
Eduvision - Proefles Opleiding Webdesign
Presentatie extra velden custom fields bij jug030
Webdesigner
Ict2 trm- werking internet
Toegankelijkheid
Eduvision - Proefles Cursus Joomla
Eduvision - Webinar Landing Pages

Viewers also liked (12)

PPT
Eduvision - Webinar Zoekmachine Marketing
PPTX
Eduvision - Webinar Joomla
PPT
Eduvision - Webinar Schrijven voor Zoekmachines
PPT
Eduvision - Webinar kritisch kijken naar je website
PPT
Eduvision - Webinar Facebook
PPT
Eduvision - Proefles Internetmarketing
PPT
Eduvision- Cursus Zoekmachine Marketing: de geheimen ontrafeld
PPTX
Eduvision - Wordpress Webinar
PPT
Eduvision - Webinar Pinterest
PDF
Eduvision - Webinar Google Analytics
PPT
Eduvision - Linkedin webinar: upgrade uw Linked in profiel
PPT
Eduvision - Webinar html5 css3
Eduvision - Webinar Zoekmachine Marketing
Eduvision - Webinar Joomla
Eduvision - Webinar Schrijven voor Zoekmachines
Eduvision - Webinar kritisch kijken naar je website
Eduvision - Webinar Facebook
Eduvision - Proefles Internetmarketing
Eduvision- Cursus Zoekmachine Marketing: de geheimen ontrafeld
Eduvision - Wordpress Webinar
Eduvision - Webinar Pinterest
Eduvision - Webinar Google Analytics
Eduvision - Linkedin webinar: upgrade uw Linked in profiel
Eduvision - Webinar html5 css3
Ad

Similar to Eduvision - Proefles Cursus Webdesign (20)

PPT
Ict2 trm- werking internet
PPT
Eduvision - Proefles Opleiding PHP
PPTX
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
PPT
VDAB PCVOWD Webdesign 2010-2011
PDF
1.7 html css terugblik
PPT
Les01 Htmlen Xhtml2008
ODP
Drupal introductie voor NCRV-i
PPT
Frontend ontwikkeling
PPT
SEO voor webdesigners
PPT
Magento SEO
PPT
Een eenvoudige website maken
PPT
Presentatie Infosessie Word Webdesigner 08/01/2010
PDF
Powerpoint Htmlcss
PDF
Html css
PPTX
Basisuitleg over webpagina’s
PDF
Office 365 aanpassen aan uw huisstijl - webinar
PPTX
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
PPT
Eduvision - Proefles webinar zoekmachine optimalisatie
PPT
Eduvision - Proefles webinar Zoekmachine Optimalisatie
PPT
RMM portfoliopresentatie CMS/CRM 2010-2011
Ict2 trm- werking internet
Eduvision - Proefles Opleiding PHP
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
VDAB PCVOWD Webdesign 2010-2011
1.7 html css terugblik
Les01 Htmlen Xhtml2008
Drupal introductie voor NCRV-i
Frontend ontwikkeling
SEO voor webdesigners
Magento SEO
Een eenvoudige website maken
Presentatie Infosessie Word Webdesigner 08/01/2010
Powerpoint Htmlcss
Html css
Basisuitleg over webpagina’s
Office 365 aanpassen aan uw huisstijl - webinar
Templates maken met helix framework Joomla User Group Utrecht 10 november 2014
Eduvision - Proefles webinar zoekmachine optimalisatie
Eduvision - Proefles webinar Zoekmachine Optimalisatie
RMM portfoliopresentatie CMS/CRM 2010-2011
Ad

More from Eduvision Opleidingen (20)

PDF
Webinar python datascience
PDF
Webinar Power BI - Training Power BI
PDF
Webinar data analyse
PDF
Hoe kies ik het juiste javascript front end framework?
PDF
Webinar kunstmatige intelligentie - webinar AI
PDF
Webinar GDPR en AVG
PDF
Webinar programmeren c# java php python c++ r nodejs
PDF
Slides Webinar Google Analytics 2017
PDF
Adwords tutorial webinar
PDF
Slides webinar werken in de IT
PDF
Eduvision - Webinar Hoe Word Ik Big Data Professional?
PDF
Eduvision - Webinar Big Data in de Zorg
PDF
Eduvision - Webinar Marketing Analytics en Intelligence
PDF
Eduvision - Big data voor de Overheid
PDF
Eduvision - Webinar Starten met Big Data Enterprise
PPT
Eduvision - Proefles Webdesign
PDF
Webinar bol.com social media 12 januari 2015
PDF
Webinar partnerprogramma bol.com seo 8 december
PDF
Webinar bol.com content en copy 17nov
PPT
Marketing & Big Data event
Webinar python datascience
Webinar Power BI - Training Power BI
Webinar data analyse
Hoe kies ik het juiste javascript front end framework?
Webinar kunstmatige intelligentie - webinar AI
Webinar GDPR en AVG
Webinar programmeren c# java php python c++ r nodejs
Slides Webinar Google Analytics 2017
Adwords tutorial webinar
Slides webinar werken in de IT
Eduvision - Webinar Hoe Word Ik Big Data Professional?
Eduvision - Webinar Big Data in de Zorg
Eduvision - Webinar Marketing Analytics en Intelligence
Eduvision - Big data voor de Overheid
Eduvision - Webinar Starten met Big Data Enterprise
Eduvision - Proefles Webdesign
Webinar bol.com social media 12 januari 2015
Webinar partnerprogramma bol.com seo 8 december
Webinar bol.com content en copy 17nov
Marketing & Big Data event

Eduvision - Proefles Cursus Webdesign

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