1 Gabriel Sánchez Cano Webdesign > 4 Webdesign 4 is bestemd voor alle opleidingen MBO niveau 4 waarbij het ontwikkelen van webomgevingen een rol speel...
Webdesign > 4 Webdesign 4 is bestemd voor alle opleidingen MBO niveau 4 waarbij het ontwikkelen van webomgevingen een rol speelt, waaronder Applicatie- en mediaontwikkeling, Mediavormgever en Mediatechnologie. Het is geschreven op basis van de competentiegerichte kwalificatiestructuur en is daarom uitstekend geschikt voor zelfstudie. Alle hoofdstukken zijn voorzien van voldoende praktijkgerichte opgaven en waarmee de theorie direct in praktijk kan worden gebracht. Daarmee is dit boek ook een praktische inleiding voor iedereen die zelf een website wil bouwen.
Webdesign
>4 Gabriel Sánchez Cano
Webdesign
In deze vierde druk is het hoofdstuk over JavaScript geheel herzien en aanzienlijk uitgebreid. Sinds de derde druk zijn de eerste twee hoofdstukken al gebaseerd op HTML5 en CSS3, en bevat het hoofdstuk over UML een paragraaf over klassendiagrammen.
>4
Op de portal www.practicx.nl kunnen studenten onder andere extra oefenigen en opdrachten vinden. Er staan ook een oefentoets en enkele grote praktijkopdrachten op de portal. Voor docenten die het boek voorschrijven zijn vier grote portfolioopdrachten beschikbaar.
PR AC TIC X + KIJK OP X.NL C W W W . P R AC T I E VOOR ALL E X T R A’ S
PR AC TIC X vierde druk
978 90 395 2781 8
+ ONLINE O E F E N M AT E R IAAL
9 789039 527818
124
ISBN 9789039527818_cv.indd Alle pagina's
28-02-14 14:11
Webdesign 4
Gabriel Sánchez Cano
Meer informatie over deze en andere uitgaven kunt u verkrijgen bij: BIM Media B.V. Postbus 16262 2500 BG Den Haag Tel.: (070) 304 67 77 www.bimmedia.nl Gebruik onderstaande code om dit boek eenmalig toe te voegen aan je boekenplank op www.academicx.nl. Let op: je kunt deze code maar één keer gebruiken.
Voorwoord Webdesign 4 is bestemd voor alle opleidingen MBO niveau 4 waarbij het ontwikkelen van webomgevingen een rol speelt, waaronder Applicatie- en mediaontwikkeling, Mediavormgever en Mediatechnologie. Het is geschreven op basis van de nieuwe competentiegerichte kwalificatiestructuur van ECABO en is daarom uitstekend geschikt voor zelfstudie. Alle hoofdstukken zijn voorzien van voldoende praktijkgerichte opgaven waarmee de theorie direct in praktijk kan worden gebracht. Daarmee is dit boek ook een praktische inleiding voor iedereen die zelf een website wil bouwen. Dit boek is geschreven met de recente ontwikkelingen van het web in gedachten. Web 2.0 is de tweede generatie van op internet gebaseerde services, zoals sociale netwerken en wiki’s (Wikipedia). Bij Web 2.0 ligt de nadruk op samenwerking en het delen van content tussen de gebruikers. De mogelijkheden die Web 2.0 en de nieuwe open-source technologieën voor de web-developers bieden zijn zeer interessant en komen daarom uitgebreid aan de orde. In deze vierde druk is het hoofdstuk over JavaScript geheel herzien en aanzienlijk uitgebreid. Sinds de derde druk zijn de eerste twee hoofdstukken gebaseerd op HTML5 en CSS3, en bevat het hoofdstuk over UML een paragraaf over klassendiagrammen. Een oefentoets en grotere praktijkopdrachten zijn beschikbaar via de portal www.PraxticX.nl. Voor docenten die het boek voorschrijven zijn grote portfolio-opdrachten beschikbaar. Ik wil al mijn studenten en collegae van het ROC van Amsterdam bedanken voor hun feedback tijdens het maken van dit boek. Speciale dank voor Louis Trautwein voor zijn zorgvuldige commentaar. Daarnaast bedank ik Paul Post van Academic Service voor de plezierige en deskundige samenwerking. Ik heb dit boek met veel plezier geschreven en ik hoop dat zowel studenten als docenten er met veel plezier mee zullen werken. Amsterdam, maart 2014 Gabriel Sánchez Cano
Rich Media Sites Markup van de pagina Inschrijven Design van de pagina Inschrijven Markup van de pagina Nieuwsbrief Design van de pagina Nieuwsbrief Markup van de Resultatenpagina Design van de Resultatenpagina
3 JavaScript 3.1 Inleiding JavaScript 3.2 De scriptingtaal JavaScript 3.3 Ingebouwde functies 3.4 JavaScript-variabelen 3.5 Datatypes 3.6 Het Array-object 3.7 Array-methodes 3.8 Hash-arrays 3.9 Het Date-object 3.10 Beslissingsstructuren 3.11 Eigen functies 3.12 Lussen 3.13 Het Math-object 3.14 String-methodes 3.15 Algoritmes
6 SQL 6.1 Wat is SQL? 6.2 MySQL 6.3 De databaseadministrator 6.4 MySQL stringfuncties 6.5 Stored programma’s in MySQL-databases 6.6 Programmering met PHP en MySQL
255 255 255 260 275 283 294
7 UML 7.1 Inleiding UML 7.2 Modelleren met UML 7.3 Eisenanalyse met use case-diagrammen
305 305 307 307
Inhoud
7.4 7.5 7.6 7.7
vii
Van use case naar activiteitendiagram (workflow) Van activiteitdiagram naar sequentiediagram Het klassendiagram (class diagram) Object Oriented Programming
8 XML 8.1 Inleiding XML 8.2 XML en PHP
311 312 314 326 345 345 359
1
HTML5 en CSS3
1.1 Inleiding HTML5 1.1.1 Evolutie van HTML
HTML of HyperText Markup Language is in 1991 ontwikkeld door sir Tim Berners-Lee om wetenschappelijke documenten van het CERN toegankelijk te maken. Al snel werden de mogelijkheden van HTML onderkend en in de loop der jaren verschenen steeds betere browsers. Het World Wide Web Consortium (W3C) nam in 1996 de ontwikkeling van HTML over. De versie HTML 3.2 kwam in januari 1997 tot stand. In december 1997 volgde een eerste versie van de HTML 4-specificatie. Een eerste versie van HTML5 werd in januari 2008 gepubliceerd. Al in 2007 zei Steve Jobs dat HTML5 de software Flash overbodig zou maken. Hij herhaalde zijn woorden bij de introductie van de iPad in 2010. De belangrijkste aanpassingen in HTML5 zijn: het uniform afhandelen van fouten, body- en header-tags gebruiken is niet nodig (maar wel aan te raden), de mogelijkheid om een document logischer op te bouwen met elementen als <section>, <article>,