informatiekunde – f. truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · fred...

16
HTML Informatiekunde – F. Truyen

Upload: others

Post on 15-Jan-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

HTMLInformatiekunde – F. Truyen

Page 2: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

HTML: wat? • HyperText Markup Language

HTML is de standaard markeertaal voor de opmaak van webpaginas

HTML is lees- en schrijfbaar door mens én machine

Bekijk video: The Machine is Us/ing Us

Page 3: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 4: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Het World Wide Web• Europa: CERN: Centre Européen pour la

Récherche Nucléaire.o Tim Berners-Lee (e.a.) vinden HTML uit.o Het CERN lanceert het WWW in 1991.o De term hypertext komt van Ted Nelson, ca.

1965.• USA: NCSA: National Centre for

Supercomputing Applications.o Eerste populaire browser: Mosaic.o Makers van Mosaic beginnen een eigen bedrijf

en maken de Netscape browser (nu Firefox).

Page 5: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Tim Berners-Lee's Browser Editor WorldWideWeb as developed in 1991-92 This was a true browser editor for the first version of HTML and ran on a NeXt workstation. Implemented in Objective-C, it, made it easy to create, view and edit web documents.

Page 6: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Bouwstenen van een webpaginaEen webpagina bestaat meestal uit:• html (gestructureerd document)• stylesheet (instructies voor opmaak)• afbeeldingenEn vaak ook uit:• javascript• media

Page 7: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Schrijven voor het web

Schrijven voor hetWeb

TekstverwerkerWiki

Publishing suite

Editor

Content ManagementSystem

Aggregatie (RSS)

Blog

Scripts / mashups

WYSIWYG

Plain text

Page 8: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Blog

Page 9: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Content ManagementSystem

Page 10: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

Wiki

Page 11: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 12: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 13: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 14: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 15: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save
Page 16: Informatiekunde – F. Truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · Fred Truyen's Digita_ Edit Preview Get Shortlink Visual New post Screen Options Publish Save

HTML• Standaarden:

o HTML 4.01o XHTML 1.0 transitional / stricto XHTML 1.1o HTML 5