03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Hoofdstuk 2: Werkruimte<br />

De werkruimte van <strong>Adobe</strong>® <strong>Dreamweaver</strong>® <strong>CS3</strong> bevat werkbalken, controlevensters en panelen die u gebruikt bij het<br />

bouwen van webpagina's. U kunt de algemene weergave en de werking van de werkruimte aanpassen.<br />

<strong>Dreamweaver</strong>-werkwijze en -werkruimte<br />

Overzicht <strong>Dreamweaver</strong>-werkwijze<br />

U kunt op verschillende manieren te werk gaan om een website te maken. Dit is er een van:<br />

Uw site plannen en opzetten<br />

Bepaal waar de bestanden moeten worden opgeslagen en verdiep u in de vereisten van de site, de profielen van uw publiek<br />

en de doelstellingen van de site. Denk ook na over technische vereisten, zoals gebruikerstoegang, en beperkingen van de<br />

browser, invoegtoepassingen en downloadmogelijkheden. Wanneer u uw gegevens hebt georganiseerd en een structuur<br />

hebt bepaald, kunt u uw site gaan maken. (Zie “Werken met <strong>Dreamweaver</strong>-sites” op pagina 38.)<br />

Uw sitebestanden organiseren en beheren<br />

In het paneel Bestanden kunt u bestanden en mappen heel eenvoudig toevoegen, verwijderen en van naam veranderen om<br />

de organisatie ervan naar eigen behoefte te wijzigen. Het paneel Bestanden bevat ook veel hulpmiddelen om uw site te<br />

beheren, bestanden over te brengen van en naar een externe server, een proces in te stellen voor het in- en uitchecken van<br />

bestanden om te voorkomen dat bestanden worden overschreven, en bestanden te synchroniseren op uw lokale en externe<br />

sites. Vanuit het middelenpaneel kunt u de elementen in een site eenvoudig organiseren. U kunt de meeste elementen<br />

rechtstreeks van het middelenpaneel naar een <strong>Dreamweaver</strong>-document slepen. Met <strong>Dreamweaver</strong> kunt u ook aspecten van<br />

uw <strong>Adobe</strong>®Contribute®-sites beheren. (Zie “Bestanden en mappen beheren” op pagina 74 en “Beheer van elementen en<br />

bibliotheken” op pagina 105.)<br />

Webpagina's indelen<br />

Kies de indelingstechniek die voor u het beste werkt, of gebruik een combinatie van indelingsopties van <strong>Dreamweaver</strong> om<br />

uw site vorm te geven. U kunt AP-elementen, CSS-positioneringsstijlen of vooraf gedefinieerde CSS-indelingen van<br />

<strong>Dreamweaver</strong> gebruiken om uw indeling te maken. Met de tabelgereedschappen kunt u snel pagina's ontwerpen door de<br />

paginastructuur te tekenen en aan te passen. Als u meer elementen tegelijk in een browser wilt weergeven, kunt u uw<br />

documenten indelen met behulp van frames. Tot slot kunt u nieuwe pagina's maken op basis van een <strong>Dreamweaver</strong>sjabloon,<br />

waarbij de indeling van deze pagina's automatisch wordt aangepast wanneer de sjabloon verandert. (Zie “Pagina's<br />

maken met CSS” op pagina 117 en “Pagina's opmaken met HTML” op pagina 166.)<br />

Inhoud toevoegen aan pagina's<br />

Voeg elementen en ontwerpelementen toe, zoals tekst, afbeeldingen, rollover-afbeeldingen, afbeeldingen met hyperlinks,<br />

kleuren, films, geluid, HTML-koppelingen, snelmenu's en nog veel meer. Voor elementen, zoals titels en achtergronden,<br />

kunt u ingebouwde functies gebruiken. U kunt rechtstreeks op de pagina typen of inhoud importeren van andere<br />

documenten. <strong>Dreamweaver</strong> beschikt ook over gedragingen voor het uitvoeren van taken als reactie op specifieke<br />

gebeurtenissen, bijvoorbeeld het valideren van een formulier wanneer de bezoeker op de knop Verzenden klikt, of het<br />

openen van een tweede browservenster wanneer de hoofdpagina klaar is met laden. Tot slot beschikt <strong>Dreamweaver</strong> over<br />

gereedschappen om de prestaties van de website te optimaliseren en om pagina's te testen op compatibiliteit met<br />

verschillende webbrowsers. (Zie “Inhoud toevoegen aan pagina's” op pagina 206.)<br />

Pagina's maken door ze zelf te coderen<br />

Een andere manier om pagina's te maken, is door ze zelf te coderen. <strong>Dreamweaver</strong> beschikt over eenvoudig te gebruiken<br />

visuele bewerkingsgereedschappen, maar ook over een geavanceerde codeeromgeving. U kunt een van beide of beide<br />

benaderingen gebruiken om uw pagina's te maken en te bewerken. (Zie “Werken met paginacode” op pagina 288.)<br />

12

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!