Hier wordt uitgelegd hoe HTML werkt, Het is een inleiding om met SVG te kunnen werken in het project van 2d naar 3d van de TUDelft.
Simple explaination on html as an intrduction to our SVG-project
Uitleg over het maken van figuren in SVG die gezamenlijk tot de afbeelding van een auto moeten leiden.
Het is een onderdeel van het project van 2d naar 3d van de TU-delft.
Information on drawing a car in SVG in Dutch.
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.
Uitleg over het maken van figuren in SVG die gezamenlijk tot de afbeelding van een auto moeten leiden.
Het is een onderdeel van het project van 2d naar 3d van de TU-delft.
Information on drawing a car in SVG in Dutch.
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.
Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Workshop: Aan de slag met WordPress - Deel 3IDG Nederland
Met WordPress (een content management systeem, cms) kun je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. In het tweede deel maakten we gebruikers, schreven we berichten en pasten we de vormgeving en functionaliteit van de website aan. In dit derde en laatste deel duiken we dieper in het Dashboard, leer je hoe je reacties moet beheren en laten we je zien hoe je aangepaste menu’s maakt. Ook vertellen we hoe je een reservekopie van de website maakt.
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
This roadmap is part of the cross-media training, developed by media-designer and lecturer Raoul Postel. Powered by Grafisch Lyceum Utrecht and DesignTrainingen.nl.
Tijdens onze opleiding webdesign word je in korte tijd opgeleid tot professioneel webdesigner.
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.
Workshop: Aan de slag met WordPress - Deel 2IDG Nederland
Met WordPress (een content management systeem, cms) kan je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. Nu we WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien hoe je de vormgeving en functionaliteit van de site aanpast.
Essentiële ‘theme’ vaardigheden voor het aanpassen van de look&feel van een Magento webshop
Duur: 16 uur
Doelgroep: Deze cursus is geschikt voor front-end ontwikkelaars welke de Magento look&feel aanpassen. Studenten dienen ervaring te hebben met het aanpassen van complexe websites.
Vereisten: Studenten moeten een goede kennis hebben van HTML&CSS. Studenten dienen ervaring the hebben met het rechtstreeks in de code aanpassen van HTML & CSS zonder WYSIWYG editor. Ervaring met FTP is een vereiste. Enige ervaring met PHTML en PHP is handig, maar niet vereist. Daarnaast dient de student al enige ervaring the hebben met de Magento functionaliteiten.
Materialen: Elke student dient zelf een laptop mee te brengen met daarop een tekst editor en een FTP client. Een Magento 1.7 versie zal voor oefeningen beschikbaar worden gesteld op het internet.
Doel
Deze cursus geeft een goede introductie tot het Magento template systeem en het toepassen de beste manier om aanpassing te realiseren. De cursus geeft voorbeelden en hands-on oefeningen. Studenten zullen de fundamenten van Magento templating systeem begrijpen en weten hoe de thema’s werken en hoe de componenten zoals lay-outs, page templates en block templates aangepast kunnen worden.
Cursus overzicht
Magento template systeem – architectuur en componenten, uitleg over de werking en structuur van het template systeem, de componenten en hoe deze samenwerken
Werken met thema’s – Leer hoe een thema toegepast wordt, inclusief de directory structuur, ‘fallback’ methode en website bereik.
‘best practice’ theme aanpassingen – Leer wat wel en niet aangepast kan worden op thema niveau, incl. het aanpassen wat zonder thema aanpassingen. Leer een goede manier om de website aan te passen.
Werken met Pagina templates, lay-outs en block templates – Begrijp het doel, structuur en relatie van alle componenten van het Magento template systeem. Leer op welk niveau de templates het best aangepast kunnen worden.
Maak een eigen ‘Default’ Theme – Leer hoe je zelf een ‘design package’ aanmaakt als startpunt voor het verdere ontwerp.
Maak een module met aangepaste theme componenten - leer hoe je een aangepaste module met aangepaste lay-out kunt gebruiken in Magento.
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Na deze cursus zijn de studenten in staat:
De webshop look&feel en functionaliteit aan te passen
Nieuwe thema’s op een goede manier aan te maken, zodat updates later mogelijk zijn.
Workshop: Aan de slag met WordPress - Deel 3IDG Nederland
Met WordPress (een content management systeem, cms) kun je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. In het tweede deel maakten we gebruikers, schreven we berichten en pasten we de vormgeving en functionaliteit van de website aan. In dit derde en laatste deel duiken we dieper in het Dashboard, leer je hoe je reacties moet beheren en laten we je zien hoe je aangepaste menu’s maakt. Ook vertellen we hoe je een reservekopie van de website maakt.
JD19NL - Joomla Template Overrides, Alternate Layouts en JLayoutsHans Kuijpers
Waarom een 3rd party extensie gebruiken als Joomla core de benodigde content al bevat? Een kalender, slideshow, carrousel en smoelenboek. Allemaal met Joomla, zonder uitbreiding van 3th party extensies.
Met deze workshop legt Hans Kuijpers aan de hand van vele voorbeelden uit hoe je template overrides en jLayouts toepast. Als deelnemer ga je ook zelf aan de slag. Dus neem je laptop mee en zorg ervoor dat je met een Joomla website aan de slag kunt. We gaan dingen stuk maken, dus pak niet de website die nu live staat. Voorkennis van PHP, HTML, JS en CSS is wel handig. Een dosis Gezond BoerenVerstand is nog veel belangrijker.
Deze workshop was op vrijdag 17 mei 2019 tijdens de Nederlandse JoomlaDagen. #jd19nl
This roadmap is part of the cross-media training, developed by media-designer and lecturer Raoul Postel. Powered by Grafisch Lyceum Utrecht and DesignTrainingen.nl.
Tijdens onze opleiding webdesign word je in korte tijd opgeleid tot professioneel webdesigner.
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.
Workshop: Aan de slag met WordPress - Deel 2IDG Nederland
Met WordPress (een content management systeem, cms) kan je blogs en websites maken. In het eerste deel van deze workshop-reeks beschreven we wat je nodig hebt en hoe het installatieproces verloopt. Nu we WordPress op geïnstalleerd hebben gaan we verder met het aanmaken van gebruikers en het schrijven van berichten en pagina’s. Ook laten we zien hoe je de vormgeving en functionaliteit van de site aanpast.
3. Enkele mogelijkheden van HTML.
• Met HTML wordt de tekst van een webpagina
door het plaatsen van markeringen
opgemaakt.
• Met HTML wordt ook een bepaalde situatie
gemarkeerd.
• Met HTML neem je documenten in je pagina
op.
• Met HTML maak je hyperlinks
4. Markeren
Bij het markeren geef je een begin en een
eindsituatie aan. Je doet dat met tags.
Een html-begintag bestaat uit een letter of
woord tussen punthaken. Bijvoorbeeld: <b>.
Een html-eindtag bestaat uit dezelfde letter of
hetzelfde woord, voorafgegaan door een
schuine streep. Bijvoorbeeld: </b>.
Zie het voorbeeld op de volgende dia.
5. Voorbeeld HTML code
De HTML-code:
<p>Hello <b>world!</b></p>.
in je editor geeft:
Hello world!
in je webbrowser.
Zoals je ziet de tag <b> dient om de tekst vet te
maken. De tag <p> dient voor iedere paragraaf.
6. Aan de slag.
Open je html-editor. In de meeste gevallen zal
dat kladblok of Notepad++ zijn.
Je begint met het aangeven van enkele situaties;
namelijk de situatie dat je een HTML-pagina
maakt, die je verdeelt in een head-sectie en een
body-sectie. Deze situaties worden geopend en
gesloten.
Zie het voorbeeld op de volgende dia.
8. De head en de body sectie
• In de head-sectie neem je de titel, de meta-
tags, het stylesheet en eventuele scripts op (In
de voorbeeld beperken we ons tot de titel.).
• In de body-sectie neem je de content van je
webpagina op. Dat wil zeggen alles dat
zichtbaar moet zijn.
9. Je pagina opslaan en bekijken.
Je slaat je pagina op in de map ‘website’. In
kladblok werk je met ‘opslaan als’. Je selecteert
bij oplaan als ‘alle documenten’ en je geeft als
naam ‘index.html’.
In Notepad++ selecteer je ‘html’ onder ‘opslaan
als’ en geef je de naam ‘index.html’.
Met de verkenner zoek je de pagina op en start
je pagina vervolgens met een browser op.
10. Het resultaat
Als het goed is zie je nu op je pagina de tekst:
‘Hello world!‘ staan.
In de tab van je browser zie je je opgegeven titel
‘mijn webpagina’ staan.
11. Zelfstandige tags
Indien een tag niet de functie heeft een
bepaalde situatie te markeren wordt die tag niet
door een aparte tag afgesloten. De schuine
streep komt dan –binnen de tag- achter de code
te staan. Bijvoorbeeld <br /> voor een nieuwe
regel of <hr /> voor een horizontale streep.
Ook de tag om een afbeelding in te voegen
wordt op deze manier afgesloten.
12. Het plaatsen van een afbeelding.
Sla een kleine jpg-afbeelding op in de map
waarin je pagina ‘index.html’ ook is opgeslagen.
Je slaat de afbeelding op onder de naam:
‘afbeelding.jpg’.
Voeg de volgende code toe aan de body-sectie
van je website:
<img src=“afbeelding.jpg” />.
Bekijk vervolgens je pagina in de browser.
13. Een link naar de KNMI
Om een link te maken markeer je een stukje
tekst of een afbeelding met de tags die een link
realiseren.
<a href=http://www.knmi.nl>Link
naar de site van het knmi</a> of
<a href=http://www.knmi.nl><img
src=“afbeelding.jpg” /></a>.
Probeer het maar eens uit.