SlideShare a Scribd company logo
LES 1 - INLEIDING
3 manieren om een website te
                bouwen:
- Code: XHTML – CSS – PHP – jQuery – JavaScript
- Software (wysiwyg): Dreamweaver, Textmate, SublimeText
- CMS: Drupal, Joomla, Wordpress, …
Algemene feiten
- Website bestaat uit webpagina’s met homepage (eerste
  pagina)
- Opslaan als .html of .htm
- Webdesign is GEEN tekstverwerking!
- Sla nooit op met spaties, hoofdletters of speciale tekens,
  behalve – en _.
  Bv wie-zijn-wij.html of wiezijnwij.html of wie_zijn_wij.html
HTML:
-   Tim Berners-Lee (CERN).
-   W3 Consortium (w3.org)
-   Tags <html></html>
-   Element, attribuut, waarde
    <imgsrc=“zon.jpg” />
Versies
- HTML 4
- XHTML 1
- HTML 5 (nog niet volledig ondersteund)
Kleuren
- 3 basiskleuren: Rood Groen Blauw
  dus niet… rood geel blauw #FF0000
- Red, green, blue, orange, yellow, enz.
- Elke kleur heeft waarde tussen 0 en 255
- Hexadecimaal:

                         Grootte
- Pixel: vaste waarde
- Percent: variabele waarde
XHTML
-   Geen hoofdletters in elementen en attributen
-   Waarde altijd tussen aanhalingstekens “ “
-   Attributen hebben altijd een waarde
-   Tag altijd afsluiten (<img />, <br />)
-   Tags nooit kruisen (correct: <b><i>woord</i></b>)
-   Afbeelding steeds alt-beschrijving geven
-   Speciale tekens via code
-   Doctype XHTML strict
-   XML-namespace
Browserprobleem
-   Internet Explorer (6, 7, 8, 9 en 10)
-   Firefox
-   Chrome
-   Opera
-   Safari

- Statistieken gebruik: gs.statcounter.com
- Test via Ietester, browser, browsershots.org, enz
XHTML strict
- Validator.w3.org
- W3schools.com/tags
Tags
-   Html, head, body
-   Title
-   Strong, em (ipv b, i)
-   H1, h2, …, p, br
-   hr
-   Ul, ol, li
-   Sub, sup
-   Blockquote
-   Cite, kbd, code, pre, tt, samp, var

More Related Content

PPT
Toegankelijkheid
PPTX
Info cc
PDF
SlideShare 101
PPTX
PPT
Les01 Htmlen Xhtml2008
PPT
PPT
Html, xhtml en Ftp
PPT
Crossmedia les 12 de basis over Html
 
Toegankelijkheid
Info cc
SlideShare 101
Les01 Htmlen Xhtml2008
Html, xhtml en Ftp
Crossmedia les 12 de basis over Html
 

Similar to Html css-les1 (20)

PPTX
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
PDF
Wdreader1
PPT
Eduvision - Proefles Cursus Webdesign
PDF
Steps webcode-html-css
PPTX
1.1 html css introductie
PDF
Html css
PDF
Powerpoint Htmlcss
PDF
1.2 html css basis 1
PDF
1.7 terugblik module 1
PPT
Cascading Style Sheets 2009
PDF
Refresher HTML(5) and CSS(3) - CC FE & UX
PDF
Webdesign 2: introductie
PDF
HTML opfrissing
PDF
1.7 html css terugblik
PDF
1.4 html css basis 3
PDF
Presentatie webrichtlijnen
PPT
Eduvision - Proefles Opleiding Webdesign
PDF
1.3 html css basis 2
PPTX
Talk 02 html5-css3
PPTX
HTML5 Overview
Presentatie bij de training HTML5 die plaatsvond na afloop van de sessie Mico...
Wdreader1
Eduvision - Proefles Cursus Webdesign
Steps webcode-html-css
1.1 html css introductie
Html css
Powerpoint Htmlcss
1.2 html css basis 1
1.7 terugblik module 1
Cascading Style Sheets 2009
Refresher HTML(5) and CSS(3) - CC FE & UX
Webdesign 2: introductie
HTML opfrissing
1.7 html css terugblik
1.4 html css basis 3
Presentatie webrichtlijnen
Eduvision - Proefles Opleiding Webdesign
1.3 html css basis 2
Talk 02 html5-css3
HTML5 Overview
Ad

Html css-les1

  • 1. LES 1 - INLEIDING
  • 2. 3 manieren om een website te bouwen: - Code: XHTML – CSS – PHP – jQuery – JavaScript - Software (wysiwyg): Dreamweaver, Textmate, SublimeText - CMS: Drupal, Joomla, Wordpress, …
  • 3. Algemene feiten - Website bestaat uit webpagina’s met homepage (eerste pagina) - Opslaan als .html of .htm - Webdesign is GEEN tekstverwerking! - Sla nooit op met spaties, hoofdletters of speciale tekens, behalve – en _. Bv wie-zijn-wij.html of wiezijnwij.html of wie_zijn_wij.html
  • 4. HTML: - Tim Berners-Lee (CERN). - W3 Consortium (w3.org) - Tags <html></html> - Element, attribuut, waarde <imgsrc=“zon.jpg” />
  • 5. Versies - HTML 4 - XHTML 1 - HTML 5 (nog niet volledig ondersteund)
  • 6. Kleuren - 3 basiskleuren: Rood Groen Blauw dus niet… rood geel blauw #FF0000 - Red, green, blue, orange, yellow, enz. - Elke kleur heeft waarde tussen 0 en 255 - Hexadecimaal: Grootte - Pixel: vaste waarde - Percent: variabele waarde
  • 7. XHTML - Geen hoofdletters in elementen en attributen - Waarde altijd tussen aanhalingstekens “ “ - Attributen hebben altijd een waarde - Tag altijd afsluiten (<img />, <br />) - Tags nooit kruisen (correct: <b><i>woord</i></b>) - Afbeelding steeds alt-beschrijving geven - Speciale tekens via code - Doctype XHTML strict - XML-namespace
  • 8. Browserprobleem - Internet Explorer (6, 7, 8, 9 en 10) - Firefox - Chrome - Opera - Safari - Statistieken gebruik: gs.statcounter.com - Test via Ietester, browser, browsershots.org, enz
  • 10. Tags - Html, head, body - Title - Strong, em (ipv b, i) - H1, h2, …, p, br - hr - Ul, ol, li - Sub, sup - Blockquote - Cite, kbd, code, pre, tt, samp, var