SlideShare uma empresa 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]

Mais conteúdo relacionado

Semelhante a Crossmedia les 12 de basis over Html

Cascading Style Sheets 2009
Cascading Style Sheets 2009Cascading Style Sheets 2009
Cascading Style Sheets 2009
culturelestudies
 
Css Positionering
Css PositioneringCss Positionering
Css Positionering
ohmdesign
 
Dw Wireframe In Layoutview
Dw Wireframe In LayoutviewDw Wireframe In Layoutview
Dw Wireframe In Layoutview
culturelestudies
 
How to use .xml and InDesign
How to use .xml and InDesignHow to use .xml and InDesign
How to use .xml and InDesign
Marisca
 
XML tekortkomingen en pluspunten
XML   tekortkomingen en pluspuntenXML   tekortkomingen en pluspunten
XML tekortkomingen en pluspunten
Marc de Graauw
 

Semelhante 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 Positionering
Css PositioneringCss Positionering
Css Positionering
 
Css positioning
Css positioningCss positioning
Css positioning
 
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
 

Mais de Dre

Online marketing les 4
Online marketing les 4Online marketing les 4
Online marketing les 4
Dre
 
Crossmedia 18 a gamefication deel 1
Crossmedia 18 a   gamefication deel 1Crossmedia 18 a   gamefication deel 1
Crossmedia 18 a gamefication deel 1
Dre
 

Mais 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.