De éérste versie van webeditor Adobe Dreamweaver in het Nederlands(zie video van de uitreiking onder de tab 'Over auteur Patrick Petersen'). Adobe Dreamweaver CS3 Nederlandse versie kent opnieuw professionele toevoegingen.

Het nog makkelijker werken met CSS, nieuwe standaard lay-outs en de nieuwe AJAX-effecten genaamd SPRY maken dit tot een volwaardige opvolger van Adobe Dreamweaver versie 8. Van dezelfde auteur als Dreamweaver 8 en opnieuw volledig in kleur en voorzien van praktijkcases van DELTA, AtMost, Van Dam, AtMostMailSysteem, MarcelvanDam.COM, TU Delft, Bedstore, Auping, Trendhopper, TNT-Prime Vision en meer.

Auteur: Patrick Petersen (eigenaar bureau AtMost)
Uitgeverij: Pearson Education
Prijs: 19,95 euro(full-colour), per direct verkrijgbaar in Nederland & Belgïe.

Docent-trainer, schrijver, programmeur, editor, usability-specialist, online marketeer en bureau eigenaar Patrick Petersen(1972) heeft reeds diverse boeken op zijn naam.

Als ervaren docent(sinds 1995) traint hij sinds 1998 in het pakket Dreamweaver en aanverwante webtechnieken plus ook op gebied van online marketing en usability.

Het trainersvak combineert hij met het aansturen van de internetbureau's CCIC en AtMost. Deze jarenlange ervaring is samengevat in dit Dreamweaver boek 'Dreamweaver CS3, de basis' . Een praktijkgerichte training in full-colour die verder gaat dan zomaar een basis.

Zo komt het gebruik van AJAX en database-koppelingen ruim aan bod in dit kleurrijke boek.

Zie tevens de blogs www.patrickpetersen.nl of www.onlinemarketeer.tv voor zijn visie, ervaring en cases.

Mail de auteur: patrick@atmost.nl

Onderstaande inhoud is een voorbeeld op basis van de Engelse versie.

Cases in het boek zijn van onder andere:

en AtMost, Marc Petersen(Art Director, eigenaar VormgevenNL)


INLEIDING

INTRODUCTIE DREAMWEAVER CS3

1.1 Dreamweaver bedient verschillende doelgroepen 14
1.2 Toegenomen mogelijkheden 15
1.2.1 Zwaardere webtechniek 15
1.2.2 Dreamweaver 3: complexere websites maken 16
1.2.3 Dreamweaver 4: meer techniek gemakkelijk gemaakt 16
1.2.4 Macromedia MaXimized met Dreamweaver MX 17
1.2.5 Dreamweaver MX 2004 en versie 8
1.3 Welkom bij Dreamweaver CS3
1.3.1 Nieuw in Dreamweaver versie CS3
1.4 Samenwerking tussen verschillende soorten software 22

2 STARTEN MET DREAMWEAVER CS3
2.1 De lay-out na het opstarten 30
2.2 Direct upgraden naar versie 8.01 30
2.3 Het startscherm 31
2.3.1 De onderdelen van het scherm 32

INHOUD
2.4 De panelen en werkbalken 34
2.4.1 Insert en Properties 34
2.4.2 Meer handige werkbalken 37
2.5 Meer panelen 41
2.5.1 Het paneel CSS 41
2.5.2 Het paneel Layers 42
2.5.3 Het paneel Application 42
2.5.4 Het paneel Tag Inspector 43
2.5.5 Het paneel Behaviors 43
2.5.6 Het paneel Files 43
2.5.7 Het paneel Frames 44
2.5.8 Het paneel History 44
2.6 Omgaan met panelen en groepen 45
2.6.1 Eigenschappen van panelen 45

3 EEN NIEUWE WEBPAGINA AANMAKEN 46
3.1 Van start gaan in Dreamweaver CS3 48
3.2 Een nieuw document aanroepen 48
3.3 Het W3C reguleert 49
3.3.1 Het W3C en Dreamweaver 49
3.3.2 Het W3C en HTML 49
3.3.3 Dreamweaver en HTML 50
3.4 Dreamweaver en XHTML 51
3.5 Dreamweaver zet de code klaar 52
3.5.1 Uitleg van de basisstructuur 53
3.6 De voorkeuren in Dreamweaver 58
3.7 De eerste stappen in Dreamweaver 60

4 WERKEN MET DE SITE MAP EN FTP 62
4.1 Websites als onderdeel van een strategie 64
4.2 De website als project 65
4.2.1 De voorbereiding, opzet en verzameling 65
4.2.2 De start van het project 66
4.3 Een Site Definition aanmaken 67
4.3.1 De optie None 72
4.3.2 De optie FTP 72
4.3.3 De optie Local/Network 73
4.3.4 De optie WebDAV 74
4.3.5 De optie RDS 74
4.3.6 De optie Microsoft Visual SourceSafe 74
4.4 Advanced Site Definition 76
4.4.1 Instellingen maken 76
4.5 Voordelen van een Site Definition 77
4.6 De boomstructuur en het paneel Files 78
4.6.1 De boomstructuur opslaan 80
4.6.2 Links valideren 80
4.7 De weergave aanpassen van de Site Map 80
4.8 De Local en Remote Site 81

5 WERKEN MET TEKSTEN EN TEKSTOPMAAK 84
5.1 Tekst typen in Dreamweaver 86
5.2 De eerste tekstopmaak 87
5.3 Alinea’s en witregels 88
5.4 Lettertypen gebruiken 89
5.4.1 De lijst met lettertypen 91
5.5 Opsommingen maken 92
5.6 De basistekst kleuren 92
5.6.1 Een tekstselectie kleuren 93
5.7 Tekst importeren 94
5.8 Tekst uitlijnen 95
5.8.1 Tekst volledig uitlijnen 96
5.9 Entiteiten invoegen 97
5.9.1 Entiteiten visueel invoegen 97
5.9.2 Een horizontale lijn invoegen 98
5.9.3 Een kleur toekennen aan de lijn 99

6 HYPERLINKS 100
6.1 Een hyperlink vormt de essentie
van het internet 102
6.2 Een tekstlink aanbrengen en
verwijderen 102
6.3 Een plaatje linken 104
6.3.1 Een afbeelding invoegen 105
6.3.2 De afbeelding linken 107
6.3.3 Een hotspot toevoegen 109
6.4 Flashlinks en flashknoppen
invoegen 112
6.4.1 Flashknoppen invoegen en
linken 113
6.5 De verschillende soorten links 114
6.5.1 De verschillende soorten
links gebruiken 114
6.5.2 Een absolute link aanmaken 115
6.5.3 Een relatieve link aanmaken 115
6.5.4 Een mailtolink aanmaken 115
6.5.5 Een interne link aanmaken 116
6.6 De links opmaken 117

7 CASCADING STYLE SHEETS 120
7.1 Wat zijn Cascading Style Sheets? 122
7.1.1 Hoe ziet de code eruit? 122
7.2 CSS in Dreamweaver 8 124
7.2.1 De soorten CSS-stijlen in
Dreamweaver 125
7.3 De CSS in Dreamweaver 8
aanmaken 125
7.3.1 Bewust een CSS aanmaken 127
7.4 Een class aanmaken met CSS 132
7.4.1 Een class verschilt van een
tag 133
7.4.2 Links opmaken met CSS 133
7.5 CSS-opmaak verwijderen 135
7.6 Een stijl selecteren en aanpassen 135
7.7 Externe CSS-stijlen maken en gebruiken

7.8 CSS-stijlen verwijderen 136
7.9 Kant-en-klare CSS-opmaak 136
7.9.1 Een lay-out opbouwen met CSS 138

8 PAGINA’S ONTWERPEN MET TABELLEN 140
8.1 Waarom worden tabellen gebruikt? 142
8.1.1 De discussie: tabellen of lagen 142
8.2 Een tabel aanmaken 143
8.2.1 Een tabel snel opmaken 145
8.3 Een tabel vullen en aanpassen 146
8.3.1 De eigenschappen van het paneel Tabellen 147
8.4 De celeigenschappen 148
8.4.1 De celkleur aanpassen 148
8.4.2 De celcontent opmaken 149
8.5 De tabel absoluut of relatief opmaken 151
8.5.1 De cellen gelijk verdelen in procenten 152
8.5.2 Vastzetten en losmaken 153
8.6 De tabellay-out maken 153
8.7 Tabelontwerp in de praktijk 154
8.7.1 Complexere tabelstructuren 155
8.8 Tabellen opmaken met CSS 157
8.8.1 CSS-stijlen voor het aanmaken
van tabellen 157

9 PAGINA’S ONTWERPEN MET LAGEN 160
9.1 Lagen versus tabellen 162
9.1.1 De discussie: tabellen of lagen 162
9.1.2 Omgaan met lagen in Dreamweaver 164
9.2 Een laag aanmaken 165
9.2.1 De laag vergroten,
verkleinen en verplaatsen 165
9.3 De eigenschappen van Layers 167
INHOUD
9.3.1 De laag opmaken met
behulp van het paneel 168
9.4 Lagen stapelen en de ligging
aanpassen 168
9.4.1 Lagen aan- en uitzetten 169
9.4.2 Lagen niet stapelen 169
9.5 Een laag laten bewegen 170
9.5.1 Een tijdslijn aanmaken 171
9.5.2 De tijdslijnbeweging verder
aanpassen 172
9.5.3 De tijdslijn laten bewegen in
de browser 172
9.5.4 De tijdslijn een snelheid
geven 173
9.5.5 De tijdslijn en de code
verwijderen 174
9.6 Effect: lagen wel of niet laten zien 174

10 WERKEN MET GRAFISCHE BESTANDEN 178
10.1 Afbeeldingen in webpagina’s 180
10.1.1 Soorten afbeeldingen 182
10.1.2 Afbeeldingen bewerken en aanmaken 183
10.2 Geschikte bestanden 184
10.2.1 Het originele bestand 184
10.2.2 Foto’s van anderen 184
10.3 Een afbeelding invoegen 185
10.3.1 Een afbeelding verkleinen 186
10.3.2 Een afbeelding bijwerken 187
10.4 Marges aanpassen 188
10.5 Een CSS toepassen 188
10.6 Een hotspot plaatsen en een Rollover Image maken 190

11 WERKEN MET SJABLONEN 192
11.1 Sjablonen zijn templates 194
11.1.1 Voordelen van sjablonen 195
11.2 De sjabloon voorbereiden 196
11.3 De basispagina voor de sjabloon aanmaken 197
11.3.1 Van basispagina tot sjabloon 201
11.3.2 Een pagina maken op basis van de sjabloon 202
11.3.3 Nieuwe pagina’s aanmaken 203
11.4 Wijzigingen doorvoeren vanuit de sjabloon 205
11.5 Pagina’s losmaken van de sjabloon 206

12 WERKEN MET FRAMES 210
12.1 Wat zijn frames? 212
12.1.1 JavaScript 213
12.1.2 Gemakkelijk framesets creëeren 215
12.2 Een ontwerp aanmaken 216
12.3 De frameset instellen en opmaken 217
12.3.1 De titel instellen 218
12.4 Losse frames in de frameset 219
12.5 Links aanbrengen met frames 220
12.6 Een inline frame 222
12.6.1 Een inline frame invoegen 223

13 INTERACTIEVE FORMULIEREN MET BEHAVIOURS 226
13.1 Interactie met de bezoeker 228
13.2 Formulieren op een website plaatsen 229
13.2.1 De formulierelementen 230
13.3 Een formuliertabel aanmaken 231
13.3.1 De formulierelementen in de tabel plaatsen 232
13.4 De eigenschappen van de formulierelementen 233
13.4.1 Formulierelementen instellen 234
13.5 Het formulier verzenden 236
13.6 Een formulier valideren 237
13.7 Een formulier aan een database koppelen 239

14 MEER WEBEFFECTEN EN BEHAVIORS 240
14.1 Webeffecten toevoegen 242
14.1.1 Diverse webeffecten 242
14.1.2 De code van een effect 243
14.2 De lijst van effecten bekijken 243
14.3 Een effect timen 245
14.3.1 Behaviors timen 245
14.4 Een uitklapmenu maken 246
14.5 Afbeeldingen laten veranderen 248
14.5.1 Veranderende afbeeldingen maken 248

15 EEN DATABASE KOPPELEN 254
15.1 Een dynamische website 256
15.1.1 Benodigdheden 256
15.1.2 Mogelijke toepassingen met Dreamweaver 257
15.1.3 De databasekeuze 258
15.1.4 De scripttaalkeuze 258
15.2 Een databasekoppeling voorbereiden 259
15.3 Een dynamisch overzicht maken 260
15.3.1 De database bekijken 260
15.3.2 De Data Source Name (DSN) 261
15.3.3 De webserver 263
15.3.4 De site map in Dreamweaver 263
15.3.5 De interface in Dreamweaver 264
15.3.6 Content plaatsen 264