The Top Skills That Can Get You Hired in 2017LinkedIn
We analyzed all the recruiting activity on LinkedIn this year and identified the Top Skills employers seek. Starting Oct 24, learn these skills and much more for free during the Week of Learning.
#AlwaysBeLearning https://learning.linkedin.com/week-of-learning
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...SLBdiensten
Workshop HTML5 /CSS3 werd aangeboden na afloop van de sessie over technische Microsoft certificering (MTA). Deze sessie vond 17 november 2014 plaats bij APS IT-diensten. Tjdens de training was er aandacht voor het waarom van HTML5, de geschiedenis, de toekomst, technieken. Ook veel aandacht voor CSS3.
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
The Top Skills That Can Get You Hired in 2017LinkedIn
We analyzed all the recruiting activity on LinkedIn this year and identified the Top Skills employers seek. Starting Oct 24, learn these skills and much more for free during the Week of Learning.
#AlwaysBeLearning https://learning.linkedin.com/week-of-learning
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...SLBdiensten
Workshop HTML5 /CSS3 werd aangeboden na afloop van de sessie over technische Microsoft certificering (MTA). Deze sessie vond 17 november 2014 plaats bij APS IT-diensten. Tjdens de training was er aandacht voor het waarom van HTML5, de geschiedenis, de toekomst, technieken. Ook veel aandacht voor CSS3.
NL Front-end Guidelines (HTML,CSS,Javascript)Mathijs Jong
Visie op semantiek, techniek, structuur en werkwijze anno 2012.
Hoe schrijf je toegankelijke en herbruikbare HTML, CSS en Javascript?
Wat is Modular CSS?
Deze workshop geeft je de argumenten.
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
JCE editor optimaliseren (Joomla Den Bosch 2016)Peter Martin
Presentatie + demonstratie over het optimaliseren van JCE editor voor Joomla zodat het gemakkelijker werken is. Gegeven op 4 januari 2016 in de Joomla Gebruikersgroep 's-Hertogenbosch
In deze presentatie (mei 2019) wordt uitgelegd hoe je je eigen template maakt voor Joomla 3. Op basis van het de Joomla Basistemplate (https://github.com/conconnl/joomla-basictemplate) leer je welke bestanden je aan moet passen en hoe.
In deze presentatie komen de verschillende aspecten van SEO Copywriting aan bod en wordt uitgelegd hoe je website te optimaliseren voor Google en web copy te schrijven die converteert.
Deze cursus bouwt verder op Dreamweaver 1 door een aantal zaken te automatiseren.
Zo wordt het maken van nieuwe webpagina’s in je site stukken sneller wanneer je met Templates of sjablonen werkt.
Er worden een aantal standaard Javascripts toegevoegd die reeds voorzien zijn in Dreamweaver. Bijvoorbeeld het nakijken of bepaalde velden van een formulier ingevuld zijn alvorens het door te sturen.
Tot slot bekijken we hoe we een CMS (Content Management System), met name Joomla, kunnen installeren op een webserver. Op die manier kunnen gegevens uit een databank aan een website gekoppeld worden. Het beheer van de website kan dan in principe uit handen gegeven worden aan derden.
Er wordt ook bijzondere aandacht besteed aan het ontwerpen van templates zodat je je eigen lay-out kan koppelen aan Joomla.
Tenslotte staan we stil bij enkele bijzondere CSS technieken. (Afgeronde hoeken, schaduweffecten en webfonts)
In deze cursus wordt alles vanuit Dreamweaver gedaan.
Ivo De Wispelaere maakte deze presentatie in mei 2013
Maak je eigen template en weet daardoor precies wat voor toeters en bellen erin zitten. Er zijn genoeg projecten waarbij het aanbieden van een standaard template of aangekocht template niet meer voldoende is, maar waarbij je aan de slag mag met een aangeleverd design.
In deze presentatie deelt Hans Kuijpers een aantal best practices die hij zelf ook toepast bij het maken van Joomla! templates. Met een paar praktijkvoorbeelden en tips, zodat je direct zelf aan de slag kunt gaan met de nieuwe template van je eigen website.
JCE editor optimaliseren (Joomla Den Bosch 2016)Peter Martin
Presentatie + demonstratie over het optimaliseren van JCE editor voor Joomla zodat het gemakkelijker werken is. Gegeven op 4 januari 2016 in de Joomla Gebruikersgroep 's-Hertogenbosch
In deze presentatie (mei 2019) wordt uitgelegd hoe je je eigen template maakt voor Joomla 3. Op basis van het de Joomla Basistemplate (https://github.com/conconnl/joomla-basictemplate) leer je welke bestanden je aan moet passen en hoe.
In deze presentatie komen de verschillende aspecten van SEO Copywriting aan bod en wordt uitgelegd hoe je website te optimaliseren voor Google en web copy te schrijven die converteert.
Deze cursus bouwt verder op Dreamweaver 1 door een aantal zaken te automatiseren.
Zo wordt het maken van nieuwe webpagina’s in je site stukken sneller wanneer je met Templates of sjablonen werkt.
Er worden een aantal standaard Javascripts toegevoegd die reeds voorzien zijn in Dreamweaver. Bijvoorbeeld het nakijken of bepaalde velden van een formulier ingevuld zijn alvorens het door te sturen.
Tot slot bekijken we hoe we een CMS (Content Management System), met name Joomla, kunnen installeren op een webserver. Op die manier kunnen gegevens uit een databank aan een website gekoppeld worden. Het beheer van de website kan dan in principe uit handen gegeven worden aan derden.
Er wordt ook bijzondere aandacht besteed aan het ontwerpen van templates zodat je je eigen lay-out kan koppelen aan Joomla.
Tenslotte staan we stil bij enkele bijzondere CSS technieken. (Afgeronde hoeken, schaduweffecten en webfonts)
In deze cursus wordt alles vanuit Dreamweaver gedaan.
Ivo De Wispelaere maakte deze presentatie in mei 2013
1. Tutorial HTML en CSS
‘Even onder de motorkap kijken’
Johan Smits
Minor Internet Marketing
Module: Realisatie
Kom verder. Saxion.
2. Kom verder. Saxion.
Vandaag
• Uitleg belang HTML voor SEO
• HTML structuur
• CSS, stijlsheet voor
– Opmaak: lettertype, kleur, achtergrond
– Vormgeving: bullets bij lijsten
– Positionering: o.a. kolommen, vakken
3. Kom verder. Saxion.
Principe CMS
• Scheiding content en vormgeving
– HTML = Content (structuur)
– CSS = Presentatie (vormgeving)
4. Kom verder. Saxion.
HTML - structuur
• HyperText Markup Language
• Functie van tekstblok binnen het
document
– ‘Gewone alinea’
– Kop
– Lijst
5. Kom verder. Saxion.
HTML Tags (1)
• <p> paragraaf = alinea
• <h1> heading level 1 = Kop1
• <h2> heading level 2 = Kop2
• <h3> heading level 3 = Kop3
Denk aan hoofdstuk, paragraaf
resp. subparagraaf
6. Kom verder. Saxion.
HTML Tags (2)
• <li> List element
• <ul> Unordered list
• <ol> Ordered list
Voorbeeld:
<ol>
<li>Opening vergadering</li>
<li>Bespreking actiepunten</li>
<li>Rondvraag</li>
<li>Sluiting vergadering</li>
</ol>
7. Kom verder. Saxion.
HTML Tags (3)
• <div> division = blok-element
• <span> groepering inline
elementen
• In HTML5 zijn nieuwe blok-
elementen geïntroduceerd:
– <nav>, <header>, <footer>, <aside>
8. Kom verder. Saxion.
HTML Tags (4)
• <a href=“verwijzing.htm”>Zie ook</a>
– Anker: hyperlink naar andere pagina
• <img src=“afbeelding.jpg” />
– Plaatje invoegen op de pagina
9. Kom verder. Saxion.
HTML Basisstructuur
<html>
<head>
<title>Titel van de pagina</title>
Andere meta informatie en links naar externe
bestanden: css en js
</head
<body>
Content van de pagina
</body>
</html>
10. Kom verder. Saxion.
HTML HEAD-sectie
<head>
<title>Titel van de pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Deze tekst geeft Google weer als
beschrijving van de site bij de zoekresultaten" />
<script src="javascript.js" type="text/javascript"></script>
<link href="stijblad.css" rel="stylesheet" type="text/css" />
</head>
11. Kom verder. Saxion.
Google Scrabble
• Keyword in
– Domeinnaam woordwaarde x 20
– URL woordwaarde x 10
– Title-tag woordwaarde x 6
– H1 woordwaarde x 4
– H2 woordwaarde x 3
– Link-tekst woordwaarde x 2
– Eerste zin van alinea (p)
12. Kom verder. Saxion.
Structuur ccs stijlblad
• Selector { eigenschap: waarde;
eigenschap2: waarde2; …. ; }
• h1{color: orange; font-size: 18pt;
font-weight: bold;}
• Let op: Maak geen type-fouten!
13. Kom verder. Saxion.
Practicum
• Maak de map H:Minor
• Download de bestanden vanaf
mim.saxion.nl/docent/sms/
Minor_InternetMarketing/
CSS practicum
• Start Adobe Dreamweaver
14. Kom verder. Saxion.
En verder …
• Volgende Week:
– Uitbreidingen op Joomla!
• Let op:
– Begin met de groepsopdracht!