Download - Html css-les1

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

<img src=“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 />, )- Tags nooit kruisen (correct: woord)- 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