Creatief in Dreamweaver

Adobe Dreamweaver

Duurtijd: 3 dagen

Voorkennis: U hoeft geen ervaring te hebben met ontwikkeling van websites. Wel ervaring met mapstructuur van Windows en met het gebruik van internet. Ervaring met HTML en CS Szou zeer van pas komen, maar is niet noodzakelijk

Doel: Tijdens deze training denken we samen na over de creatie van een website en gaan we meteen practisch aan de slag.

Inhoud:

Inleiding

Dynamische of statische website?
Dreamweaver Interface
Code- en Design view
Preview in browser(s)

Een site opzetten Een website maken

Eh, wat is een website eigenlijk?
Structuur, presentatie en interactie

Codetalen op het web

Korte geschiedenis van webtalen
Het gebruik van webstandaards
Werken met broncode
Documenttype
Header
Body
Uw eerste webpagina

Tekst opmaak

CSS syntax
Plaatsing van stijlblad
Lettertype
Tekstgrootte
Klasse-selectors
Big en small
Eenheden voor de tekst-grootte (en veel andere elementen)
Handig gebruik van em-waarden
Vette tekst
Cursieve tekst
Diverse andere opmaak-elementen voor tekst
Onderlijnen
Doorstrepen
Hoofdletters en kleine letters
Afkortingen
Superscript en Subscript
Irriteren
Interlinie of regelafstand
Horizontale witruimte
Entiteiten
Commentaar

Block-elementen

Alinea's en uitlijning
Headlines
Blockquotes
Indentering
Spatiëring
Tekst afbreken
Verticale witruimte
Pre-formatted tekst
Tekst-richting

Lijsten

Ongeordende lijsten
Geordende lijsten

Kleuren en lijnen

Tekst kleur geven
Horizontale lijnen
Een achtergrondkleur geven
Een achtergrondbeeld gebruiken
Randen een kleur geven

Afbeeldingen en objecten

Soorten afbeeldingen
Het image-element
Imagemaps en de Area-tag
Objecten
Flash

Hyperlinks

De anchor-tag en linksoorten
Afbeeldingen linken
Kleuren voor de anchor-tag en pseudo-klassen
Link-tags in de Header
Het title-attribuut
Cursorstijlen

Navigatie en menu-sytemen

Gewone tekstlinks
Lijst-menu

Werken met Dreamweaver Templates

Editable regions
Library items
Snippets

JavaScript en Event-handlers / Dreamweaver behaviors

Swap image
Een printknop
Popupvenster maken
Popups sluiten
Gecentreerde popup
Automatische herverwijzing
Een beetje DOM

Tabellen

Breedte en hoogte van tabellen en cellen
Tabel-hoogte
Samenvoegen van tabelcellen
Uitlijnen van tabellen en tabelcellen
Geneste tabellen
Vormgeven van tabellen
Tabel met afgeronde hoeken

CSS media-types

Een print-css maken

Formulieren

Attributen van de form-tag
Formulier-elementen
Hidden input
Vormgeving van het formulier
Labels
Fieldsets
Formulier-validatie
'Oneigenlijk' gebruik van formulier-elementen

Frames Site beheer

Dreamweaver FTP
Zoeken en vervangen
Source formatting
Clean up code
Checking links
Meta-tags

Meer informatie
Brochure aanvragen