SlideShare una empresa de Scribd logo
1 de 17
Les 12 – HTML & CSS  Weet hoe het werkt, leer een aantal van de basale handelingen en de begrippen.
Basis ,[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
Elementen en attributen ,[object Object],[object Object],[object Object]
Voorbeeld The New School
Het Begin ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Html voor op de Mac. Om met HTML te programmeren op de Mac: Ga naar Programma’s, -> Text editor, Converteer naar platte tekst (appeltje + shift + t) Plak de tekst <head> etc. erin Opslaan als .HTML  document op bureaublad Openen met brouwser – gaat automatisch Daar is je eerste webpagina
Opslaan ,[object Object],[object Object],[object Object],[object Object]
De invulling ,[object Object],[object Object],[object Object],[object Object],[object Object]
Plaatje ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Centreren ,[object Object],[object Object],[object Object],[object Object]
Link invoegen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Linken ,[object Object],<HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <A HREF=&quot;index. htm &quot;> <IMG SRC=&quot;plaatjes/foto.jpg&quot;> </A> </BODY> </HTML>  <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> <A HREF=&quot;index. html &quot;> Klik hier om naar de andere pagina te gaan! </A> </BODY> </HTML>  Deze noem ik index. html Deze noem ik index. htm
Attributen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],En dan nu: De < FONT ></FONT> Tags. Bij <FONT>, kan je aangeven, wat voor lettertype je wil, de kleur, hoe groot. Met </FONT> moet je dat dan afsluiten. Altijd. Als er een andere letter komt, aan het einde van je &quot;BODY&quot;.  </FONT> Blijft altijd </FONT>, terwijl <FONT> <FONT ...> wordt. Daarin wordt beschreven, wat er zoal veranderd moet worden aan de FONT. FACE =Hier komt het lettertype. Er zijn er maar enkele die je kan gebruiken.  Want, op de computer van de bezoeker van je site, moeten ze ook geïnstalleerd zijn.  Je kan meerdere lettertypen aangeven, door komma's ertussen te zetten, voor als ze niet aanwezig zijn, in de computer van je bezoeker.  De Browser pakt dan het eerste aanwezige lettertype.  SIZE =Hoe groot je lettertype is. Van -4 tot +4, of van 1 tot 7. Goed. COLOR =        De kleur. Hetzelfde aan te geven, zoals we al behandelden in de <BODY ...> tag.
CSS ,[object Object]
CSS verbinden aan HTML dokument ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Het Erven van een stijl ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML & CSS ,[object Object],[object Object]

Más contenido relacionado

Similar a Crossmedia les 12 de basis over Html

Basisuitleg over webpagina’s
Basisuitleg over webpagina’sBasisuitleg over webpagina’s
Basisuitleg over webpagina’sgspeekenbrink
 
Cascading Style Sheets 2009
Cascading Style Sheets 2009Cascading Style Sheets 2009
Cascading Style Sheets 2009culturelestudies
 
Eduvision - Proefles Cursus Webdesign
Eduvision - Proefles Cursus WebdesignEduvision - Proefles Cursus Webdesign
Eduvision - Proefles Cursus WebdesignEduvision Opleidingen
 
Css positioning
Css positioningCss positioning
Css positioningohmdesign
 
Css Positionering
Css PositioneringCss Positionering
Css Positioneringohmdesign
 
Dw Wireframe In Layoutview
Dw Wireframe In LayoutviewDw Wireframe In Layoutview
Dw Wireframe In Layoutviewculturelestudies
 
1.7 html css terugblik
1.7 html css terugblik1.7 html css terugblik
1.7 html css terugblikmvanginkel
 
1.4 html css basis 3
1.4 html css basis 31.4 html css basis 3
1.4 html css basis 3mvanginkel
 
How to use .xml and InDesign
How to use .xml and InDesignHow to use .xml and InDesign
How to use .xml and InDesignMarisca
 
Drupal introductie voor NCRV-i
Drupal introductie voor NCRV-iDrupal introductie voor NCRV-i
Drupal introductie voor NCRV-iBèr Kessels
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspuntenMarc de Graauw
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkelingEdwin Vlieg
 

Similar a Crossmedia les 12 de basis over Html (20)

Basisuitleg over webpagina’s
Basisuitleg over webpagina’sBasisuitleg over webpagina’s
Basisuitleg over webpagina’s
 
test
testtest
test
 
Les 1
Les 1Les 1
Les 1
 
Cascading Style Sheets 2009
Cascading Style Sheets 2009Cascading Style Sheets 2009
Cascading Style Sheets 2009
 
Basiscursus webdesign
Basiscursus webdesignBasiscursus webdesign
Basiscursus webdesign
 
Eduvision - Proefles Cursus Webdesign
Eduvision - Proefles Cursus WebdesignEduvision - Proefles Cursus Webdesign
Eduvision - Proefles Cursus Webdesign
 
Css positioning
Css positioningCss positioning
Css positioning
 
Css Positionering
Css PositioneringCss Positionering
Css Positionering
 
Dw Wireframe In Layoutview
Dw Wireframe In LayoutviewDw Wireframe In Layoutview
Dw Wireframe In Layoutview
 
1.7 html css terugblik
1.7 html css terugblik1.7 html css terugblik
1.7 html css terugblik
 
Web Design
Web DesignWeb Design
Web Design
 
Next Web Sharing
Next Web   SharingNext Web   Sharing
Next Web Sharing
 
1.4 html css basis 3
1.4 html css basis 31.4 html css basis 3
1.4 html css basis 3
 
How to use .xml and InDesign
How to use .xml and InDesignHow to use .xml and InDesign
How to use .xml and InDesign
 
Les 2 html
Les 2 htmlLes 2 html
Les 2 html
 
Drupal introductie voor NCRV-i
Drupal introductie voor NCRV-iDrupal introductie voor NCRV-i
Drupal introductie voor NCRV-i
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspunten
 
Frontend ontwikkeling
Frontend ontwikkelingFrontend ontwikkeling
Frontend ontwikkeling
 
Fedora CMA en XSLT
Fedora CMA en XSLTFedora CMA en XSLT
Fedora CMA en XSLT
 
Html5
Html5Html5
Html5
 

Más de Dre

Instructie gebruik SamSamBank.nl
Instructie gebruik SamSamBank.nl Instructie gebruik SamSamBank.nl
Instructie gebruik SamSamBank.nl Dre
 
Presentatie Heerde Pilot SamSamBank.nl
Presentatie Heerde Pilot SamSamBank.nl  Presentatie Heerde Pilot SamSamBank.nl
Presentatie Heerde Pilot SamSamBank.nl Dre
 
Crossmedia 18 a gamefication deel 1
Crossmedia 18 a   gamefication deel 1Crossmedia 18 a   gamefication deel 1
Crossmedia 18 a gamefication deel 1Dre
 
Online marketing les 6
Online marketing les 6Online marketing les 6
Online marketing les 6Dre
 
Online marketing les 4
Online marketing les 4Online marketing les 4
Online marketing les 4Dre
 
Online marketing les 3
Online marketing les 3Online marketing les 3
Online marketing les 3Dre
 
Crossmedia 18 a gamefication deel 1
Crossmedia 18 a   gamefication deel 1Crossmedia 18 a   gamefication deel 1
Crossmedia 18 a gamefication deel 1Dre
 
Crossmedia Les 17 Meten & Weten
Crossmedia Les 17 Meten & WetenCrossmedia Les 17 Meten & Weten
Crossmedia Les 17 Meten & WetenDre
 
Crossmedia Les 16 Augmented Reality
Crossmedia Les 16 Augmented RealityCrossmedia Les 16 Augmented Reality
Crossmedia Les 16 Augmented RealityDre
 
Crossmedia Les 15 Conceptontwikkeling
Crossmedia Les 15 ConceptontwikkelingCrossmedia Les 15 Conceptontwikkeling
Crossmedia Les 15 ConceptontwikkelingDre
 
Crossmedia 14 Google 2010
Crossmedia 14 Google 2010Crossmedia 14 Google 2010
Crossmedia 14 Google 2010Dre
 
Crossmedia 13 Les Tools 2010
Crossmedia 13 Les Tools 2010Crossmedia 13 Les Tools 2010
Crossmedia 13 Les Tools 2010Dre
 
Crossmedia les 11 communicatie in 3 D
Crossmedia les 11 communicatie in 3 DCrossmedia les 11 communicatie in 3 D
Crossmedia les 11 communicatie in 3 DDre
 
Opleiden In Het Informatietijdperk
Opleiden In Het InformatietijdperkOpleiden In Het Informatietijdperk
Opleiden In Het InformatietijdperkDre
 
Crossmedia 8
Crossmedia 8Crossmedia 8
Crossmedia 8Dre
 
Crossmedia 8
Crossmedia 8Crossmedia 8
Crossmedia 8Dre
 
10 Crossmediale politiek
10 Crossmediale politiek10 Crossmediale politiek
10 Crossmediale politiekDre
 
Crossmedia Les 1
Crossmedia Les 1Crossmedia Les 1
Crossmedia Les 1Dre
 
Crossmedia 4
Crossmedia 4Crossmedia 4
Crossmedia 4Dre
 
Crossmedia 3
Crossmedia 3Crossmedia 3
Crossmedia 3Dre
 

Más de Dre (20)

Instructie gebruik SamSamBank.nl
Instructie gebruik SamSamBank.nl Instructie gebruik SamSamBank.nl
Instructie gebruik SamSamBank.nl
 
Presentatie Heerde Pilot SamSamBank.nl
Presentatie Heerde Pilot SamSamBank.nl  Presentatie Heerde Pilot SamSamBank.nl
Presentatie Heerde Pilot SamSamBank.nl
 
Crossmedia 18 a gamefication deel 1
Crossmedia 18 a   gamefication deel 1Crossmedia 18 a   gamefication deel 1
Crossmedia 18 a gamefication deel 1
 
Online marketing les 6
Online marketing les 6Online marketing les 6
Online marketing les 6
 
Online marketing les 4
Online marketing les 4Online marketing les 4
Online marketing les 4
 
Online marketing les 3
Online marketing les 3Online marketing les 3
Online marketing les 3
 
Crossmedia 18 a gamefication deel 1
Crossmedia 18 a   gamefication deel 1Crossmedia 18 a   gamefication deel 1
Crossmedia 18 a gamefication deel 1
 
Crossmedia Les 17 Meten & Weten
Crossmedia Les 17 Meten & WetenCrossmedia Les 17 Meten & Weten
Crossmedia Les 17 Meten & Weten
 
Crossmedia Les 16 Augmented Reality
Crossmedia Les 16 Augmented RealityCrossmedia Les 16 Augmented Reality
Crossmedia Les 16 Augmented Reality
 
Crossmedia Les 15 Conceptontwikkeling
Crossmedia Les 15 ConceptontwikkelingCrossmedia Les 15 Conceptontwikkeling
Crossmedia Les 15 Conceptontwikkeling
 
Crossmedia 14 Google 2010
Crossmedia 14 Google 2010Crossmedia 14 Google 2010
Crossmedia 14 Google 2010
 
Crossmedia 13 Les Tools 2010
Crossmedia 13 Les Tools 2010Crossmedia 13 Les Tools 2010
Crossmedia 13 Les Tools 2010
 
Crossmedia les 11 communicatie in 3 D
Crossmedia les 11 communicatie in 3 DCrossmedia les 11 communicatie in 3 D
Crossmedia les 11 communicatie in 3 D
 
Opleiden In Het Informatietijdperk
Opleiden In Het InformatietijdperkOpleiden In Het Informatietijdperk
Opleiden In Het Informatietijdperk
 
Crossmedia 8
Crossmedia 8Crossmedia 8
Crossmedia 8
 
Crossmedia 8
Crossmedia 8Crossmedia 8
Crossmedia 8
 
10 Crossmediale politiek
10 Crossmediale politiek10 Crossmediale politiek
10 Crossmediale politiek
 
Crossmedia Les 1
Crossmedia Les 1Crossmedia Les 1
Crossmedia Les 1
 
Crossmedia 4
Crossmedia 4Crossmedia 4
Crossmedia 4
 
Crossmedia 3
Crossmedia 3Crossmedia 3
Crossmedia 3
 

Crossmedia les 12 de basis over Html

  • 1. Les 12 – HTML & CSS Weet hoe het werkt, leer een aantal van de basale handelingen en de begrippen.
  • 2.
  • 3.
  • 4.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.