Cluster 1 Realiseert. 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid
|
|
- Roeland Maas
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 LEEREENHEID HTML/CSS Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid naam: HTML/CSS Leereenheid type KGC 2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: Crebotraject naam: Applicatie- en mediaontwikkeling (Applicatieontwikkelaar) BOL Cluster: Cluster 1 Realiseert Taakklasse: Taakklasse 1 3 Plaats in het ander crebotraject wordt door de vaststeller ingevuld bij overlap van leereenheden Deze tabel zo vaak kopieren als aantal crebotrajecten waarin leereenheid ook wordt gebruikt Crebotraject: Crebotraject naam: Applicatie- en mediaontwikkeling (Mediadeveloper) BOL Cluster: Cluster 1 Realiseert Taakklasse: Taakklasse 1 4 Beschrijving van de beroepssituatie behorende bij deze leereenheid De student krijgt een aantal materialen aangeleverd b.v. een functioneel ontwerp, videofragmenten en foto s. Op basis van de aangeleverde materialen realiseert de student een eenvoudige applicatie.hij test of het product in de verschillende browsers werkt en past daar waar nodig de producten aan. 5 Leerdoelen leereenheid Leerdoelen onderwijs product 1: 1. Aan het einde van deze VGT kan de student twee redenen noemen waarom het gebruik van de W3C-validator bij het coderen in HTML/CSS belangrijk is. 2. Aan het einde van deze VGT kan de student een verklaring geven van de werking van de volgende HTML/CSS begrippen: Meta-informatie, Pagina-markup, Navigatie-markup, Logo-markup, Article-markup, Footer-markup. 6 Voorwaarden voor deelname aan leereenheid Om deel te nemen aan de betreffende leereenheid worden de volgende voorwaarden gesteld: Geen 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 1
2 7 Beoordeling leereenheid conform visie toetsing en examinering ROC ID College De beoordeling van de onderwijsproducten staan in het kader van: X ontwikkeling, de bijbehorende ontwikkelingsgerichte beoordeling uit het Programma Toetsing in het kader van de Ontwikkeling betreft: kwalificeren, de bijbehorende examentoets uit het Programma in het kader van toetsing en examinering (PTE) is: 7 Aantal SBU s Het aantal SBU s is: 20 8 Studiepunten Het aantal studiepunten is: _Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 2
3 Een leereenheid kan uitgewerkt worden in verschillende onderwijsproducten (A, B, ) A.1 Algemene informatie Onderwijsproduct Ontwikkelaar: Hans van Rheenen Ontwikkeldatum: Versie: 1.0 A.2 Beschrijving De student krijgt les uit het boek Webdesign 4, Academic Service, blz 1 t/m 77 Aan de hand van voorbeelden worden Meta-informatie, Pagina-markup, Navigatie-markup, Logomarkup, Article-markup en Footer-markup toegelicht, uitgelegd en besproken. Les 1: HTML-editors Lay-out en design van een webpagina Meta-informatie Tags of markups Doctype Het element <html>, <head>, <title> De <!-- commentaar -->-tag Het element <body>, <div>, <section>, <header>, <hgroup>, <h1> t/m <h6> Les 2 (10): Navigatie markup Het element <nav>, <ol>, <ul>, <a> CSS3 Het element <link> CSS-syntaxis Definiëren van id s De attributen width en height, margin en padding, box-shadow Les 3(18): Webkleuren Kleursyntaxis in CSS Het attribuut rgba, text-align, background Background-position: en background-repeat: Het attribuut font-size, border, float, border-radius, transition De pseudoklassen hover en focus Les 4(24): Logo markup Class Het element <span> Het attribuut position Definiëren van klassen Het attribuut border-radius, opacity, z-index Article markup Het element <article>, <p>, Inline- of tekstelementen Het element <strong>, <em>, <mark> Les 5(31): Article design Het attribuut overflow De function gradient() 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 3
4 Het attribuut text-shadow:, hsla, line-height Het element <aside>, <video>, <source> Les 6(37): Videoformaat Videoconversie Het element <a href= # > Het attribuut text-transform, background-position De functie rotate(), scale() Het element <footer> Les 7(44): Het attribuut transform-origin CSS-animaties Les 8(49): Het element <form>, <fieldset>, <legend>, <label>, <input type= checkbox > Het element <input type= radio >, <input type= text >, <select>, <datalist> Het element <input type= range >, <textarea>, <input type= submit > Het attribuut clear, after, display, required, focus, invalid De function radial-gradient() Les 9(63): Het element <iframe>, <table>, <thead>, <tr>, <th>, <tfoot> Het attribuut colspan Het element <tbody>, <td> Het attribuut border-collapse Les 10: Toets A.3 Beschrijving voor voorliggende ALA s (alleen invullen in geval van ALA) A.4 Criteria behorende bij Product/Eindresultaat De cesuur is dat de student 66% van de gebruikte statements juist moet verklaren A.5 Begeleiding De begeleiding bestaat uit: Docent A.6 Benodigde materialen en kosten Voor de uitvoering van dit onderwijsproduct zijn de volgende materialen benodigd: A.7 Faciliteiten voor onderwijs Voor het uitvoeren van dit onderwijsproduct zijn de volgende faciliteiten benodigd: Lokaal met projectiemogelijkheid (beamer, smartboard, etc.) A.8 In te zetten leermiddelen Voor het uitvoeren van dit onderwijsproduct zijn de volgende leermiddelen benodigd: ROC/domein afspraken 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 4
5 Suggesties voor in te zetten middelen Smartboard A.9 Uitvoeringslocatie(s) De ALA kan op de volgende locatie worden uitgevoerd (meerdere locaties kunnen aangevinkt worden) X ROC ID College, te weten: alle locaties / locatie(s): <locatie(s) invullen> leerbedrijf / leerinstelling elders, te weten:.. A.10 Faciliteiten voor toetsing/examinering Voor de toetsing/examinering van dit onderwijsproduct zijn de volgende faciliteiten benodigd: lokaal A.11 SBU s Begeleide uren: 12,5 Onbegeleide uren: 7,5 A.11 Aantal studenten minimaal: 12 maximaal: 26 A.12 Opmerkingen / bijzonderheden 95311_Leereenheid KGC_Applicatieontwikkelaar_120626_T&I_HTML-CSS 5
2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311
LEEREENHEID PhP Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid naam:
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311
LEEREENHEID Systeem ontwikkeling 3 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95701
LEEREENHEID Systeem ontwikkeling 2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311
LEEREENHEID PhP 2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95311
LEEREENHEID Oracle Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieDe student krijgt de opdracht een dynamische webomgeving te ontwerpen. Als het ontwerp is goedgekeurd moet hij deze realiseren en vervolgens testen.
LEEREENHEID Systeem ontwikkeling 2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatieCluster 1 Realiseert. kwalificeren, de bijbehorende examentoets uit het Programma in het kader van toetsing en examinering (PTE) is:
LEEREENHEID: Testen Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Servicedesk. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Servicedesk Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95323
LEEREENHEID ALA 1 Beheert Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Servicedesk. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Servicedesk Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Gebruikersondersteuning2. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Gebruikersondersteuning2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatie6 Voorwaarden voor deelname aan leereenheid Om deel te nemen aan de betreffende leereenheid worden de volgende voorwaarden gesteld: Geen
LEEREENHEID Netwerken 2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie5 Leerdoelen leereenheid Leerdoelen: 1. Aan het einde van deze ALA kan de student de belangrijkste hardware compomenten foutloos deassembleren
LEEREENHEID Installeren Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie5 Leerdoelen leereenheid Leerdoelen: 1. Aan het einde van deze VGT kan de student de belangrijkste hardware compomenten foutloos deassembleren
LEEREENHEID Hardware Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie6 Voorwaarden voor deelname aan leereenheid Om deel te nemen aan de betreffende leereenheid worden de volgende voorwaarden gesteld:
LEEREENHEID Hard/ Software 3 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95701
LEEREENHEID Fotografie 1 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Hard/ Software3. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Hard/ Software3 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95323
LEEREENHEID MOS MS Word Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Installeren. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Installeren Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieLEEREENHEID Electriciteitsleer. Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct
LEEREENHEID Electriciteitsleer Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid
Nadere informatie2 Specificatie In deze tabel staat voor welk crebotraject de leereenheid is gemaakt Crebotraject code: 95314
LEEREENHEID Photoshop 2 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatie6 Voorwaarden voor deelname aan leereenheid Om deel te nemen aan de betreffende leereenheid worden de volgende voorwaarden gesteld: Geen
LEEREENHEID Netwerken1 Dit document bestaat uit twee onderdelen - Onderdeel Leereenheid - Onderdeel Onderwijsproduct 1 Naam leereenheid In deze tabel staat de naam en het type van de leereenheid Leereenheid
Nadere informatieEindopdracht webdesign
Eindopdracht webdesign Opdracht 1: html Maak html-pagina jouwnaam-formulier.html met een webformulier volgens het voorbeeld: Geef in de form tag attribuut action de waarde../cgi-bin/formmail.pl en geef
Nadere informatieHTML5 overzicht Tag Uitleg Versie Attributen
HTML5 overzicht Tag Uitleg Versie Attributen Commentaarregel toevoegen 4 en 5 Geen Document 4 en 5 Geen Hyperlink 4 en 5 href ping Samenvoeging van een woord 4 en
Nadere informatieWat is een child-theme?
Child theme Waarschuwing 1. Het maken van een child theme is relatief eenvoudig, u hebt er wel FTP toegang voor nodig bij uw provider. 2. Het is soms lastig om precies uit te vinden welke css codes u moet
Nadere informatieEindopdracht HTML/CSS: hovenier
Eindopdracht HTML/CSS: hovenier De eindopdracht is verplicht voor wie de opleiding Applicatie Ontwikkelaar wil gaan doen. Het is de bedoeling dat je zo veel mogelijk individueel werkt. Als je samenwerkt
Nadere informatieMarkup: CSS en HTML5. Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen
Markup: CSS en HTML5 Hoorcollege Webdesign 5 16 mei 2014 Christof van Nimwegen 1 CSS: Waarom ook alweer. HTML was bedoeld voor documentstructuur (text met verschillende levels in headings en body text)
Nadere informatieToetsmatrijs Web Markup
Toetsmatrijs Web Markup Deze toetsmatrijs verstrekt de leerdoelen en toetscriteria voor het vak Web Markup competentienummers of C 1.1 Een eenvoudige webpagina bouwen, testen en publiceren op het web HTML,
Nadere informatieBasis-theme. Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme >
Basis-theme Manage Wiki > Look and Feel > Themes > Change or make a new theme > Make a New Theme > Naam invullen en de code van basis-theme kopiëren en erin plakken
Nadere informatieInternet Standaarden HC4
Internet Standaarden HC4 Hogeschool van Amsterdam - Instituut voor Interactieve Media 1 Invloed van Games Laatste ontwikkelingen Gebruik van Games 11 oktober 2007 Hogeschool van Amsterdam - Instituut voor
Nadere informatieHTML elementen en attributen (volgens de Strict DTD)
HTML 4.01 - elementen en attributen (volgens de Strict DTD) N.B.: vervallen attributen die vermeld worden in deze tabel, vallen uiteraard onder de Transitional DTD Naam element Type tag Start tag, einde
Nadere informatieFrontend ontwikkeling
Frontend ontwikkeling Mark Jansen Edwin Vlieg PHPFreakz ledendag 10 november 2007 Frontend ontwikkeling De interface is je product richting de eindgebruiker Goede PHP code met een slechte interface geeft
Nadere informatieHand-out Web Technologies, werkcollege 5 Alex Reuneker 2012
Hand-out Web Technologies, werkcollege 5 Alex Reuneker (a.reuneker@hhs.nl), 2012 1. Groeperen (div- en span-elementen) : Het HTML-element div is een block-level element (zie hand-out bij het
Nadere informatieWebsites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash
Websites maken met HTML, CSS en Dreamweaver en zonder JAVA, of JAVA-script of Flash INHOUDSOPGAVE Inleiding DEEL I: THEORIE Hoofdstuk 1: Richtlijnen Webstandaarden Voordelen Hoofdstuk 2: HTML De geschiedenis
Nadere informatieWebdesign. Van idee tot realisatie Gabriel Sánchez Cano
Webdesign Van idee tot realisatie Gabriel Sánchez Cano Webdesign Van idee tot realisatie Gabriel Sánchez Cano Meer informatie over deze en andere uitgaven kunt u verkrijgen bij: Sdu Klantenservice Postbus
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Stappenplan: stap 4 HTML, Stylesheets vervolg slides @ vanslooten.com/websitedesign Website-design 1-12-2014
Nadere informatieInternet_html.doc 1/6
Internet_html.doc 1/6 Internet html. HTML syntax en regels Een HTML-element is opgebouwd uit een startmarkering en een eindemarkering (behalve enkele speciale markeringen zoals bvb. , , ).
Nadere informatieWebsitecursus deel 1 HTML
Websitecursus deel 1 HTML WebCie A Eskwadraat www@a-eskwadraat.nl 8 april 2015 Inleiding Website cursus in drie delen: HTML CSS Javascript We gaan uit van geen voorkennis. Als je vragen hebt, stel ze!
Nadere informatieFFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40
FFOUCHIER 01/11/2018 FFO Webdesign 1e jaar theorietoets NL niveau4... Totaal aantal vragen: 40 De meeste juiste antwoorden: #22 Minste Juiste antwoorden: #30 1. Selecteer de juiste HTML-code voor het maken
Nadere informatieInteractief blok 2 code opdracht 6 - wireframe
Interactief blok 2 code opdracht 6 - wireframe 1. Klaarzetten bestanden Dit is een best practice voorbeeld. Maak een map aan voor je site. Hier komen alle bestanden in te staan (HTML, CSS en al je afbeeldingen).
Nadere informatieOm te beginnen heb je een geraamte van je website nodig. Maak een nieuwe map met de naam gevorderden_website aan om je website in te zetten.
1 2 Als je de Beginner en Midden HTML & CSS Sushi Kaarten hebt afgerond, dan weet je al veel over het programmeren met deze twee talen. Deze kaarten leren je hoe je al die onderdelen samenvoegt om een
Nadere informatieDescendant selectors toepassen
HTML EN CSS de basis Oefening 13.4 Descendant selectors toepassen Maak een lijst binnen een definitielijstlijst en geef de binnenste lijst een totaal andere vormgeving. 13.7 Verticaal navigatieblok Een
Nadere informatieSushi MIJN EERSTE WEBSITE. DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Ik ben HTML/CSS aan het leren. Naar daar.
MIJN EERSTE WEBSITE Sushi DE STIJL VAN HET BOVENSTE MENU AANPASSEN Kaart 6 van 10 Van hier Naar daar 1 2 3 Doe het stap voor stap om te zien hoe CSS werkt! Voeg een rand toe van 1 punt in de breedte om
Nadere informatie3 Website opbouwen: vervolg
3 Website opbouwen: vervolg 3.1 Elementen 3.1.1 Bestand Op je website kan je een bestand plaatsen (doc, pdf, ) dat door je bezoekers gedownload kan worden 3.1.2 Links. Zowel bij het typen van tekst (2.1.1)
Nadere informatieHTML. inhoud structuur semantiek. HTML5 & semantiek of betekenis. semantisch coderen. Semantisch coderen: waarom? 3/09/2016
HTML 3/09/2016 STUDIEPUNTEN theoretisch luik SEMANTIEK en META-ELEMENTEN 1. Recap (Structuur) 2. Semantiek en semantisch coderen 3. Metadata 4. Attributen van HTML elementen 5. Optimaliseren basis HTML5
Nadere informatieHTML&CSS OEFENBOEKJE. van:
HTML&CSS OEFENBOEKJE van: HTML SYNTAX De meeste HTML tags zien eruit zoals hierboven. Een tag om te openen , en een tag om te sluiten . De letters die tussen de staan, geven aan wat voor
Nadere informatieHTML & CSS. Studievaardigheden 2013. Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden
HTML & CSS Studievaardigheden 2013 Frank Takes (ftakes@liacs.nl) LIACS, Universiteit Leiden Inleiding Voorkennis: geen Stof: www.w3schools.com en dit college: www.liacs.nl/~ftakes/pdf/htmlcss.pdf Opdracht:
Nadere informatie1 HTML5 en CSS Inleiding HTML5
1 HTML5 en CSS3 1.1 Inleiding HTML5 1.1.1 Evolutie van HTML HTML of HyperText Markup Language is in 1991 ontwikkeld door sir Tim Berners-Lee om wetenschappelijke documenten van het CERN toegankelijk te
Nadere informatieMet CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen.
CSS Met CSS kan je je webpagina's vormgeven. Je kan elementen een plaats geven en hun uitzicht bepalen. In CSS maken we een onderscheid tussen 2 soorten elementen in een webpagina: 1. Sommige elementen
Nadere informatieWebsitecursus deel 2 CSS
Websitecursus deel 2 CSS A Eskwadraat WebCie www@a-eskwadraat.nl 5 oktober 2015 Introductie Vorige week HTML Deze week CSS Volgende week Javascript CSS CSS (Cascading Style Sheets) bepalen hoe een website
Nadere informatieXHTML en CSS. Deel 3. januari 2008 4-9-2008. Lyceum Sancta Maria. Ruud Koortens Frans Peeters
XHTML en CSS Deel 3 Ruud Koortens Frans Peeters januari 2008 4-9-2008 Lyceum Sancta Maria 1 2 Inhoudsopgave 1.1.1. Het opmaken van hyperlinks... 1 1.1.2. Kleur... 1 1.1.3. Het gebruik van kleuren bij het
Nadere informatieHTML. Tabellen. Hans Roeyen V 3.0
Tabellen Hans Roeyen V 3.0 12 februari 2015 Inhoud 1. Tabellen... 3 1.1. De Tabel tags... 3 1.1.1. Het border attribuut... 4 1.2. De Tabel cellen... 4 1.3. Alignering en spanning... 8 1.1.2. De align attributen...
Nadere informatieHTML in Outlook 2007. Hoe zorgt u ervoor dat uw email goed in beeld komt?
HTML in Outlook 2007 Hoe zorgt u ervoor dat uw email goed in beeld komt? HTML in Outlook 2007 Inleiding Emark Mail biedt u de mogelijkheid om kant en klare HTML nieuwsbrieven in te laden en te versturen.
Nadere informatieWEBDESIGN. html tags. Neem de grondbeginselen van html door via de online cursus op de informaticasite of via instruct-online
WEBDESIGN html tags HTML is de taal waarop internetsites gebaseerd zijn. Bij het onderdeel webdesign maken we gebruik van een van de bovenstaande webeditors die ons helpen bij het (automatisch) creëren
Nadere informatieNBTC html wijzigingen juni
NBTC html wijzigingen juni Verstuurd naar GX: 23 juni 2014 1. Recently viewed Zie Change / Incident 1: Prijzen recently viewed zijn niet correct. Aan de recently viewed items wordt een extra label (met
Nadere informatieAgenda HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@cs.vu.nl Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) Demo Vragen vrije Univers iteit amsterdam 1 2 Opmaaktaal Letter Kleur Plaatjes
Nadere informatieWebdesign > 4. Webdesign + ONLINE
Gabriel Sánchez Cano Webdesign > 4 Webdesign 4 is bestemd voor alle opleidingen MBO niveau 4 waarbij het ontwikkelen van webomgevingen een rol speelt, waaronder Applicatie- en mediaontwikkeling, Mediavormgever
Nadere informatieInhoud leereenheid 3 CSS. Introductie 65. Leerkern 66. Terugkoppeling 91. Uitwerking van de opgaven 91
Inhoud leereenheid 3 CSS Introductie 65 Leerkern 66 1 HTML zonder CSS 66 1.1 Default styling 66 1.2 Block, inline, table 66 1.3 Reset CSS 67 2 Planning op papier 68 2.1 Responsive design 68 2.1.1 Eenheden
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 5) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieBIJLAGEN Begrippenlijst HTML
BIJLAGEN Begrippenlijst HTML In dit overzicht staan alle elementen, attributen en andere begrippen van xhtml versie 1.0 strict die in dit boek zijn behandeld, alfabetisch gerangschikt. BIJLAGEN Begrippenlijst
Nadere informatie1. De basis 2. De basis uitbreiden
Wordpress Theme Hoe moet je deze reader gebruiken? Deze reader is digitaal, zodat je makkelijk stukjes code kunt kopieren en plakken. 1. De basis 2. De basis uitbreiden Hier aan de linkerkant vind je een
Nadere informatiePagina-inhoud maken. Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het <img>-tag.
Afbeeldingen Voor het plaatsen van een afbeelding in een pagina wordt gebruik gemaakt van het -tag. De parameters:
Nadere informatieCascading Style Sheets
Cascading Style Sheets Dit gedeelte wordt uitgebreid besproken in http://www.handleidinghtml.nl/css/index.html 1TIN Internettechnologie 2003-2004 les 07 1 Onderwerpen Cascading model Syntax Toevoegen van
Nadere informatieBesproken in de cursus Vervolg Webdesign CC19VO08
Besproken in de cursus Vervolg Webdesign CC19VO08 De verwijzingen in het blauw zijn naar het digitale boek Macromedia Dreamweaver 8 (Macromedia-Dreamweaver-8-Training-from-the-Source-2006.chm) Besproken
Nadere informatieBlauwdruk Mediadeveloper BOL 1.1
CREBOTRAJECT Mediadeveloper BOL Algemene informatie Crebotraject Gebaseerd op de blauwdruk versie: Blauwdruk Mediadeveloper BOL 1.1 Ontwerper: Hans van Rheenen Ontwerpdatum: 25-06-2012 Versie: 1.3 Domein:
Nadere informatieMin-height en min-width
Oefening 15.5 Min-height en min-width Maak op van uw een webpagina s een div die u voorziet van een geschikte waarde voor min-height en min-width. Laat zien wat er gebeurt als u het lettertype verkleint
Nadere informatieHTML/CSS GEVORDERDEN 2
Inhoudsopgave 5 6 7 Configuratie Klikbare kaarten Alles op een rijtje Opmerkingen en bijschriften Ontwerp een gave pagina opmaak Fotocollage Speciale effecten.....5.6.7 Configuratie We gebruiken Thimble
Nadere informatieWEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B
WEBSITE-DESIGN CHRIS VERMAAS & FJODOR VAN SLOOTEN 2014-201000018-1B WEBSITE-DESIGN INHOUD COLLEGE Afronding vak JQuery, mail(formulieren) en social media Testen Website-design 5-1-2015 2 AFRONDING VAK
Nadere informatieAgenda. Wat is HTML? Meer over HTML... Waarom HTML leren? Aniel Bhulai. Inleiding Computergebruik - HTML 1. Waarin maak je een HTML-bestand?
Agenda HTML algemeen Wat is HTML? Korte historie Opbouw HTML document Aantal tags + voorbeelden Vragen 2 3 Opmaaktaal Letter Kleur Plaatjes Tabellen Formulieren Links Wat is HTML? Waarin maak je een HTML-bestand?
Nadere informatiePublicatie formulieren en surveys
Handleiding: Publicatie formulieren en surveys Deze handleiding is in te zetten voor MailPlus Marcom en MailPlus ecom. Inhoudsopgave Introductie... 1 1 Formulieren integreren... 2 1.1 Formulieren integereren
Nadere informatieHTML en CSS gevorderd
HTML en CSS gevorderd Inhoudsopgave Inleiding! 3 Opbouw webpage en css! 4 DIVʼs of iframes?! 8 Eigen icoon in de adresbalk van de browser! 8 Web-editors! 8 Koppelen van css-bestanden! 9 Browser afhankelijke
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 3) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieHeeft hetzelfde effect als <b> </b> maar is belangrijker voor SEO. Underline: de tekst wordt onderlijnd. Italic: de tekst wordt schuingedrukt
Hoofdstuk 1 : HTML 1.1 Structuur van het HTML bestand hier komt de titel van de pagina hier komt alles wat we op de pagina willen zien 1.2 HTML- TAGs De BREAK tag wordt gebruikt om
Nadere informatieOp heel brede monitoren kan een dergelijke site er snel ongemakkelijk worden doordat de tekst op heel lange regels komt te staan.
Layout met CSS Naast het opmaken van tekst, navigatie menu s en foto s komt de echte kracht van CSS tot uiting voor de layout van de webpagina. Het is geen eenvoudig onderwerp, daarom eerst een beetje
Nadere informatieVersie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011
Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp Datum: 23-1-2011 1 Inhoudsopgave Wat gaan we doen?... 4 Eerst wat uitleg:... 4 Wat is HTML:... 4 Wat is CSS:... 4 Wat is het resultaat
Nadere informatieHANDLEIDINGEN Tips en tricks ETZ Leerplein
HANDLEIDINGEN Tips en tricks ETZ Leerplein IMAGE SLIDER OVER DE IMAGE SLIDER De imageslider (lees: slider), zoals deze ontwikkelt is binnen de editor van Pulseweb maakt het mogelijk om meerdere afbeeldingen
Nadere informatieEen verticale vormgeving is makkelijker en sneller te realiseren dan een horizontale.
Een HTML-sjabloon Denk goed na hoe je webpagina er moet uitzien. Wil je een webpagina met een horizontale vormgeving (zoals bij een schermpresentatie)? Wil je een webpagina met een verticale vormgeving
Nadere informatieBonus hoofdstukken. 1 HTML, CSS en JavaScript. 2 Een website bouwen
Bonus hoofdstukken 1 HTML, CSS en JavaScript 2 Een website bouwen 1 HTML, CSS en JavaScript De belangrijkste punten van bonushoofdstuk 1 XX HTML is een taal waarmee u de inhoud en structuur van een webpagina
Nadere informatieVoor vragen: http://www.richard3332.nl/ of mail naar Richard3332@gmail.com
Welkom bij mijn website tutorial (Deel 7) Ik ga uit van Microsoft XP voor de duidelijkheid. Ik heb dus geen idee of de programma s die ik gebruik ook op Vista werken. Notepad++ werkt zowieso op xp en Vista.
Nadere informatieWebdesign. cursusjaar 2009-2010. Practicumoefeningen met. (X)HTML en CSS
Webdesign cursusjaar 2009-2010 Practicumoefeningen met (X)HTML en CSS Departement Informatica Bacheloropeliding Informatiekunde Hans Voorbij (2010) Inhoud 1. Basisoefeningen met HTML...........................................
Nadere informatieWeb building basis: HTML. Karel Nijs 2008/09
Web building basis: HTML Karel Nijs 2008/09 Webbuilding basis vorige les HTML intro Browsers HTML elementen HTML basis tags HTML attributen HTML kleuren HTML formattering Extra: HTML entities Webbuilding
Nadere informatieSushi MIJN EERSTE WEBSITE EEN WEBPAGINA BEWERKEN. Kaart 1 van 10 Ik ben HTML/CSS aan het leren
MIJN EERSTE WEBSITE Sushi EEN WEBPAGINA BEWERKEN Kaart 1 van 10 We gaan een nieuwe website bouwen! We gaan hem over boeken maken maar je kan hem ook zo maken zoals jij zelf wilt! Download de HTML code
Nadere informatieOplossingen overzicht PHP. Oplossing KPN opgave, zonder testen van POST
Oplossingen overzicht PHP Oplossing KPN opgave, zonder testen van POST internetminuten in welke categorie val ik?
Nadere informatieCSS. CSS - Inleiding. Scheiding van inhoud en vorm
CSS opmaken met Cascading stylesheets inleiding style sheet declaratie stijl declaratie stijl eigenschappen commentaar
Nadere informatieTechnische werking whitelabel reviewmodule
Na integratie van de whitelabel reviewmodule van Kieskeurig.nl kunnen bezoekers via jouw website reviews op Kieskeurig.nl en je eigen website achterlaten. In dit document vind je meer informatie over de
Nadere informatieMailPlus-template voor BrightEdit
Handleiding: MailPlus-template voor BrightEdit Deze handleiding is bedoeld voor MailPlus Partners en in te zetten voor MailPlus Marcom Inhoudsopgave Introductie... 1 1 De Template Manager... 2 1.1 Template
Nadere informatiePro templates. Copyright Starteenwinkel.nl
Pro templates Copyright Starteenwinkel.nl Lees in deze handleiding over: 1. PRO templates; voor wie geschikt? 2. Aan de slag met een PRO template 3. Template Designer 4. Template Editor 5. Sliders aanpassen
Nadere informatieInhoud leereenheid 2 HTML. Introductie 31. Leerkern 32. Zelftoets 55. Terugkoppeling 56
Inhoud leereenheid 2 HTML Introductie 31 Leerkern 32 1 HTML 32 1.1 Het doctype 32 1.2 De syntaxis van HTML 32 1.3 Semantiek 34 1.4 Validatie 34 2 Tags: betekenis en structuur 35 2.1 Elementen voor de head
Nadere informatieBlauwdruk Applicatieontwikkelaar 1.1
CREBOTRAJECT Applicatieontwikkelaar BBL Algemene informatie Crebotraject Gebaseerd op de blauwdruk versie: Blauwdruk Applicatieontwikkelaar 1.1 Ontwerper: Hans van Rheenen Ontwerpdatum: 26-06-2012 Versie:
Nadere informatieHTML richtlijnen e-mail marketing. part of the valley
e-mail marketing pagina 2/9 geschreven door Maarten van Benthem, front-end developer datum 1 oktober 2009 versie 1.0 Copyright Alle rechten voorbehouden. De inhoud van dit document blijft eigendom van
Nadere informatiejoomladagen 2017 fl ex box niels
joomladagen 2017 fl ex box niels leenheer @html5test joomla? wat is flexbox? assen main axis cross axis start end start end containers en kinderen
Nadere informatieY.S. Lubbers en W. Witvoet
WEBDESIGN Eigen Site Evaluatie door: Y.S. Lubbers en W. Witvoet 1 Summary Summary Prefix 1. Content en structuur gescheiden houden 2. Grammaticaal correcte en beschrijvende markup 3. Kopregels 4. Client-
Nadere informatieprogrammeren in HTML (5) CSS (3) JavaScript
programmeren in HTML (5) CSS (3) JavaScript Op dit lesmateriaal is een Creative Commons licentie van toepassing. 2010 Remie remie.woudt@gmail.com Woudt Inhoudsopgave 1 HTML...1 1.1 Wat heb je nodig?...1
Nadere informatieRob's Domein. theorie van html met de beschrijving van alle tag. Een html pagina moet altijd minstens uit de volgende tags bestaan:
pagina 1 van 6 Rob's Domein kamp, 's Lands grootste webwinkel! Opleiding Webdesign Verdien aan je site met Tradedou SCRIPTS GIF PLAATJES ACHTERGRONDEN GENERATOREN DIVERSEN OPLEIDINGEN CONTA N Binnen 1
Nadere informatieAgenda (X)HTML. Wat is HTML? Hoe ziet een HTML-file eruit? Waarom HTML leren? Waarin maak je een HTML-bestand?
(X)HTML HyperText Markup Language Aniel Bhulai E-mail: abhulai@few.vu.nl vrije Universiteit amsterdam Agenda HTML algemeen Aantal tags HTML met stijl (CSS, DHTML) XHTML Vragen Demo 1 vrije Universiteit
Nadere informatieMarkup: HTML en CSS. Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering
Markup: HTML en CSS Hoorcollege Webdesign 3 2 mei 2014 Frans Wiering 1 Inhoud XHTML XML en toepassingen basis CSS aantal slides ontleend aan: Anders Møller & Michael I. Schwartzbach. An Introduction to
Nadere informatieLes 1a: Downloaden en instellen van software Software gebruik
Les 1a: Downloaden en instellen van software Software gebruik Eisen computer Deze e-cursus heb ik geschreven voor gebruikers van een Windows computer. Zelf gebruik ik voor deze cursus Windows 7. Mocht
Nadere informatie6 weken. jaren. AO MD ALA B periode 2 HTML CSS Javascript Tafels Rekenen website.docx Pagina 1 van 6
Opleiding Complexiteit Begeleiding Duur Advies timing Focus op Applicatieontwikkelaar Periode Ontwerp en realiseert Eind Niveau Weinig begeleiding 6 Periode, ALA B Kerntaak Ontwerpen van de applicatie,
Nadere informatieHTML BEGINNER Inhoudsopgave
Inhoudsopgave 6 7 8 9 0 Configuratie Een webpagina maken Een stijlbestand toevoegen Een lijst maken Afbeeldingen toevoegen Meer pagina's toevoegen Links maken Navigeren op je website Een menu maken Het
Nadere informatieInhalen les 7 (versie B)
Inhalen les 7 (versie B) Stap 1: Open de startmap van les 6 De map heet Startmap Les 6. Als je de map hebt geöpend zie je verschillende bestanden en een map Website. Wij gebruiken nu alleen de map Website.
Nadere informatie