1
Dreamweaver CS5 in vogelvlucht
Beknopte geschiedenis en enkele basisbegrippen
De rol van HTML, CSS en JavaScript
Browsers: de stand van zaken
Belangrijke begrippen in Dreamweaver CS5
2
Kennismaken met de interface van Dreamweaver
Onderdelen van het Dreamweaver-venster
Geïntegreerde visuele en code-editor
Eigenschappen van elementen aanpassen
De gereedschapskist: het palet Invoegen
Uitgebreide CSS-mogelijkheden
3
Workshop – Uw eerste site in Dreamweaver CS5
Stap 1 – De lokale hoofdmap maken
Stap 2 – Een sjabloon maken
Stap 3 – De sjabloon opslaan
Stap 4 – De homepage maken
Een tweede pagina toevoegen
4
Workshop – Een site publiceren
Stap 1 – Servergegevens instellen
Stap 2 - De site uploaden
Stap 3 – De site bekijken
De site aanpassen en opnieuw synchroniseren
5
De werkomgeving van Dreamweaver CS5 in detail
Het documentvenster en de statusbalk
Inzoomen op delen van de pagina
Elementen plaatsen met het palet Invoegen
Werken met de codenavigator
Dreamweaver-voorkeuren instellen
Teksten typen en importeren
Tekst opmaken met de eigenschappencontrole
Lijsten en opsommingen maken
Sublijsten en tekst inspringen
Doel van CSS: het uiterlijk van elementen beheren
Hoe Dreamweaver met stijlen omgaat
Voorbeeld 1 – een CSS-stijl definiëren
Voorbeeld 2 – een CSS-klasse definiëren
CSS-eigenschappen uitschakelen
Een CSS-regel verwijderen voor een tekstdeel
CSS-regels verplaatsen naar extern stijlblad
Een beknopt overzicht van CSS-instellingen
8
Workshop – Paginaopmaak met CSS-AP-elementen
Stap 1 - Een nieuwe pagina maken
Stap 2 - Raster en hulplijnen instellen
Stap 5 - Inhoud voor de pagina invullen
Stap 6 - Gevorderd CSS – het menu vormgeven
Stap 7 - Suggesties – de site verder uitbouwen
Overwegingen bij het gebruik van afbeeldingen
Meer over grafische bestandstypen
Afbeeldingen invoegen op een pagina
Een afbeelding selecteren op de pagina
Eigenschappen van afbeeldingen aanpassen
Miniworkshop – Photoshop-bestanden invoegen in Dreamweaver
Miniworkshop – megapixelfoto’s invoegen
Tijdelijke aanduidingen voor afbeeldingen
Achtergrondafbeeldingen gebruiken
Enkele belangrijke richtlijnen voor achtergronden
Achtergronden een vaste positie geven
10
Workshop – Photoshop smart objects
Photoshop-bestand invoegen
Smart object in Dreamweaver aanpassen
Smart object in Photoshop aanpassen
Kopiëren vanuit Photoshop zonder smart object
11
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
12
Workshop – Een Spry-menu maken
De Spry-menubalk invoegen
Achtergrondinformatie – menu in HTML-code
13
Workshop – Meer Spry-onderdelen
Inklapbaar Spry-deelvenster
Tot slot – enkele aanbevelingen
14
Workshop – Flash-media invoegen
Flash-video: achtergrondinformatie
Een nieuw bestand maken in de website
Meer informatie over Flash-video
De structuur van een formulier in HTML
De informatie verzenden met knoppen
Achtergrondinformatie – het formulier door een script laten verwerken
Meer typen invoervelden voor formulieren
Formulieren opmaken met tabellen
Spry-gegevensvalidatie in formulieren
16
Dreamweaver CS5 en contentmanagementsystemen
Wat een contentmanagementsysteem is
WordPress downloaden en installeren
De WordPress-site in Dreamweaver maken
De site openen in Dreamweaver
Bestanden in het CMS selecteren
Teksten zoeken en vervangen
Afbeeldingen in een thema aanpassen
