1
Dreamweaver CS4 in vogelvlucht
Een rondje geschiedenis en enkele basisbegrippen
Enkele basisbegrippen op internet
De rol van HTML, CSS en JavaScript
Browsers: de stand van zaken
Belangrijke begrippen in Dreamweaver CS4
2
Kennismaken met de Dreamweaver-interface
Onderdelen van het Dreamweaver-venster
Geïntegreerde visuele en code-editor
Eigenschappen van elementen aanpassen
De gereedschapskist: het palet Invoegen
Uitgebreide CSS-mogelijkheden
Verdwenen in Dreamweaver CS4
3
Workshop - Uw eerste site in Dreamweaver CS4
Stap 1 - De lokale hoofdmap maken
Stap 2 - Een sjabloon maken
Stap 3 - De homepage maken
Een tweede pagina toevoegen
4
De werkomgeving van Dreamweaver CS4 in detail
Het documentvenster en de statusbalk
Inzoomen op delen van de pagina
Elementen plaatsen met het palet Invoegen
Werken met de Code-navigator
Dreamweaver-voorkeuren instellen
5
Workshop - Een bestaande site importeren
De site aanpassen, uploaden en opnieuw synchroniseren
Teksten typen en importeren
Tekst opmaken met Eigenschappencontrole
Lijsten en opsommingen maken
Sublijsten en tekst inspringen
Voorbeeld 1 - een CSS-stijl definiëren
Voorbeeld 2 - een CSS-klasse definiëren
Een CSS-regel verwijderen voor een tekstdeel
Een beknopt overzicht van CSS-instellingen
7
Workshop - Paginaopmaak met CSS-AP-elementen
Raster en hulplijnen instellen
Inhoud voor de pagina invullen
Gevorderd CSS - het menu vormgeven
Suggesties - de site verder uitbouwen
8
Workshop - CSS-lay-outs aanpassen
Stijlen aanpassen via het palet Huidig
Achtergrondinformatie - verschillende typen CSS-indelingen
Een ander type CSS-lay-out kiezen - stijlpagina extern opslaan
Nieuwe pagina op bestaande stijl baseren
Gevorderd gebruik - de CSS-code bekijken
Achtergrondinformatie - de functie van afbeeldingen
Overwegingen bij het gebruik van afbeeldingen
Meer over grafische bestandstypen
Hoe kom ik aan afbeeldingen? Enkele tips
Afbeeldingen invoegen op een pagina
Eigenschappen van afbeeldingen aanpassen
Miniworkshop - Photoshop-bestanden invoegen in Dreamweaver
Miniworkshop - megapixelfoto’s invoegen
Tijdelijke aanduidingen voor afbeeldingen
Achtergrondafbeeldingen gebruiken
Enkele belangrijke richtlijnen als u werkt met achtergronden
Achtergronden een vaste positie geven
10
Workshop - Een rolloverafbeelding maken
De rolloverafbeelding invoegen
Opmerkingen over rolloverafbeeldingen
11
Workshop - Photoshop smart objects
Photoshop-bestand invoegen
Smart object in Dreamweaver aanpassen
Smart object in Photoshop aanpassen
Kopiëren vanuit Photoshop zonder smart object
12
Geavanceerde typen hyperlinks
De verschillende typen hyperlinks op een rijtje
Werken met benoemde ankers
Zelf bestanden aanbieden om te downloaden
Een nieuw browservenster openen
Koppelingen op de site valideren
Afbeeldingen met hyperlinks en hotspots
13
Workshop - Een Spry-menu maken
De Spry-menubalk invoegen
Achtergrondinformatie - menu in HTML-code
14
Workshop - Meer Spry-onderdelen
Inklapbaar Spry-deelvenster
Tot slot - enkele aanbevelingen
Inleiding: waaruit bestaat een HTML-tabel?
Tekst binnen cellen verder opmaken
16
Interactieve sites met gedragingen
Inleiding: wat zijn gedragingen?
Een stappenplan voor gedragingen
Het palet Gedragingen gebruiken
Zelf gedragingen toevoegen
Een Spry-effect toevoegen
Overige gedragingen - naslag
Meer gedragingen downloaden van internet
17
Workshop - Een fotoalbum met lagen en effecten
De lagen een duidelijke naam geven
De gedragingen voor de laag instellen
Gedragingen koppelen aan het menu
Een Spry-effect toevoegen
18
Workshop - Flash-media invoegen
Flash-video: achtergrondinformatie
Een nieuw bestand maken in de website
Meer informatie over Flash-video
