PORTFOLIO

INLEIDING tot dit overzicht:

In dit overzicht vind je een drietal rubrieken:

1. SCRIPTING: weergave - structuur - ordening
2. SCRIPTING: opmaak
3. SCRIPTING: functies en processen online en offline

Centraal in deze rubrieken staat de techniek rond webpagina's.

Voor een leek zal het hier beschreven materiaal heel technisch zijn. Toch geeft het je een eerste indruk wat er zoal mogelijk is op het terrein van de webtechnieken.

HTML met als voorloper SGML is de taal voor webpagina's met de functie om de content (tekst en beeld) gestructureerd weer te geven, tekst in alinea's, kolommen, afbeeldingen in de volle breedte van de pagina of met z'n drieën naast elkaar.
AMP is een geavanceerde variant van HTML waar optimale laadsnelheid het doel is door zo'n pagina geprefigureerd vanaf een Google-server te laden. SVG is de grafische evenknie van HTML om logo's en dergelijke met Vector-techniek responsief weer te geven.

Stylesheet (CSS) is de opmaaktaal voor webpagina's. Hiermee kun je de letterkleur, lettergrootte definiëren en een kleurfilter over een afbeelding leggen.

En dan zijn er de functionele talen voor webpagina's. Waar Javascript (JS) zowel op de webserver als lokaal op je pc werkt, zo is PHP een webservertaal bij uitstek.
Met PHP kun je bijvoorbeeld content vanuit één punt op meerdere pagina's via een include plaatsen. JS biedt je de mogelijk om functies op een webpagina te laten draaien zonder dat je de webpagina hoeft te verversen. Als je bijvoorbeeld WebP-afbeeldingen in een pagina laadt kan JS ervoor zorgen dat als WebP niet werkt of uit de lucht is er automatisch een JPEG-variant wordt geladen.

SCRIPTING: weergave - structuur - ordening

SGML |

'Standard Generalized Markup Language'

- Introductie tot SGML

- SGML bron voor (X)HTML & XML

Bron: W3.org: A brief SGML tutorial

HTML / XML / XHTML / WML / SVG |

'SGML bron voor HTML, XML en SVG'

- Introductie tot C-HTML

- Introductie tot DHTML

- Voorbeelden van DHTML

- Introductie tot HTML

- Introductie tot XHTML

- Introductie tot HTML5

- Introductie tot XHTML5

- Introductie tot HTML6

- Introductie tot MHTML

- Introductie tot SHTML

- Introductie tot WML

- Introductie tot XML

- Introductie tot SVG

- Voorbeelden van SVG

AMP HTML |

'Accelerated Mobile Pages in HTML5'

- AMP Responsive images

- AMP Fixed-size images

- AMP Responsive lightbox

- AMP Responsive images (with lightbox)

- AMP Media query selection

- AMP Responsive iframes

- AMP Responsive videos

- AMP Responsive Youtube videos

- AMP Responsive images using amp-carousel

- AMP Responsive images using amp-carousel autoplay

- AMP Animated images

SCRIPTING: opmaak

CSS |

'Cascading Style Sheets'

- Introductie tot CSS

- Voorbeelden van CSS3

Bron: W3C: CSS Tutorial

DCSS + JSSS + LESS |

'Style Preprocessors'

- Introductie tot DCSS

- Introductie tot JSSS

- Introductie tot LESS

Bron: Wikipedia: Dynamic cascading style sheets

Bron: W3.org: JavaScript-Based Style Sheets

Bron: LESS Tutorial

SCRIPTING: functies en processen online en offline

ASP + ASP.NET |

'Active Server Pages' + 'A.S.P. dot net'

- Introductie tot ASP

- Introductie tot ASP.NET

Bron: W3C: ASP and ASP.NET Tutorials

CGI |

'Common Gateway Interface'

- Introductie tot CGI

Bron: Python - CGI Programming

JS |

'JavaScript'

- JavaScript - Inleiding

- Javascript - Voorbeelden

- Javascript - Handleiding

Bron: W3C: JavaScript Tutorial

Editor: W3C: JavaScript Online Editor

JS Reference: Overzicht HTML DOM

PHP |

'Hypertext Preprocessor'

- Introductie tot PHP

- Voorbeelden PHP

- Voorbeelden PHP

- Handleiding PHP

Bron: W3C: PHP Tutorial