cursus Dreamweaver CS6 voor gevorderden

Overzicht versie CC versie CS6 versie CS5 versie CS4 versie CS3

Leer een professionele website maken via Dreamweaver CS6. In deze cursus gaan we aan de slag met CSS en divs. We maken formulieren en breiden Dreamweaver uit. U leert werken met het box-principe en relatieve, absolute en fixed positionering en maakt kennis met de nieuwste trends: CSS framework 960gs, HTML5boilerplate, Modernizr, Initializr en leert omgaan met crossbrowsercompatibiliteit. Zo voegen we een CSS-reset invoegen in voor een optimaal resultaat in verschillende browsers. Tot slot leren we sociale media implementeren om zo een hoger bezoekersaantal te bekomen.

Registreer

Inhoudsopgave

Formulieren
Hoe kan je een contactformulier maken? Hoe kan je bestellingen registreren? We leren een formulier maken en de nodige instellingen doen om een deftige mail in onze mailbox te ontvangen.
CSS: inleiding
We overlopen alle mogelijke instellingen van Cascading Style Sheets. Wat zijn de voordelen en waarom moet je opmaak via CSS toekennen?
CSS: werken met klassen en id's
Wanneer gebruik je een klasse en wanneer een id? Wat zijn CSS-sjablonen en hoe kan je tijd besparen bij het bewerken van een site?
Een layout vormen
Waarom gebruikt men geen frames en tabellen meer? Wat zijn iframes? Waarom moet je divs gebruiken voor een paginaindeling?
Werken met verschillende schermgroottes
Welke resoluties bestaan er en hoe maak je een layout die op elke schermgrootte werkt? Hoe maak je mobiele websites voor smartphone en tablet?
Het boxmodel
Wat is een box en wat is het verschil tussen marge, opvulling en rand? Hoe bereken je de breedte en hoogte van een kader?
Divs positioneren
Hoe kan je divs positioneren via CSS?
Absolute positionering
Hoe kan je divs absoluut positioneren via CSS?
Relatief positioneren
Hoe kan je divs relatief plaatsen in een website?
Wrapper, header, container en footer
We maken met het vaakst voorkomende model een website.
Gefixeerde positionering
Hoe kan je met fixed posities een site maken? Wat is een sticky footer en hoe maak je er een?
Een praktisch voorbeeld
We maken een professionele website met relatief gepositioneerde divs
Gedragingen en JavaScript
Hoe kan je een formuliervalidatie doen? Hoe kan je de inhoud van een pagina beschermen? We leren behaviors en JavaScript in een pagina invoegen.
Dreamweaver uitbreiden
We gaan op zoek naar extensions en breiden Dreamweaver uit. Via fragmenten (snippets) besparen we ons veel werk.
Fireworks: initiatie
We leren werken met Adobe Fireworks en leren bitmaps bewerken en vectorieel tekenen
Fireworks: een weblayout maken
We leren een volledige site bouwen vanaf nul en tekenen eerst een layout in Fireworks om deze via divs en CSS om te zetten naar een heuse website.
Een fotoalbum maken
Met behulp van Fireworks laten we een automatisch fotoalbum genereren.
Foto's optimaliseren
Wat is optimaliseren en hoe zorg je dat afbeeldingen sneller inladen?
Crossbrowsercompatibiliteit
Hoe kan je ervoor zorgen dat een website in elke browser identiek vertoond wordt?Hoe test je een website in verschillende browsers? Wat is een CSS-reset en wie is Eric Meyer? Hoe test je een site voo
Sociale media implementeren in een website
Hoe kan je via sociale media meer bezoekers op je website bekomen?
960 Grid System
Hoe kan je via het gratis framework 960gs een website bouwen?
HTML5boilerplate
Wat is een boilerplate? Paul Irish maakte een knap geheel dat perfect gebruikt kan worden voor elke nieuwe website!
Modernizr
Hoe kan je via Modernizr alle opties uit HTML5 en CSS3 doen werken in elke browser?
Initializr
Hoe kan je via Initializr gebruiken voor HTML5boilerplate, responsive websites en bootstrap?
SEO: Jouw site op nr 1 in GOOGLE
Je eigen gastenboek maken(deel3)
Teken je eigen weblay-out in Fireworks: van concept tot realisatie!