U maakt een site met verschillende pagina’s die onderling verbonden zijn. Op de pagina’s bewerkt u tekst, plaatst u afbeeldingen en maakt u hyperlinks. Deze oefening is een voorproefje van wat er mogelijk is met Dreamweaver.

In de praktijk zal het vaak voorkomen dat een bestaande website moet worden aangepast. In deze oefening leert u hoe u met Dreamweaver een verbinding met een webserver tot stand brengt, bestanden downloadt en importeert naar de lokale hoofdmap, deze bewerkt en weer uploadt naar de webserver.

In hedendaags webdesign is een verschuiving te zien van het gebruik van tabellen en frames naar CSS voor de lay-out van webpagina’s. Nadat u in het voorafgaande hoofdstuk kennis hebt gemaakt met CSS en tekstopmaak, gaat u in deze en de volgende oefeningen pagina’s indelen op basis van CSS. In dit hoofdstuk doet u dat op basis van elementen die een absolute positie hebben. U leert daarnaast werken met belangrijke hulpmiddelen als rasters, linialen en hulplijnen.

In deze oefening maakt u een paginaopmaak op basis van elementen die een relatieve positie ten opzicht van elkaar hebben. U maakt gebruik van een in Dreamweaver beschikbare standaard lay-out. Deze wordt aangepast aan uw eigen wensen met behulp van het definiëren van stijlregels in het CSS palet. Voor de gevorderde cursist wordt de CSS code geanalyseerd.

Rollovers behoren tot de populairste effecten op een webpagina. Bij een rollover wordt als de muisaanwijzer op een afbeelding staat, deze verwisseld voor een andere afbeelding. Vaak worden rollovers gebruikt in combinatie met knoppen die een aktie op gang brengen. In deze oefening leert u hoe u met Dreamweaver eenvoudig een rollover kunt maken zonder zelf Javascript te leren.

Een fatsoenlijke webpagina heeft een navigatiestructuur. In Dreamweaver kan deze automatisch worden gegenereerd door het invoegen van een navigatiebalk. U maakt in deze oefening een navigatiebalk die opgebouwd is uit een serie rollovers.

Voor een geavanceerde flexibele navigatiestructuur is er echter meer nodig. Dreamweaver biedt dit met een combinatie van het Spry framework en CSS. Het Spry framework maakt het mogelijk de menustructuur uit te breiden, met CSS kan de opmaak naar eigen smaak worden aangepast. Uiteraard maakt u in deze oefening een spry-menubalk, maar ook een inklapbaar deelvenster op basis van het Spry framework. Voor de fanatiekelingen wordt er ook in de code gekeken.

Interactiviteit geeft een extra dimensie aan een webpagina. U hebt in het voorafgaande hoofdstuk kennis gemaakt met gedragingen en gebeurtenissen in Dreamweaver. In deze oefening past u de verworven kennis toe bij het maken van een fotoalbum op basis van gelaagde elementen. Uw CSS-kennis wordt verder uitgebreid bij het aansturen van de gelaagde elementen. Ook Spry komt weer aan de orde in de vorm van een spectaculair effect.

YouTube op uw eigen website. Dat kan Dreamweaver in samenwerking met Flash. Voordat u een Flash-video gaat invoegen, leert u in deze laatste oefening eerst hoe u met de Flash Video Encoder videobestandsformaten als mov, avi, dv en wmv converteert naar een beter voor het internet geschikt formaat. Bij het importeren van de video kunt u kiezen uit een aantal fraaie Flash besturingspanelen.

Aan de orde komen o.a. bestandstypen (gif en jpeg), grafische archieven op internet, Photoshopbestanden invoegen en bewerken vanuit Dreamweaver.

Verschillende typen hyperlinks en afbeeldingen met hyperlinks worden besproken.

U leert tabellen invoegen, tabellen en cellen bewerken en tabellen sorteren.