HTML & CSS Samen gebruiken. Verschil HTML – Structuur CSS – Styling Twee verschillende dingen – Loskoppelen!

Slides:



Advertisements
Verwante presentaties
paragraaf 1 Communicatie en taal
Advertisements

Bouw zelf een digitaal visitekaartje
“Hoe begin ik een website” Alles wat je moet weten en doen voor dat je een website gaat maken (het maken kost meer tijd en kan mogelijk in een werkgroep.
29/03/2013. jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door.
Presentatie kennisoverleg HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…
(c) Marc de Graauw Presentatie XML Marc de Graauw 2 maart 2000.
LIPS Gebruikersdag 13 september 2004 Freddy Deprez.
Internetapplicaties - II Gegevensinvoer 1 Internetapplicaties Deel 2: Gegevensinvoer: HTML-forms, JavaScript en JSP.
WELKOM! Les 1 Vandaag 1.Voorstellen 2.Inhoud en doel cursus 3.Inleiding website 4.Benodigde software 5.Inleiding HTML 6.Huiswerk 7.Afwas ☺
Behind Interactive Media. Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren.
CSS & HTML Les 2 Navigatie. De tag voor het maken van verwijzingen naar pagina’s of delen van een webpagina. Contact Het element wordt gebruikt om de.
Crashcursus HTML en CSS 2013
HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar
Webpagina ’ s maken ITV 10 maart Onderwerpen Ontwerp en inhoud Navigatie HTML: de basis Webpagina’s in Word.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Webmaster Training: CSS CSS2 & XHTML By Frederik Van Outryve.
ICT-voorstelling: geogebra en interactieve webbladen Maandag 9 maart 2009 Vakgroep wiskunde.
Wat heb ik geleerd?  HTML/CSS/PHP Wat heb ik geleerd?  HTML/CSS/PHP  Tekenen.
Deze presentatie mag noch geheel, noch gedeeltelijk worden gebruikt of gekopieerd zonder de schriftelijke toestemming van Seniornet Vlaanderen VZW Mijn.
Mijn eerste Website bouwen
1 Datastructuren Introductie tot de programmeeropgaven in C++ Jan van Rijn
Conversie programma’s Woensdag 12 januari Wat is conversie? Het omzetten van een media-file (tekst, geluid, foto, video) van het ene formaat naar.
Vakgroep Informatietechnologie – SoftwareOntwikkeling 1 SoftwareOntwikkeling 1 Conditionele compilatie in C met de macropreprocessor.
Opgave 1a: void nvoid staat in de header van een methode die geen resultaatwaarde heeft nde aanroep van een void-methode is dan een opdracht i.p.v. een.
WEBBUILDING 07/03/2005 Saartje De Geyter.
Deel XXI 1 Internetapplicaties Internetprogrammeren Capita Selecta.
Les 11: SVG.
Starten met PHP Dynamischer bouwen. PHP is een een scripttaal waarmee de server pagina’s in elkaar kunt laten zetten. Het verschil met HTML: Een php pagina.
PHP & MYSQL LES 02 PHP & FORMULIEREN. PHP & MYSQL 01 PHP BASICS 02 PHP & FORMULIEREN 03 PHP & DATABASES 04 CMS: BEST PRACTICE.
PHP & MYSQL LES 01 PHP BASICS. PHP & MYSQL 01 PHP BASICS 02 PHP & FORMULIEREN 03 PHP & DATABASES 04 CMS: BEST PRACTICE.
Starten met PHP Dynamischer bouwen.
Web 1.0 HTMLAfbeeldingen FlashHyperlinks CSS Participation AJAX Usability Design Ruby on Rails.
Pag. Software Engineering: SCRUM 2 Schedule Generator Zjef Van de Poel, Alexander De Cock, Adam Cooman, Matthias Caenepeel
Deze les * recap css selectors * pseudoclasses * styling links: live tutorial * references, recources, categorisation * live tutorial o add css to template.html.
Computertechniek Hogeschool van Utrecht / Institute for Computer, Communication and Media Technology 1  een MIDI track interpreteren, laten zien en afspelen.
Hoe maak je een Wikipedia? Door : Nela Wysokinska 1C.
HTML LEON KLOOS,AMO1B.. INHOUDSOPGAVE Over HTML. Coderingen. Geschiedenis van HTML.
Hogeschool van Amsterdam - Interactieve Media – Internet Development – Jochem Meuwese - -
Hoe maak ik een website ?.
Tircms02-p les 3 Functies Strings Structuren. Functies 1. main() 2. { int k; k = 10 ; printf(“%d\n”,fac(k)); } 3. int fac(n) int n; 4. { int f; f= 1;
JQuery CarouFredsel Gemaakt door Yannick. Inhoudstafel O CarouFredsel O Wat is CarouFredsel ? O Downloaden O Script O HTML O CSS O Javascript O Voorbeelden.
Css basics. terminologie Block level element Inline element Css – eigenschap : display : Voorbeeld : display eigenschap en genummerde lijst.
1 Les 08: Formulieren. 2 Agenda van vandaag Front-end development  Toets Hoofdstuk 8  Bespreken huiswerk  Presentatie over lesstof  formulieren 
Webpagina's maken met (X)HTML en CSS Lang leve het Kladblok!!! Verboden voor editors.
Eindbeoordeling websites Seminarie Webdesign. Technische puntenverdeling Niet online en losse bestanden
Verbeterpunt 1 Tekst heeft slecht contrast met de achtergrond. Tekst omlijnen, maar liefst een logo maken.
DIV Architecture Seminarie Webdesign. CSS-bestand oproepen Voeg tussen en de volgende lijn code toe om een CSS-file te laten werken: Zorg ervoor dat je.
CSS Cascading Style Sheets. CSS code HTML – Welke elementen op een pagina – Stuk code zegt iets over één element CSS – Hoe zien de elementen er precies.
Hyperlinks met CSS opmaken Koen Van Cauwenberge. In de CSS-code Hier is een voorbeeld van een CSS-codering voor een hyperlink: a:link { color: #8B0000;
Deel 4 Navigeren in opslaan menu’s Volgende = → toets.
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
Sjabloonsite Koen Van Cauwenberge.
Omdat we op onze eigen account programmeren
Direct Realisatie Les 3 HTML en CSS in s Direct Realisatie Les 3.
Lectora als ontwikkeltool voor interactieve multimedia programma’s
Inhoud: Terugkomdag Wie heeft wat gemaakt? Tips?
Hoe werkt Wikispaces? Wikispaces in 10 stappen!.
Hoe maak je een pagina voor een website?
OGH APEX dag 2012 Toeters en bellen met APEX
CSS: cascading stylesheets
Flow Approvals op verschillende manieren
Powershell & HTML.
CSS: cascading stylesheets
HTML5 introductie.
Transcript van de presentatie:

HTML & CSS Samen gebruiken

Verschil HTML – Structuur CSS – Styling Twee verschillende dingen – Loskoppelen!

CSS in je HTML In een element In de header In een stylesheet

In een element Snel Styling per enkel element – CSS ondermijnd – Geen loskoppeling

In de header Geen losse files Styling niet hergebruiken Geen volledige loskoppeling – Programmeur en designer in zelfde file div { color: blue; }

In een stylesheet Styling hergebruiken Volledige loskoppeling HTML bestand Ander HTML bestand div { color: blue; } style.css