Voor alle duidelijkheid.

Dreamweaver is een programma waarmee we websites maken, een zogenaamde “What You See Is What You Get-editor”. Je typt dus op je scherm in, wat je straks in je browser wil zien. Het leuke van Dreamweaver is dat het erg simpel te gebruiken is.

In Dreamweaver werken we met een lokale site, dit is een site die zich bevindt in een map op uw computer. Heel deze map, of althans toch de inhoud ervan, brengen we over op de server (lees computer) van onze Host.
Beide mappen zijn identiek wat betreft de structuur en de bestanden.

Deze cursus werd gemaakt met de versie CS3 van Dreamweaver, maar het merendeel van deze cursus is van toepassing op elke versie.

 

Het Welkomstscherm

In het welkomstscherm hebben we drie kolommen, verdeeld in vier secties:

1. De eerste kolom, sectie “Open een recent object”, geeft ons een lijst met de laatst geopende objecten. Klikken op een naam uit de lijst opent dit bestand. Wens je een bestand te openen dat niet in deze lijst voorkomt, klik je de knop “Openen”. Hetzelfde bereik je door te klikken op de knop “Bestand” in de menubalk, en te kiezen voor “Openen” in de drop-downlijst.
2. De tweede kolom, sectie “Nieuw”, hebben we de mogelijkheid een nieuwe pagina te openen, zoals een HTML-pagina, een Coldfusion-pagina, een PHP-pagina etc. Vind je niet het juiste type, klik je de knop “Meer”. Dit opent een dialoogvenster met een lijst van alle type pagina’s, dat Dreamweaver kan maken. Hetzelfde bereik je door de knop “Bestand” te klikken in de menubalk, en te kiezen voor “Nieuw” in het drop-downlijst.
3. Bovenaan de derde kolom, sectie “Maken van sjabloon”, hebben we de mogelijkheid een nieuwe pagina te maken uit een sjabloon.
4. Onderaan de derde kolom in de sectie “Uitbreiden” hebben we de knop “Dreamweaver Exchange”. Wanneer je hierop klikt, opent dit de “Dreamweaver exchange” pagina. Hiervoor moet je uiteraard wel een verbinding hebben met het Internet. De Dreamweaver exchange pagina is een site waar je verschillende extensies kunt downloaden voor Dreamweaver, sommige zijn gratis, voor andere moet je betalen. Extensies zijn functies die je kunt toevoegen.
5. En onderaan de eerste kolom hebben we nog een aantal links die ons naar pagina’s op de Adobe website brengen.

Aan de rechterzijde van het venster vinden we de verschillende panelen. Door te klikken op het naar rechtswijzend pijltje naast de paneeltitel, open je dit paneel. Klik je nogmaals op dit pijltje sluit je het paneel.
Door te klikken en slepen op de puntjes helemaal links in de paneeltitel, kunnen we dit paneel verplaatsen.

Wens je dit welkomstscherm niet steeds te openen wanneer je Dreamweaver opstart, klik je het vakje “Niet opnieuw weergeven” onderaan het scherm zodat dit wordt aangevinkt.
De volgende maal je Dreamweaver opent zal het welkomstscherm niet meer verschijnen.

Wens je later terug het welkomstscherm te zien bij het opstarten van Dreamweaver, klik je “Bewerken” in de menubalk.
Kies je “Voorkeuren” in het drop-downmenu.
En in de categorie “Algemeen” klik je het vakje “Welkomstscherm tonen”.

 

Site definiëren

Wensen we de functies in Dreamweaver optimaal te gebruiken, moeten we deze site definiëren.
Om een site te definiëren klik je in de middelste kolom op de knop “Dreamweaver site…”, of klik je de knop “Site” in de menubalk.

In beide gevallen opent dit het dialoogvenster “Sitedefinitie”.

In het dialoogvenster “Sitedefinitie” hebben we twee tabbladen, “Basis” en “Geavanceerd”.

Met het tabblad “Basis”, definiëren we onze site op basis van een aantal velden, verdeeld over verschillende bladen in een wizard.

Voor het definiëren van een website hoef je enkel een lokale map in te stellen dus kies ik in dit voorbeeld voor het tabblad “Geavanceerd”, en kies “Lokale informatie” als categorie.

In het bovenste invulvak geven we een naam in voor onze site, maakt niet uit welke naam.
In het tweede invulvak selecteer je de map op jouw computer waar je alle pagina’s, en alles wat je toevoegt aan deze pagina’s, in wil opslaan.

Mocht je nog geen map hebben aangemaakt, kan je dit nog steeds doen door te klikken op de knop “Nieuwe map maken” in het dialoogvenster “Kies een lokale hoofdmap voor site …”.

Selecteer dus de map.
En klik de knop “Openen”.
Dit is voorlopig alles wat je moet invullen.
Klik de knop “OK”.

Zoals je ziet in onderstaande afbeelding heeft dit een nieuwe map gecreëerd in het paneel “Bestanden”.

Cursussen

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats