- Document aanmaken in Illustrator
- 1 Schermformaat bepalen voor webontwerp infoBekijk gratis 03:12
- 2 Web document aanmaken in Adobe Illustrator01:38
- 3 Maateenheden in pixels zetten01:45
- 4 Hulplijnen gebruiken02:16
- Grid en kolomstramien aanmaken en toepassen
- 5 Grid instellen02:34
- 6 12-koloms stramien maken02:21
- 7 Raster magnetisch maken en Objecten uitlijnen op pixelraster04:28
- 8 10-, 8- en 6-koloms stramien en bijbehorend grid maken01:21
- Grid en kolomstramien voorbereiden en exporteren
- 9 Handmatig grid tekenen voor export04:56
- 10 Grid tekenen met raster-gereedschap02:31
- 11 Afbeelding van grid toepassen in html-pagina01:14
- Weblayout ontwerpen in Adobe Illustrator
- 12 Google Fonts Synchroniseren met Sky Fonts06:59
- 13 Document opbouwen met lagen03:07
- 14 Raster, stramien en hulplijnen activeren02:26
- 15 Vormgeven van de header05:14
- 16 Vormgeven van de navigatiebalk00:58
- 17 Vormgeven van het content gebied02:03
- 18 Vormgeven van de footer02:42
- illustrator ontwerp klaarmaken voor html-ontwerp
- 19 Delen van ontwerp splitsen in afbeeldings-segmenten04:10
- 20 Segmenten bewerken, tonen en verbergen03:10
- 21 Segmenten wegschrijven naar afbeeldingen04:09
- 22 Kennismaken met CSS-stijlen in Illustrator02:31
- 23 Illustrator CSS-stijlen kopiëren naar html05:54
- 24 Ontwerp omzetten in printbestand met maatvoering02:39
- Ontwerp omzetten in fixed (static) webdesign
- 25 Overzicht html-structuur ontwerp04:00
- 26 Basisstructuur met sections en div’s beschrijven in html03:22
- 27 Wrapper bouwen met grid en kolomstramien03:02
- 28 Header – sprite met social icons plaatsen06:12
- 29 Header – oranje balk plaatsen02:32
- 30 Header – telefoonblokje plaatsen02:33
- 31 Header – logo plaatsen04:47
- 32 Banner – Achtergrondafbeelding plaatsen02:22
- 33 Banner – Kleurvlak en opsommingslijst05:17
- 34 Navigatie – Horizontale menubalk vormgeven05:32
- 35 Navigatie – Google Fonts toepassen en mouse-overs vormgeven04:29
- 36 Content – Layout structureren in html (section & article)03:27
- 37 Content – 3-koloms layout vormgeven01:41
- 38 Content – Teksten opmaken en vormgeven07:17
- 39 Footer – Layout structureren in html02:06
- 40 Footer – 4-koloms layout vormgeven02:17
- 41 Footer – Footermenu opmaken en vormgeven05:13