informatiekunde – f. truyeninformatiewijzer.be/sites/default/files/html_intro.pdf · fred...
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/3.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/4.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/11.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/12.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/13.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/14.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/15.jpg)
![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](https://reader033.vdocuments.site/reader033/viewer/2022041609/5e36a78f2ca4451ec07edd0f/html5/thumbnails/16.jpg)
HTML• Standaarden:
o HTML 4.01o XHTML 1.0 transitional / stricto XHTML 1.1o HTML 5