-
ADOBE DREAMWEAVER CS3 ® HANDBOEK ®
-
© 2007 Adobe Systems Incorporated. Alle rechten voorbehouden. Copyright Adobe® Dreamweaver® CS3 Handboek voor Windows® en Macintosh Als bij dit handboek software wordt geleverd waarvoor een gebruiksrechtsovereenkomst geldt, worden dit handboek en de software die erin wordt beschreven, geleverd onder licentie en mogen de software en het handboek alleen worden gebruikt of gekopieerd in overeenstemming met de bepalingen in de licentie.
-
iii Inhoud Hoofdstuk 1: Aan de slag Installatie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 Adobe Help Bronnen Nieuw ...............................................................................1 ..................................................................................4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
-
iv Pagina's opmaken in lay-outmodus Frames gebruiken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .183 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .193 Hoofdstuk 8: Inhoud toevoegen aan pagina's Werken met pagina's . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
-
v Een Dreamweaver-sjabloon maken Bewerkbare gebieden maken Herhalingsgebieden maken . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .377 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .380 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .381 Optionele gebieden gebruiken . . . . . . . . . . . . . . . . . .
-
vi Hoofdstuk 19: Pagina's dynamisch maken De werkruimte optimaliseren voor visuele ontwikkeling Dynamische pagina's ontwerpen Overzicht van dynamische inhoudsbronnen Panelen voor dynamische inhoud . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .512 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .515 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .516 . . . . . . . . . . . . . . . .
-
1 Hoofdstuk 1: Aan de slag Hebt u de nieuwe software nog niet geïnstalleerd, lees dan eerst de informatie over de installatie en andere voorbereidende werkzaamheden. Neem voordat u met de software aan de slag gaat eerst even de tijd om het overzicht te bekijken van de Help van Adobe en de vele andere bronnen die beschikbaar zijn voor gebruikers. U hebt toegang tot instructievideo's, insteekmodules, sjablonen, gebruikersgroepen, cursussen, handleidingen, RSS-feeds en nog veel meer.
-
DREAMWEAVER CS3 2 Handboek In-product en LiveDocs Help De Help in het product geeft toegang tot alle documentatie- en instructiemateriaal dat beschikbaar is op het moment dat de software wordt verzonden. U kunt de Help weergeven via het menu Help in uw Adobe-product. LiveDocs Help bevat de volledige inhoud van de Help in uw product, inclusief updates en koppelingen naar aanvullend instructiemateriaal dat op het web beschikbaar is.
-
DREAMWEAVER CS3 3 Handboek Met deze voorzieningen in de Help hebt u ook toegang tot instructiemateriaal van andere Adobe-producten: • Onderwerpen kunnen koppelingen bevatten naar de Help-systemen van andere Adobe-producten of naar extra inhoud op het internet. • Sommige onderwerpen worden gedeeld door twee of meer producten.
-
DREAMWEAVER CS3 4 Handboek Sneltoetsen voor knoppen op de Help-werkbalk (Windows) Knop Vorige Alt+Pijl-links Knop Volgende Alt+Pijl-rechts Afdrukken Ctrl+P Knop Info Ctrl+I Menu Bladeren Alt+Pijl-omlaag of Alt+Pijl-omhoog om Help om een andere toepassing weer te geven Zoekvenster Ctrl+S om het invoegpunt in het zoekvenster te plaatsen Sneltoetsen voor navigatie door de Help (Windows) • Druk op Ctrl+Tab (vooruit) of Shift+Ctrl+Tab (achteruit) om van het ene naar het andere deelvenster te gaan.
-
DREAMWEAVER CS3 5 Handboek U kunt Adobe Video Workshop gebruiken om meer te weten te komen over alle Creative Suite 3-producten. Veel video's laten zien hoe u Adobe-toepassingen samen moet gebruiken. Wanneer u Adobe Video Workshop start, kunt u de producten kiezen waarover u meer wilt weten en de onderwerpen kiezen die u wilt lezen. U kunt details over elke video weergeven om na te gaan welke video's voor u van belang zijn.
-
DREAMWEAVER CS3 6 Handboek Handleidingen en bronbestanden Adobe Video Workshop bevat trainingen voor beginners en ervaren gebruikers. Verder bevinden zich hier ook video's over nieuwe functies en belangrijke technieken. Elke video behandelt één onderwerp en duurt meestal ongeveer 3 tot 5 minuten. De meeste video's worden geleverd met een geïllustreerde handleiding en bronbestanden, zodat u de gedetailleerde stappen kunt afdrukken en zelf met de handleiding aan de slag kunt gaan.
-
DREAMWEAVER CS3 7 Handboek beschikbaar als u het desbetreffende gereedschap selecteert. Als u bij het maken van een effect of afbeelding niet helemaal bij nul wilt beginnen, gebruikt u de bibliotheken met voorinstellingen om inspiratie op te doen. Sjablonen Sjabloonbestanden kunt u vanuit Adobe Bridge CS3 openen en bekijken, of openen vanuit het Welkomstscherm of direct vanuit het menu Bestanden.
-
DREAMWEAVER CS3 8 Handboek Opmerking: Bridge Home is mogelijk niet beschikbaar in alle talen. Adobe Design Center In het Adobe Design Center vindt u artikelen, inspiratie en aanwijzingen van experts uit de branche, topontwerpers en uitgeverspartners van Adobe. Maandelijks wordt nieuwe inhoud toegevoegd. Er zijn honderden handleidingen beschikbaar voor ontwerpproducten en leertips en -technieken, via video's, HTMLhandleidingen en voorbeeldhoofdstukken.
-
DREAMWEAVER CS3 9 Handboek Bezoek Adobe Design Center op www.adobe.com/designcenter. Adobe Developer Center Adobe Developer Center biedt voorbeelden, handleidingen, artikelen en groepshulpmiddelen voor ontwikkelaars die met Adobe-producten krachtige internettoepassingen, websites, mobiele inhoud en andere projecten bouwen. Het Developer Center bevat ook hulpmiddelen voor ontwikkelaars die insteekmodules voor Adobe-producten ontwikkelen.
-
DREAMWEAVER CS3 10 Handboek • Forums, wiki-gebaseerde inhoud en andere gezamenlijke hulpmiddelen voor een betere interactie met de interactie met gelijkgestemde ontwikkelaars Adobe Labs moedigt een gezamenlijk software-ontwikkelingsproces aan. In deze omgeving behalen klanten snel interessante resultaten met nieuwe producten en technologieën.
-
DREAMWEAVER CS3 11 Handboek Controle van de browsercompatibiliteit De nieuwe functie voor het controleren van de browsercompatibiliteit in Dreamweaver genereert rapporten voor het opsporen van CSS-problemen met de weergave in een verscheidenheid aan browsers. In de codeweergave worden problemen met een vlag gemarkeerd, zodat u precies kunt nagaan wat het probleem is.
-
12 Hoofdstuk 2: Werkruimte De werkruimte van Adobe® Dreamweaver® CS3 bevat werkbalken, controlevensters en panelen die u gebruikt bij het bouwen van webpagina's. U kunt de algemene weergave en de werking van de werkruimte aanpassen. Dreamweaver-werkwijze en -werkruimte Overzicht Dreamweaver-werkwijze U kunt op verschillende manieren te werk gaan om een website te maken.
-
DREAMWEAVER CS3 13 Handboek Een webtoepassing instellen voor dynamische inhoud Veel websites bevatten dynamische pagina's waarmee bezoekers gegevens kunnen bekijken die in databases zijn opgeslagen, en waarmee sommige bezoekers gewoonlijk nieuwe gegevens aan de databases kunnen toevoegen of bestaande gegevens kunnen bewerken. Als u dergelijke pagina's wilt maken, moet u eerst een webserver en toepassingsserver instellen, een Dreamweaver-site maken of wijzigen, en verbinding maken met een database.
-
DREAMWEAVER CS3 14 Handboek Op Mac OS® kan Dreamweaver meerdere documenten weergeven in één venster dat voor elk document een tab heeft. Dreamweaver kan eveneens een zwevende werkruimte weergeven waarin elk document in zijn eigen venster verschijnt. Paneelgroepen zijn oorspronkelijk samengebracht in één dok, maar u kunt ze ook loskoppelen, zodat het zelfstandige vensters worden.
-
DREAMWEAVER CS3 15 Handboek De werkbalk Standaard (Wordt niet weergegeven in de standaardindeling van de werkruimte.) Deze balk bevat knoppen voor veelgebruikte bewerkingen uit de menu's Bestand en Bewerken: Nieuw, Openen, Opslaan, Alles opslaan, Kopiëren, Plakken, Ongedaan maken en Opnieuw. Als u de werkbalk Standaard wilt weergeven, selecteert u Beeld > Werkbalken > Standaard. De werkbalk Codering (Wordt alleen in de codeweergave weergegeven.
-
DREAMWEAVER CS3 16 Handboek Zie ook “Werken in het documentvenster” op pagina 23 “Code schrijven in Dreamweaver” op pagina 288 “Live-gegevens weergeven in de ontwerpweergave” op pagina 551 Overzicht van de werkbalk Document De werkbalk Document bevat knoppen waarmee u snel kunt schakelen tussen de verschillende weergaven van een document: Codeweergave, ontwerpweergave en een gesplitste weergave met zowel de code- als de ontwerpweergave.
-
DREAMWEAVER CS3 17 Handboek “Kopinhoud weergeven en bewerken” op pagina 321 “Visuele lay-outhulpmiddelen gebruiken” op pagina 166 Overzicht van de standaardwerkbalk Deze werkbalk Standaard bevat knoppen voor veelgebruikte bewerkingen uit de menu's Bestand en Bewerken: Nieuw, Openen, Opslaan, Alles opslaan, Kopiëren, Plakken, Ongedaan maken en Opnieuw. Gebruik deze knoppen zoals u de equivalente menu-opdrachten zou gebruiken.
-
DREAMWEAVER CS3 18 Handboek De knoppen zijn in verschillende categorieën onderverdeeld. Klik op de tabs langs de invoegbalk om van categorie te veranderen. Aanvullende categorieën worden weergegeven wanneer het huidige document servercode bevat, zoals ASP- of CFML-documenten. Wanneer u Dreamweaver start, wordt de laatst gebruikte categorie geopend. Sommige categorieën bevatten knoppen met pop-upmenu's. Wanneer u een optie in een pop-upmenu selecteert, wordt dit de standaardactie voor de knop.
-
DREAMWEAVER CS3 19 Handboek Overzicht van de werkbalk Codering De werkbalk Codering bevat knoppen waarmee u veel standaardcodeerbewerkingen kunt uitvoeren, zoals het samenvouwen en uitvouwen van codeselecties, het markeren van ongeldige code, het toepassen en verwijderen van commentaren, het laten inspringen van code en het invoegen van onlangs gebruikte codefragmenten. De werkbalk Codering is alleen zichtbaar in de codeweergave en staat verticaal langs de linkerzijde van het documentvenster.
-
DREAMWEAVER CS3 20 Handboek Handheld-mediatype weergeven Bij dit type ziet u hoe de pagina er uitziet op een draagbaar apparaat, bijvoorbeeld een mobiele telefoon of een BlackBerry-apparaat. Projectiemediatype weergeven Bij dit type ziet u hoe de pagina er op een projectieapparaat uitziet. TTY-mediatype weergeven Bij dit type ziet u hoe de pagina er op een teletype-apparaat uitziet. TV-mediatype weergeven Bij dit type ziet u hoe de pagina er op een televisiescherm uitziet.
-
DREAMWEAVER CS3 21 Handboek Overzicht van het bestandenpaneel Gebruik het paneel Bestanden om de bestanden in de Dreamweaver-site te bekijken en te beheren. Wanneer u sites, bestanden of mappen in het paneel Bestanden weergeeft, kunt u de grootte van het weergavegebied veranderen en het paneel Bestanden uitvouwen of samenvouwen. Wanneer het paneel Bestanden is samengevouwen, wordt de inhoud van de lokale site, de externe site of de testserver als een lijst met bestanden weergegeven.
-
DREAMWEAVER CS3 22 Handboek Overzicht van het paneel CSS-stijlen Met het paneel CSS-stijlen kunt u de CSS-regels en -eigenschappen volgen die van invloed zijn op het geselecteerde paginaelement (modus Huidig), of de regels en eigenschappen die van invloed zijn op het gehele document (modus Alles). Met een knop boven aan het paneel CSS-stijlen kunt u schakelen tussen de twee modi. Via het paneel CSS-stijlen kunt u ook CSS-eigenschappen wijzigen in zowel de modus Alles als de modus Huidig.
-
DREAMWEAVER CS3 23 Handboek • Gebruik linialen en hulplijnen als visueel hulpmiddel om de pagina-elementen exact te positioneren en de grootte ervan in te stellen. • Gebruik het raster om AP-elementen (elementen met absolute positie) exact te positioneren en de grootte ervan in te stellen.
-
DREAMWEAVER CS3 24 Handboek Documentvensters trapsgewijs of naast elkaar weergeven Als u veel documenten tegelijk hebt geopend, kunt u ze trapsgewijs of naast elkaar weergeven. Zie ook “De indeling van de werkruimte kiezen (Windows)” op pagina 32 “Documenten met tabs weergeven (Macintosh)” op pagina 33 “Aangepaste werkruimte-indelingen opslaan” op pagina 33 Documentvensters trapsgewijs weergeven ❖ Selecteer Venster > Trapsgewijs.
-
DREAMWEAVER CS3 25 Handboek Een nieuw formaat toevoegen aan het pop-upmenu Venstergrootte 1 Selecteer Grootten bewerken in het pop-upmenu Venstergrootte. 2 Klik op de lege ruimte onder de laatste waarde in de kolom Breedte. 3 Voer waarden in voor Breedte en Hoogte. Als u alleen de Breedte of Hoogte wilt instellen, laat u het andere veld leeg. 4 Klik op het veld Beschrijving om een beschrijvende tekst bij het toegevoegde formaat op te geven.
-
DREAMWEAVER CS3 26 Handboek “Tags valideren” op pagina 313 “Controleren op browsercompatibiliteit” op pagina 313 “Zoeken naar verbroken, externe en zwevende koppelingen” op pagina 282 “Bestanden op een externe server plaatsen” op pagina 85 “Bestanden van een externe server ophalen” op pagina 84 “De ColdFusion-foutopsporing gebruiken (alleen Windows)” op pagina 315 Werkbalken, knoppen, contextmenu's en panelen gebruiken Werkbalken weergeven Met de werkbalken Document en Standaard kunt u bewerkingen die bet
-
DREAMWEAVER CS3 27 Handboek De knoppen in een bepaalde categorie weergeven ❖ Klik op de categorienamen boven aan de invoegbalk. Het pop-upmenu voor een knop weergeven ❖ Klik op de pijl-omlaag naast het pictogram van de knop. invoegbalkcategorieën weergeven als een menu: ❖ Klik met de rechtermuisknop (Windows) of klik terwijl u Control ingedrukt houdt (Macintosh) op een categorietab op de invoegbalk en kies de opdracht Weergeven als menu.
-
DREAMWEAVER CS3 28 Handboek 2 Ga naar de categorie Algemeen van het dialoogvenster Voorkeuren en schakel Dialoogvenster tonen bij het invoegen van objecten uit om te voorkomen dat er dialoogvensters worden weergegeven wanneer u objecten invoegt zoals afbeeldingen, tabellen, scripts en kopelementen. U kunt ook Ctrl (Windows) of Option (Macintosh) ingedrukt houden terwijl u het object maakt. Als u een object invoegt terwijl deze optie is uitgeschakeld, krijgt het object de standaardwaarden van het kenmerk.
-
DREAMWEAVER CS3 29 Handboek Eigenschappen voor een pagina-element weergeven en wijzigen 1 Selecteer het pagina-element in het documentvenster. U moet mogelijk de eigenschappencontrole uitvouwen om alle eigenschappen voor het geselecteerde element te kunnen zien. 2 Wijzig de gewenste eigenschappen in de eigenschappencontrole.
-
DREAMWEAVER CS3 30 Handboek Paneelgroepen kunnen ook worden gedokt in het geïntegreerde toepassingsvenster (alleen Windows). Hierdoor kunt u gemakkelijker de panelen gebruiken die u nodig hebt zonder dat de werkruimte vol raakt. Opmerking: Als een paneelgroep zweeft (niet in een dok is geplaatst), wordt bovenaan in de paneelgroep een smalle lege balk weergegeven.
-
DREAMWEAVER CS3 31 Handboek Een paneelgroep uit het dok halen ❖ Sleep de paneelgroep met de greep (aan de linkerkant van de titelbalk van de paneelgroep) totdat de omtrek aangeeft dat de paneelgroep niet meer in een dok is geplaatst. Opmerking: Als u de eigenschappencontrole zwevend maakt, wordt de opmaak ervan gewijzigd. Het venster heeft dan geen greepbalk en titelbalk meer, maar u kunt op een willekeurige plaats in het paneel klikken om het te slepen of weer in een dok te plaatsen.
-
DREAMWEAVER CS3 32 Handboek • Voor panelen in een dok sleept u de splitsbalk tussen de panelen en het documentvenster. Een paneelgroep maximaliseren • Selecteer Paneelgroep maximaliseren in het menu Opties in de titelbalk van de paneelgroep . • Dubbelklik ergens in de titelbalk van de paneelgroep. De naam van een paneelgroep wijzigen 1 Selecteer Naam van paneelgroep wijzigen in het menu Opties in de titelbalk van de paneelgroep. 2 Voer een nieuwe naam in en klik op OK.
-
DREAMWEAVER CS3 33 Handboek Documenten met tabs weergeven (Macintosh) U kunt meerdere documenten in een enkel documentvenster weergeven door tabs te gebruiken om elk document te identificeren. U kunt ze ook weergeven als deel van een zwevende werkruimte, waarin elk document in een eigen venster wordt weergegeven.
-
DREAMWEAVER CS3 34 Handboek Het welkomstscherm verbergen ❖ Schakel de optie Niet meer weergeven in het welkomstscherm in. Het welkomstscherm weergeven 1 Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh). 2 Schakel de optie Welkomstscherm tonen in. Over het aanpassen van Dreamweaver in systemen met meerdere gebruikers U kunt Dreamweaver aan uw behoeften aanpassen, zelfs in een multiuser-besturingssysteem als Windows XP of Mac OS X.
-
DREAMWEAVER CS3 35 Handboek Na kop overschakelen naar normale alineaopmaak Hiermee geeft u aan dat er een nieuwe alinea wordt gemaakt met een ptag als u in de ontwerpweergave aan het einde van een kopalinea op Enter (Windows) of Return (Macintosh) drukt. (Een kopalinea is een alinea die is gecodeerd met een koptag, zoals h1 of h2.
-
DREAMWEAVER CS3 36 Handboek Spellingwoordenlijst hiermee worden de beschikbare spellingwoordenlijsten weergegeven. Als een woordenlijst meerdere dialecten of spellingconventies bevat (zoals Amerikaans-Engels en Brits-Engels), worden de dialecten afzonderlijk weergegeven in het pop-upmenu Woordenlijst.
-
DREAMWEAVER CS3 37 Handboek Een markeringskleur wijzigen 1 Selecteer Bewerken > Voorkeuren en selecteer de categorie Markeren. 2 Klik naast het object waarvoor u de markeringskleur wilt wijzigen op het kleurvak en gebruik vervolgens de kleurkiezer om een nieuwe kleur te selecteren, of geef een hexadecimale waarde op. Markering voor een object activeren of deactiveren 1 Selecteer Bewerken > Voorkeuren en selecteer de categorie Markeren.
-
38 Hoofdstuk 3: Werken met Dreamweaversites Een Adobe® Dreamweaver® CS3-site is een verzameling van alle bestanden en elementen in uw website. U kunt webpagina's maken op uw computer, deze pagina's uploaden naar een webserver en de site onderhouden door bijgewerkte bestanden over te brengen nadat u deze hebt opgeslagen. U kunt ook websites bewerken en onderhouden die zijn gemaakt zonder Dreamweaver.
-
DREAMWEAVER CS3 39 Handboek In het volgende voorbeeld ziet u links een lokale hoofdmap en rechts een externe map. De lokale hoofdmap op de lokale computer is rechtstreeks toegewezen aan de externe map op de webserver, en niet aan een van de submappen van de externe map of aan mappen die in de mapstructuur boven de externe map liggen. Opmerking: In het bovenstaande voorbeeld ziet u één lokale hoofdmap op de lokale computer en één externe map van het hoogste niveau op de externe webserver.
-
DREAMWEAVER CS3 40 Handboek Een lokale hoofdmap instellen en bewerken Als u de sitestructuur hebt gepland, moet u een site instellen (definiëren) in Dreamweaver. Ook als u een website wilt bewerken die niet in Dreamweaver is gemaakt, moet u een site definiëren. Als u een Dreamweaver-site instelt, kunt u alle documenten ordenen die betrekking hebben op een website. De lokale hoofdmap is uw werkmap voor de DW-site. Deze map kan op uw lokale computer staan, maar ook op een netwerkserver.
-
DREAMWEAVER CS3 41 Handboek automatisch vernieuwd en u moet op de knop Vernieuwen op de werkbalk van het paneel Bestanden klikken om het paneel automatisch te vernieuwen. Standaardmap voor afbeeldingen Het pad naar de map waarin de afbeeldingen worden bewaard die in de site worden gebruikt. Voer het pad in of klik op het mappictogram om naar de map te bladeren. Koppelingen ten opzichte van Hiermee wijzigt u het relatieve pad van de koppelingen die u maakt naar andere pagina's in de site.
-
DREAMWEAVER CS3 42 Handboek Lokaal/Netwerk Gebruik deze instelling voor toegang tot een netwerkmap, of als u bestanden opslaat of uw testserver uitvoert op uw lokale computer. RDS (Remote Development Services) Gebruik deze instelling als u verbinding maakt met uw webserver met RDS. Voor deze toegangsmethode moet uw externe map zich op een computer bevinden waarop Macromedia® ColdFusion® van Adobe® wordt uitgevoerd.
-
DREAMWEAVER CS3 43 Handboek Met passieve FTP kan uw lokale software de FTP-verbinding opzetten in plaats van dat aan de externe server wordt gevraagd de verbinding op te zetten. Als u niet zeker weet of u passieve FTP moet gebruiken, raadpleegt u uw systeembeheerder. Zie TechNote 15220 op de website van Adobe op www.adobe.com/go/15220_nl voor meer informatie. 10 Selecteer Uitgebreid gegevensverbindingstype gebruiken (voor IPv6) als u een IPv6-FTP-server gebruikt.
-
DREAMWEAVER CS3 44 Handboek 5 Voer uw gebruikersnaam en wachtwoord in. Deze informatie is voor serververificatie en heeft geen betrekking op Dreamweaver. Als u niet zeker bent van uw gebruikersnaam en wachtwoord, raadpleegt u uw systeembeheerder of webbeheerder. 6 Klik op Testen om uw verbindingsinstellingen te testen. 7 Klik op Opslaan als u wilt dat Dreamweaver elke keer dat u een nieuwe sessie start uw wachtwoord onthoudt.
-
DREAMWEAVER CS3 45 Handboek 4 Klik op de knop Instellingen en geef de volgende informatie op in het dialoogvenster De Microsoft Visual SourceSafedatabase openen: • Klik voor het Databasepad op Bladeren om naar de gewenste Visual SourceSafe-database te bladeren of typ het volledige pad naar het bestand. Het bestand dat u selecteert wordt het srcsafe.ini-bestand dat wordt gebruikt voor het initialiseren van Visual SourceSafe.
-
DREAMWEAVER CS3 46 Handboek Voordat u een testservermap instelt, moet u een lokale en externe map definiëren. Vaak kunt u de instellingen uw externe map gebruiken voor uw testserver, omdat dynamische pagina's in de externe map normaal gesproken kunnen worden verwerkt door een toepassingsserver. 1 Selecteer een van de volgende opties: • Als u een nieuwe site wilt instellen, selecteert u Site > Nieuwe site.
-
DREAMWEAVER CS3 47 Handboek Over het URL-voorvoegsel voor de testserver U moet een URL-voorvoegsel opgeven, zodat Dreamweaver de services van een testserver kan gebruiken voor het weergeven van gegevens en voor het maken van verbindingen met databases terwijl u werkt. Dreamweaver gebruikt de verbinding die tijdens het ontwerpen wordt gemaakt om u nuttige informatie te leveren over de database, zoals de namen van de tabellen in de database en de namen van de kolommen in de tabellen.
-
DREAMWEAVER CS3 48 Handboek Een bestaande externe website bewerken in Dreamweaver U kunt met Dreamweaver een bestaande externe site (of een tak van een externe site) naar uw lokale vaste schijf kopiëren en daar bewerken, ook als de oorspronkelijke site niet met Dreamweaver is gemaakt. 1 Maak een lokale map voor de bestaande site en stel de map in als de lokale map voor de site. Opmerking: U moet de volledige structuur van de desbetreffende tak van de bestaande externe site lokaal dupliceren.
-
DREAMWEAVER CS3 49 Handboek 5 Als u uw instellingen wilt delen met andere gebruikers, selecteert u de tweede optie en klikt u op OK. (Dreamweaver slaat geen informatie op die niet werkt voor andere gebruikers, zoals uw aanmeldingsgegevens voor de externe server en lokale paden.) 6 Klik op Gereed. Opmerking: Sla het *.ste-bestand op in de hoofdmap van uw site of op het bureaublad zodat u het gemakkelijk kunt vinden.
-
DREAMWEAVER CS3 50 Handboek Een introductiepagina voor een site definiëren of wijzigen 1 Selecteer in het bestandenpaneel (Venster > Bestanden) een site in het pop-upmenu (waarin de huidige site of server of het huidige station wordt weergegeven). 2 Klik met de rechtermuisknop (Windows) of klik terwijl u Control ingedrukt houdt (Macintosh) op het bestand dat u wilt instellen als introductiepagina en selecteer Selecteren als introductiepagina.
-
DREAMWEAVER CS3 51 Handboek Pictogramlabels Geef op of bij de documentpictogrammen in het site-overzicht de bestandsnaam of paginatitel moet worden weergegeven. Bestanden weergeven die zijn gemarkeerd als verborgen Hiermee worden in het site-overzicht HTML-bestanden weergegeven die u als verborgen hebt gemarkeerd. Afhankelijke bestanden weergeven Hiermee worden alle afhankelijke bestanden in de sitehiërarchie weergegeven. 3 Klik op OK en vervolgens op Gereed.
-
DREAMWEAVER CS3 52 Handboek De titel van een pagina wijzigen in het site-overzicht 1 Geef paginatitels weer door op het optiemenu in de rechterbovenhoek van het samengevouwen paneel Bestanden te klikken en Bestand > Naam van weergave wijzigen > Paginatitels weergeven. 2 Selecteer een bestand in het site-overzicht en voer een van de volgende handelingen uit: • Klik op de titel en voer een nieuwe titel in. • Klik op het optiemenu in de rechterbovenhoek en selecteer vervolgens Bestand > Naam wijzigen.
-
DREAMWEAVER CS3 53 Handboek Afhankelijke bestanden in het site-overzicht weergeven 1 Klik in het samengevouwen (standaard) paneel Bestanden (Venster > Bestanden) op het optiemenu in de rechterbovenhoek. 2 Selecteer Weergave > Opties voor site-overzicht > Afhankelijke bestanden tonen. Het site-overzicht opslaan als een afbeelding U kunt het site-overzicht opslaan als een afbeelding en de afbeelding weergeven in (of afdrukken vanuit) een afbeeldingseditor.
-
DREAMWEAVER CS3 54 Handboek Contribute-sites beheren met Dreamweaver Contribute-sites beheren In Adobe® Contribute® CS3 wordt een webbrowser gecombineerd met een webpagina-editor. Hiermee kunnen uw collega's of klanten bladeren naar een pagina in een site die u hebt gemaakt en de pagina bewerken of bijwerken als ze daar toestemming voor hebben. Contribute-gebruikers kunnen basiswebinhoud, waaronder opgemaakte tekst, afbeeldingen, tabellen en koppelingen, toevoegen en bijwerken.
-
DREAMWEAVER CS3 55 Handboek • Gebruik zo weinig mogelijk CSS-stijlen, om de opmaak eenvoudig en rustig te houden. • Als u include-bestanden op de server gebruikt voor HTML-pagina-elementen, zoals kop- en voetteksten, maakt u een niet-gekoppelde HTML-pagina die koppelingen bevat naar de include-bestanden. Contribute-gebruikers kunnen die pagina vervolgens toevoegen aan hun favorieten en ermee naar de include-bestanden bladeren zodat ze deze kunnen bewerken.
-
DREAMWEAVER CS3 56 Handboek • Oudere versies van bestanden, in mappen met de naam _baks • Tijdelijke versies van pagina's zodat gebruikers wijzigingen kunnen weergeven • Tijdelijke vergrendelingsbestanden, waarmee wordt aangegeven dat een bepaalde pagina wordt bewerkt of bekeken • Ontwerpnotities-bestanden die metagegevens bevatten over de pagina's van de site In het algemeen moet u deze speciale Contribute-bestanden niet bewerken met Dreamweaver. Dreamweaver beheert ze automatisch.
-
DREAMWEAVER CS3 57 Handboek 2 Selecteer een site, klik op Bewerken en klik op het tabblad Geavanceerd. 3 Selecteer de categorie Contribute in de lijst met categorieën aan de linkerkant en selecteer Compatibiliteit met Contribute inschakelen. 4 Als er een dialoogvenster wordt weergegeven met de mededeling dat u Ontwerpnotities en Inchecken/uitchecken moet inschakelen, klikt u op OK.
-
DREAMWEAVER CS3 58 Handboek 5 Typ desgevraagd het beheerderswachtwoord en klik op OK. Het dialoogvenster Website beheren wordt geopend. • Als u beheerinstellingen wilt wijzigen, selecteert u een categorie uit de lijst aan de linkerkant en wijzigt u vervolgens de gewenste instellingen. • Als u rolinstellingen wilt wijzigen, klikt u in de categorie Gebruikers en rollen op Rolinstellingen bewerken en wijzigt u vervolgens de gewenste instellingen.
-
DREAMWEAVER CS3 59 Handboek Als u deze werkwijze gebruikt, moet u geen hoofdmapafhankelijke relatieve koppelingen gebruiken in de submappen. Hoofdmapafhankelijke relatieve koppelingen hebben betrekking op de hoofdmap op de server, en niet op de hoofdmap die u definieert in Dreamweaver. Contribute-gebruikers kunnen geen hoofdmapafhankelijke relatieve koppelingen maken.
-
DREAMWEAVER CS3 60 Handboek Aan bestanden werken zonder een site te definiëren Verbinding maken met een FTP-server zonder een site te definiëren U kunt verbinding maken met een FTP-server om aan uw documenten te werken zonder een Dreamweaver-site te maken. Als u aan bestanden werkt zonder een Dreamweaver-site te maken, kunt u geen bewerkingen voor de hele site uitvoeren, zoals het controleren van koppelingen. 1 Selecteer Site > Sites beheren. 2 Klik op Nieuw en selecteer FTP- en RDS-servers.
-
DREAMWEAVER CS3 61 Handboek 5 Voer de URL in die gebruikers in de browser moeten typen om uw webtoepassing te openen, maar voeg geen bestandsnaam toe. Stel dat de URL van uw toepassing www.macromedia.com/mijncooletoepassing/start.jsp is. In dat geval voert u het volgende URL-voorvoegsel in: www.adobe.com/mijncooletoepassing/. 6 Klik op de knop Instellingen om de toegangsgegevens op te geven. 7 Geef de gegevens op in het dialoogvenster RDS-server configureren en klik op OK.
-
DREAMWEAVER CS3 62 Handboek Zie ook “De toepassingsserver kiezen” op pagina 477 Opties voor het bewerken van bestanden instellen (deel 3) op het tabblad Basis Het doel van dit dialoogvenster is om uw ontwikkelomgeving te selecteren. 1 Selecteer de methode waarmee u tijdens de ontwikkeling aan bestanden werkt. 2 Maak een locatie waarin uw bestanden worden opgeslagen, of klik op het mappictogram om naar de map te bladeren. Dit is de werkmap voor uw Dreamweaver-site.
-
DREAMWEAVER CS3 63 Handboek Microsoft Visual SourceSafe Als u verbinding maakt met uw webserver met Microsoft Visual SourceSafe. Ondersteuning voor deze methode is alleen beschikbaar voor Windows. Als u deze methode wilt gebruiken, moet u Microsoft Visual SourceSafe Client versie 6 hebben geïnstalleerd. WebDAV (Web-based Distributed Authoring and Versioning) Als u verbinding maakt met uw webserver met het WebDAV- protocol.
-
DREAMWEAVER CS3 64 Handboek Zie ook “Een externe map instellen” op pagina 41 Opties voor het delen van bestanden instellen (inchecken/uitchecken) op het tabblad Basis Het doel van dit dialoogvenster is om het systeem voor het inchecken/uitchecken van bestanden in te stellen als u met anderen samen aan dezelfde bestanden werkt (of als u alleen werkt, maar op meerdere computers).
-
65 Hoofdstuk 4: Bestanden maken en beheren U kunt niet alleen webpagina's maken, maar u kunt ook heel gemakkelijk alle bestanden en andere elementen die tot uw website behoren, ordenen. U kunt bestanden maken, beheren en synchroniseren, bestanden in- en uitchecken, en testen hoe uw site in diverse browsers werkt. Documenten maken en openen Over het maken van Dreamweaver-documenten Dreamweaver biedt een flexibele omgeving voor het werken met diverse verschillende webdocumenten.
-
DREAMWEAVER CS3 66 Handboek XSL Extensible Stylesheet Language-bestanden hebben de extensie .XSL of .XSLT. Deze bestanden worden gebruikt om XML-gegevens die u op een website wilt weergeven, op te maken. CFML ColdFusion Markup Language-bestanden hebben de extensie .CFM. Deze bestanden worden gebruikt om dynamische pagina's te maken. ASPX ASP.NET-bestanden hebben de extensie .ASPX en worden gebruikt om dynamische pagina's te verwerken. PHP Hypertext Preprocessor-bestanden hebben de extensie .
-
DREAMWEAVER CS3 67 Handboek Opmerking: Als u meer informatie wilt hebben over XHTML, gaat u naar de website van het World Wide Web Consortium (W3C). Hier vindt u de specificatie voor XHTML 1.1 - op modules gebaseerd XHTML (www.w3.org/TR/xhtml11/) en XHTML 1.0 (www.w3c.org/TR/xhtml1/) en ook XHTML-validatiesites voor bestanden op het web (http://validator.w3.org/) en lokale bestanden (http://validator.w3.org/file-upload.html).
-
DREAMWEAVER CS3 68 Handboek De vooraf ontworpen CSS-indelingen bieden de volgende typen kolommen: Vast De kolombreedte is opgegeven in pixels. De kolom wordt niet groter of kleiner op basis van de grootte van de browser of de tekstinstellingen van de bezoeker van de site. Elastisch De kolombreedte wordt opgegeven in een maateenheid (ems) die relatief is ten opzichte van de grootte van de tekst.
-
DREAMWEAVER CS3 69 Handboek 13 Typ in het vak Bestandsnaam een naam voor de nieuwe sjabloon. U hoeft geen bestandsextensie aan de naam van de sjabloon toe te voegen. Wanneer u op Opslaan klikt, wordt de extensie .DWT aan de nieuwe sjabloon toegevoegd en wordt de sjabloon in de map Sjablonen van uw site opgeslagen. Gebruik geen spaties en speciale tekens in bestands- en mapnamen en laat een bestandsnaam niet beginnen met een cijfer.
-
DREAMWEAVER CS3 70 Handboek Het document wordt in het documentvenster geopend. 4 Sla het document op. Een pagina maken op basis van een Dreamweaver-voorbeeldbestand Bij Dreamweaver worden allerlei verschillende door professionals ontworpen bestanden geleverd met paginalay-outs en ontwerpelementen. U kunt deze voorbeeldbestanden gebruiken als uitgangspunt voor het ontwerpen van de pagina's van uw sites.
-
DREAMWEAVER CS3 71 Handboek U kunt ook op de knop Voorkeuren in het dialoogvenster Nieuw document klikken om uw voorkeuren voor nieuwe documenten in te stellen wanneer u een nieuw document maakt. 2 Klik in de lijst met categorieën aan de linkerkant op Nieuw document. 3 Stel de gewenste voorkeuren in of wijzig deze als dat nodig is en klik op OK om de voorkeuren op te slaan. Standaarddocument Selecteer een documenttype dat moet worden gebruikt voor de pagina's die u maakt.
-
DREAMWEAVER CS3 72 Handboek De standaardbestandsextensie van nieuwe HTML-documenten instellen U kunt de standaardbestandsextensie instellen voor HTML-documenten die in Dreamweaver worden gemaakt. U kunt bijvoorbeeld de opdracht geven de extensie .htm of .html te gebruiken voor alle nieuwe HTML-documenten. 1 Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
-
DREAMWEAVER CS3 73 Handboek De codes die Dreamweaver verwijdert, worden door Word voornamelijk gebruikt om de documenten in Word op te maken en weer te geven en zijn niet nodig om het HTML-bestand weer te geven. Bewaar een kopie van het oorspronkelijke Wordbestand (.doc) als reservekopie, want mogelijk kunt u het HTML-bestand niet meer openen in Word nadat u de opdracht Word-HTML opruimen hebt uitgevoerd.
-
DREAMWEAVER CS3 74 Handboek Bestanden en mappen beheren Over het beheren van bestanden en mappen Dreamweaver omvat een paneel Bestanden waarmee u bestanden kunt beheren en van en naar een externe server kunt overbrengen. Als u bestanden van lokale naar externe sites overbrengt en omgekeerd, worden parallelle bestands- en mapstructuren gebruikt voor de sites. Als u bestanden overbrengt naar andere sites, maakt Dreamweaver de bijbehorende mappen als die nog niet bestaan op de site.
-
DREAMWEAVER CS3 75 Handboek Vernieuwen Hiermee vernieuwt u de lokale en externe mappenlijsten. Gebruik deze knop om de mappenlijsten manueel te vernieuwen als u Automatisch vernieuwen lijst lokale bestanden of Automatisch vernieuwen lijst externe bestanden hebt uitgeschakeld in het dialoogvenster Sitedefinitie. Bestand(en) ophalen Kopieert de geselecteerde bestanden van de externe site naar uw lokale site (en overschrijft daarbij de bestaande lokale kopie van het bestand, als die er is).
-
DREAMWEAVER CS3 76 Handboek Zie ook “Een externe map instellen” op pagina 41 “Een testserver instellen” op pagina 45 “Werken met een visueel overzicht van uw site” op pagina 49 Het bestandenpaneel openen of sluiten ❖ Selecteer Venster > Bestanden. Het bestandenpaneel uitvouwen of samenvouwen (alleen voor Dreamweaver-sites) ❖ Klik in het paneel Bestanden (Venster > Bestanden) op de knop Uitvouwen/Samenvouwen op de werkbalk.
-
DREAMWEAVER CS3 77 Handboek Bestanden weergeven buiten een Dreamweaver-site ❖ Navigeer door uw computer met behulp van het pop-upmenu Site, zoals u zou doen als u Windows Verkenner (Windows) of de Finder (Macintosh) gebruikte. Werken met bestanden in het bestandenpaneel U kunt bestanden openen of de naam ervan wijzigen, bestanden toevoegen, verplaatsen of verwijderen, of het paneel Bestanden vernieuwen nadat u wijzigingen hebt aangebracht.
-
DREAMWEAVER CS3 78 Handboek Een bestand of map verplaatsen 1 Selecteer in het paneel Bestanden (Venster > Bestanden) het bestand dat of de map die u wilt verplaatsen. 2 Voer een van de volgende handelingen uit: • Kopieer het bestand of de map en plak het/ze op de nieuwe locatie. • Sleep het bestand of de nam naar de nieuwe locatie. 3 Vernieuw het paneel Bestanden om het bestand of de map op de nieuwe locatie weer te geven.
-
DREAMWEAVER CS3 79 Handboek Bestanden zoeken en selecteren die nieuwer zijn op de lokale site dan op de externe site ❖ Klik in de rechterbovenhoek van het samengevouwen bestandenpaneel (Venster > Bestanden) op het menu Opties en selecteer Bewerken > Nieuwere lokale selecteren. De bestanden worden door Dreamweaver geselecteerd in het bestandenpaneel.
-
DREAMWEAVER CS3 80 Handboek Zie ook “Het camoufleren van sites in- en uitschakelen” op pagina 96 Toegang krijgen tot sites, een server en lokale stations U kunt de bestanden en mappen op uw Dreamweaver-sites, en ook bestanden en mappen die geen deel uitmaken van een Dreamweaver-site, openen, wijzigen en opslaan. U kunt niet alleen toegang krijgen tot Dreamweaver-sites, maar ook tot een server, een lokaal station of uw bureaublad.
-
DREAMWEAVER CS3 81 Handboek • Bestanden kopiëren • Bestanden verwijderen • Bestanden slepen Als u een bestand sleept van de ene Dreamweaver-site naar een andere site of naar een map die geen deel uitmaakt van een Dreamweaver-site, wordt dit bestand doorDreamweaver gekopieerd naar de locatie waar u het bestand neerzet. Als u een bestand sleept binnen een en dezelfde Dreamweaver-site, wordt het bestand door Dreamweaver verplaatst naar de locatie waar u het bestand neerzet.
-
DREAMWEAVER CS3 82 Handboek Als uw computer of netwerk zich niet achter een firewall bevindt, hoeft u hier niets in te vullen. Als uw computer of netwerk zich achter een firewall bevindt, selecteert u de optie Firewall gebruiken in het dialoogvenster Sitedefinitie. Firewall-poort Hier kunt u de poort in uw firewall opgeven die wordt gebruikt om verbinding te maken met de externe server. Als u verbinding maakt via een andere poort dan poort 21 (de standaardpoort voor FTP), voert u hier het nummer in.
-
DREAMWEAVER CS3 83 Handboek Opmerking: U moet aan een nieuwe kolom een ontwerpnotitie koppelen om te zorgen dat er gegevens in het bestandenpaneel kunnen worden weergegeven. 7 Selecteer een uitlijning om te bepalen hoe de tekst binnen de kolom moet worden uitgelijnd. 8 Schakel de optie Tonen in of uit om de kolom weer te geven of te verbergen. 9 Selecteer Delen met alle gebruikers van deze site om de kolom te delen met alle gebruikers die met de externe site verbonden zijn.
-
DREAMWEAVER CS3 84 Handboek • Dynamische gegevens binden • Live gegevens voorvertonen • Een webservice invoegen • Externe bestanden en mappen verwijderen • Een webpagina voorvertonen in een browser op een testserver • Een bestand op een externe server opslaan • Een afbeelding invoegen vanaf een externe server • Een bestand openen vanaf een externe server • Bestanden automatisch ophalen bij het opslaan • Bestanden naar de externe site slepen • Bestanden knippen, kopiëren of plakken op de externe site • De w
-
DREAMWEAVER CS3 85 Handboek In Dreamweaver worden de geselecteerde bestanden als volgt gedownload: • Als u het systeem van in- en uitchecken gebruikt en u een bestand ophaalt, wordt er een lokale alleen-lezen kopie van het bestand gedownload. Het bestand blijft beschikbaar op de externe site of de testserver, zodat ook andere teamleden het bestand kunnen uitchecken. • Als u geen gebruik maakt van in- en uitchecken en u een bestand ophaalt, krijgt u een exemplaar met rechten voor lezen en schrijven.
-
DREAMWEAVER CS3 86 Handboek Zie ook “Bestanden synchroniseren” op pagina 91 “Over het in- en uitchecken van bestanden” op pagina 87 Bestanden plaatsen op een externe server of testserver via het bestandenpaneel 1 Selecteer in het bestandenpaneel (Venster > Bestanden) de bestanden die u wilt uploaden. Gewoonlijk selecteert u deze bestanden in de weergave Lokaal, maar u kunt desgewenst de corresponderende bestanden ook in de weergave Extern selecteren.
-
DREAMWEAVER CS3 87 Handboek Het FTP-logboek weergeven ❖ Klik op het menu Opties in de rechterbovenhoek van het bestandenpaneel en selecteer Weergave > FTP-logboek van site. De bestandsoverdracht beheren U kunt de status van de bestandsoverdracht weergeven, plus een lijst van overgebrachte bestanden en het resultaat van de bestandsoverdracht (de overdracht is gelukt, er zijn bestanden overgeslagen of de overdracht is mislukt). U kunt ook een logboek opslaan met bestandsactiviteiten.
-
DREAMWEAVER CS3 88 Handboek Als u een bestand incheckt, maakt u het bestand weer beschikbaar voor andere teamleden, zodat zij het bestand kunnen uitchecken en bewerken. Wanneer u een bestand incheckt nadat u het hebt bewerkt, wordt uw lokale versie een alleen-lezen bestand en verschijnt er een vergrendelingssymbool naast het bestand in het bestandenpaneel om te voorkomen dat u wijzigingen in het bestand aanbrengt.
-
DREAMWEAVER CS3 89 Handboek Zie ook “Een externe map instellen” op pagina 41 WebDAV gebruiken om bestanden in en uit te checken Dreamweaver kan verbinding maken met een server die gebruik maakt van WebDAV (Web-based Distributed Authoring and Versioning) - een set extensies van het HTTP-protocol waarmee gebruikers in een samenwerkingsverband bestanden op externe webservers kunnen bewerken en beheren. Zie www.webdav.org voor meer informatie.
-
DREAMWEAVER CS3 90 Handboek Opmerking: Het is meestal verstandig om afhankelijke bestanden te downloaden wanneer u een nieuw bestand uitcheckt, maar als de meest recente versies van de afhankelijke bestanden al op de lokale schijf aanwezig zijn, is het niet nodig om deze bestanden nogmaals te downloaden. Een groene markering naast het pictogram van een lokaal bestand geeft aan dat u het bestand hebt uitgecheckt.
-
DREAMWEAVER CS3 91 Handboek De lokale kopie van het bestand wordt een alleen-lezen bestand en eventuele wijzigingen die u hebt aangebracht in het bestand, gaan verloren. Bestanden synchroniseren Bestanden op de lokale en externe site synchroniseren Nadat u bestanden hebt gemaakt op uw lokale en externe site, kunt u de bestanden op de twee sites synchroniseren. Opmerking: Als de externe site een FTP-server (in plaats van een netwerkserver) is, wordt FTP gebruikt voor het synchroniseren van de bestanden.
-
DREAMWEAVER CS3 92 Handboek • Als u alleen geselecteerde bestanden wilt synchroniseren, selecteert u Alleen geselecteerde lokale bestanden (of Alleen geselecteerde externe bestanden als u op dat moment bestanden hebt geselecteerd in de weergave Extern van het bestandenpaneel).
-
DREAMWEAVER CS3 93 Handboek Het vergelijken van twee lokale of twee externe bestanden is ook handig als u bijvoorbeeld meerdere versies van een bestand hebt bewaard of als u versies van een en hetzelfde bestand andere namen hebt gegeven. Als u bent vergeten welke wijzigingen u in een bestand hebt aangebracht ten opzichte van een vorige versie, kunt u daar achter komen via een snelle vergelijking.
-
DREAMWEAVER CS3 94 Handboek Twee externe bestanden vergelijken U kunt twee bestanden op uw externe server met elkaar vergelijken. U moet een Dreamweaver-site definiëren met instellingen voor de externe server voordat u deze taak kunt uitvoeren. 1 Selecteer in het pop-upmenu aan de rechterkant van het bestandenpaneel de optie Externe weergave om de bestanden op de externe server weer te geven.
-
DREAMWEAVER CS3 95 Handboek 2 Als u de verschillen wilt weergeven, klikt u op de knop Vergelijken. Het bestandsvergelijkingsprogramma wordt gestart en de twee bestanden worden met elkaar vergeleken. Als u geen bestandsvergelijkingsprogramma hebt gespecificeerd, wordt u gevraagd om een dergelijk programma op te geven. 3 Nadat u de wijzigingen in het programma hebt bekeken of in uw bestand hebt opgenomen, kunt u verdergaan met de bewerking Plaatsen of deze bewerking annuleren.
-
DREAMWEAVER CS3 96 Handboek Mappen en bestanden op uw site camoufleren Over het camoufleren van een site Door sites te camoufleren kunt u mappen en bestandstypen uitsluiten van bewerkingen, zoals Ophalen en Plaatsen. U kunt wel afzonderlijke mappen, maar geen afzonderlijke bestanden camoufleren. Als u bestanden wilt camoufleren, moet u een bestandstype selecteren. Dreamweaver zal vervolgens alle bestanden van dat type camoufleren.
-
DREAMWEAVER CS3 97 Handboek Sitemappen camoufleren of de camouflage opheffen U kunt specifieke mappen camoufleren, maar u kunt niet alle mappen op een hele site camoufleren. Wanneer u specifieke mappen camoufleert, kunt u meerdere mappen tegelijk camoufleren. 1 Selecteer in het bestandenpaneel (Venster > Bestanden) een site waarvoor sitecamouflage is ingeschakeld in het snelmenu (waarin de huidige site of server of het huidige station wordt weergegeven).
-
DREAMWEAVER CS3 98 Handboek 3 Voer een van de volgende handelingen uit op het tabblad Geavanceerd van het dialoogvenster Sitedefinitie: • Schakel de optie Bestanden camoufleren die eindigen met, uit om voor alle bestandstypen die in het tekstvak worden vermeld, de camouflage op te heffen. • Verwijder specifieke bestandstypen uit het tekstvak om de camouflage voor deze bestandstypen op te heffen. 4 Klik op OK.
-
DREAMWEAVER CS3 99 Handboek fl_source="file:///Mydisk/sites/assets/orig/myhouse.fla" Opmerking: Als gebruikers ontwerpnotities willen delen, moeten ze hetzelfde pad naar de hoofdmap van de site definiëren (bijvoorbeeld sites/assets/orig). Als u de afbeelding in Dreamweaver importeert, wordt het ontwerpnotitiebestand automatisch samen met de afbeelding naar uw site gekopieerd.
-
DREAMWEAVER CS3 100 Handboek 3 Klik op het datumpictogram (boven het tekstvak Notities) om de huidige lokale datum in uw notities in te voegen. 4 Typ uw commentaren in het tekstvak Notities. 5 Schakel het selectievakje Weergeven wanneer het bestand is geopend in om te zorgen dat het ontwerpnotitiebestand telkens wordt weergegeven wanneer het bestand wordt geopend. 6 Klik op de plusknop (+) op het tabblad Alle informatie om een nieuw sleutel-/waardepaar toe te voegen.
-
DREAMWEAVER CS3 101 Handboek Niet-gekoppelde ontwerpnotities verwijderen van uw site 1 Selecteer Site > Sites beheren. 2 Selecteer de site en klik op Bewerken. 3 Selecteer in het dialoogvenster Sitedefinitie de categorie Ontwerpnotities in de lijst aan de linkerkant. 4 Klik op de knop Opruimen. Dreamweaver vraagt u te bevestigen dat de ontwerpnotities die niet meer gekoppeld zijn aan een bestand op uw site, moeten worden verwijderd.
-
DREAMWEAVER CS3 102 Handboek 6. Valideer uw code om tag- of syntaxisfouten op te sporen. 7. Werk de site bij en houd deze bij nadat de site is gepubliceerd. U kunt uw site op verschillende manieren publiceren, dat wil zeggen live (beschikbaar) maken voor anderen op de server. Publiceren is een proces dat altijd door gaat. Een belangrijk onderdeel van het proces is het definiëren en implementeren van een versiebeheersysteem, met de tools van Dreamweaver of via een externe versiebeheertoepassing. 8.
-
DREAMWEAVER CS3 103 Handboek Als u slechts een toegankelijkheidsrapport voor uw site wilt uitvoeren, selecteert u Bestand > Pagina controleren > Toegankelijkheid controleren. Het rapport wordt vervolgens in het paneel Siterapporten van de paneelgroep Resultaten weergegeven. 2 Selecteer waarover u een rapport wilt maken in het pop-upmenu 'Rapport over' en stel de gewenste rapporttypen in die moeten worden uitgevoerd (workflow of HTML).
-
DREAMWEAVER CS3 104 Handboek Een rapport gebruiken en opslaan 1 Voer een rapport uit (zie de vorige procedure). 2 Voer in het paneel Siterapporten een van de volgende handelingen uit om het rapport weer te geven: • Klik op de kolomkop waarop u de resultaten wilt sorteren. U kunt sorteren op bestandsnaam, regelnummer of beschrijving. U kunt ook meerdere rapporten tegelijk uitvoeren en de verschillende rapporten openhouden.
-
105 Hoofdstuk 5: Beheer van elementen en bibliotheken Het middelenpaneel (in dezelfde paneelgroep als het bestandenpaneel) is het belangrijkste hulpmiddel voor het organiseren van de elementen (middelen) van uw site, inclusief opnieuw bruikbare brokken inhoud (content) die ook wel 'bibliotheekitems' worden genoemd.
-
DREAMWEAVER CS3 106 Handboek Opmerking: Als het bibliotheekitem koppelingen bevat, functioneren de koppelingen mogelijk niet op de nieuwe site. Bovendien worden afbeeldingen in een bibliotheekitem niet naar de nieuwe site gekopieerd. Wanneer u een bibliotheekitem gebruikt, voegt Dreamweaver op de webpagina niet het item zelf, maar een koppeling naar het item in.
-
DREAMWEAVER CS3 107 Handboek Lijst Favorieten Hiermee worden alleen de elementen weergegeven, die u expliciet hebt gekozen. Voor het schakelen tussen deze twee weergaven selecteert u het keuzerondje Sites of Favorieten boven het voorbeeldgebied. (Deze twee weergaven zijn niet beschikbaar voor de categorieën Sjablonen en Bibliotheek.) Opmerking: De meeste bewerkingen van het middelenpaneel werken voor beide lijsten hetzelfde. Er zijn echter enkele taken die u alleen in de lijst Favorieten kunt uitvoeren.
-
DREAMWEAVER CS3 108 Handboek Het formaat van een kolom wijzigen ❖ Sleep de lijn die de twee kolomkoppen scheidt. Het formaat van het voorbeeldgebied wijzigen ❖ Sleep de scheidingsbalk (tussen het voorbeeldgebied en de lijst van elementen) naar boven of beneden. Het middelenpaneel vernieuwen Het samenstellen van de sitelijst neemt mogelijk enkele seconden in beslag omdat Dreamweaver eerst het cachegeheugen voor de sites moet inlezen.
-
DREAMWEAVER CS3 109 Handboek 3 Selecteer de gewenste kleur en klik op Toepassen. Zie ook “Favoriete elementen toevoegen of verwijderen” op pagina 111 Een URL toepassen op een afbeelding met behulp van het middelenpaneel 1 Selecteer de tekst of de afbeelding. 2 Selecteer in het middelenpaneel de categorie URL's is opgeslagen. in de weergave Sites of Favorieten, afhankelijk van waar de URL Opmerking: URL's voor de bestanden van uw site worden standaard opgeslagen in de weergave Sites.
-
DREAMWEAVER CS3 110 Handboek 3 Als u klaar bent, voert u een van de volgende handelingen uit: • Als het element bestaat uit een bestand (dus alles behalve een kleur of URL), slaat u dit op (in de editor die u gebruikt) en sluit u het. • Als het element bestaat uit een URL, klikt u op OK in het dialoogvenster URL bewerken. Opmerking: Als het element bestaat uit een kleur, wordt de kleurkiezer automatisch gesloten nadat u de kleur hebt gekozen.
-
DREAMWEAVER CS3 111 Handboek Opmerking: Favoriete elementen worden niet als afzonderlijke bestanden opgeslagen op uw schijf. Het zijn verwijzingen naar de elementen in de sitelijst. Dreamweaver houdt bij welke elementen uit de sitelijst moeten worden weergegeven in de lijst Favorieten. De meeste bewerkingen in het middelenpaneel zijn in de lijst Favorieten identiek aan die in de sitelijst. Er zijn echter verschillende taken die u alleen in de lijst Favorieten kunt uitvoeren.
-
DREAMWEAVER CS3 112 Handboek De elementen worden wel verwijderd uit de lijst Favorieten, maar niet uit de sitelijst. Als u een map Favorieten verwijdert, worden zowel de map als de gehele inhoud ervan verwijderd. Een bijnaam voor een favoriet element maken U kunt bijnamen (bij voorbeeld PaginaAchtergrondKleur in plaats van #999900) geven aan alleen elementen in de lijst Favorieten. De sitelijst behoudt echter de werkelijke bestandsnamen (of waarden, zoals in het geval van kleuren en URL's).
-
DREAMWEAVER CS3 113 Handboek Een leeg bibliotheekitem maken 1 Controleer of er in het documentvenster niets is geselecteerd. Als er iets is geselecteerd, wordt dit in het nieuwe bibliotheekitem geplaatst. 2 Selecteer in het middelenpaneel de categorie Bibliotheek 3 Klik op de knop Nieuw bibliotheekitem . onder in het paneel. 4 Terwijl het item nog steeds is geselecteerd, geeft u een nieuwe naam ervoor op en drukt u op Enter (Windows) of Return (Macintosh).
-
DREAMWEAVER CS3 114 Handboek De gehele site of alle documenten bijwerken waarin een bepaald bibliotheekitem wordt gebruikt 1 Selecteer Wijzigen > Bibliotheek > Pagina's bijwerken. 2 Geef in het contextmenu Zoeken in op wat moet worden bijgewerkt: • Voor het bijwerken van alle pagina's op de geselecteerde site om zo de huidige versie van alle bibliotheekitems te gebruiken, selecteert u eerst Gehele site en vervolgens in het naastgelegen contextmenu de naam van de site.
-
DREAMWEAVER CS3 115 Handboek 3 Klik op het vak Kleur van bibliotheekitems en selecteer vervolgens een markeerkleur in de kleurkiezer (of geef de hexadecimale kleurwaarde op in het tekstvak). 4 Selecteer Weergeven om de markeerkleur te tonen in het documentvenster. 5 Klik op OK. Markering weergeven of verbergen in het documentvenster ❖ Voor het weergeven van markeringen selecteert u Beeld > Visuele hulpmiddelen > Onzichtbare elementen.
-
DREAMWEAVER CS3 116 Handboek 8 Selecteer in het documentvenster alle elementen waaruit het bibliotheekitem bestaat. Zorg er voor dat u exact dezelfde elementen selecteert, die ook voorkwamen in het oorspronkelijke bibliotheekitem. 9 Selecteer in het middelenpaneel de knop Nieuw bibliotheekitem en geef het nieuwe item dezelfde naam als het item dat u hebt verwijderd. Gebruik daarbij dezelfde spelling en hetzelfde hoofdlettergebruik.
-
117 Hoofdstuk 6: Pagina's maken met CSS Adobe® Dreamweaver® CS3 bevat veel functies die u helpen Cascading Style Sheets (CSS) te gebruiken voor het maken van stijlen en pagina-indelingen voor uw webpagina's. Wat zijn CSS-stijlpagina's (Cascading Style Sheets) Informatie over CSS (Cascading Style Sheets) Cascading Style Sheets (CSS) bestaan uit een verzameling opmaakregels die het uiterlijk van de inhoud op een webpagina bepalen.
-
DREAMWEAVER CS3 118 Handboek Een afzonderlijke declaratie bestaat uit twee delen, de eigenschap (zoals font-family) en de waarde (zoals Helvetica). In de vorige CSS-regel is een bepaalde stijl gemaakt voor de labels h1: de tekst voor alle labels h1 die gekoppeld is aan deze stijl, heeft een grootte van 16 pixels, staat in het lettertype Helvetica en is vet.
-
DREAMWEAVER CS3 119 Handboek Informatie over CSS-stijlen De term naast elkaar verwijst naar de manier waarop een browser uiteindelijk stijlen voor specifieke elementen op een webpagina weergeeft. Drie verschillende bronnen zijn verantwoordelijk voor de stijlen die u op een webpagina ziet: de stijlpagina die is gemaakt door de auteur van de pagina, de (eventuele) aangepaste stijlselecties van de gebruiker en de standaard stijl van de browser zelf.
-
DREAMWEAVER CS3 120 Handboek De combinatie van alle factoren die hierboven werden besproken en andere factoren zoals CSS-specificiteit (een systeem dat een verschillend belang geeft aan bepaalde CSS-regels) en de volgorde van CSS-regels, maken uiteindelijk een complexe getrapte versie waarin items met hogere prioriteiten eigenschappen die lagere prioriteiten hebben vervangen. Voor meer informatie over de regels die de getrapte versie, overerving en specificiteit bepalen, gaat u naar www.w3.
-
DREAMWEAVER CS3 121 Handboek Als u op meer dan één locatie stijlen hebt gedefinieerd (bijvoorbeeld zowel ingebed in een HTML-pagina als geïmporteerd uit een externe stijlpagina) met behulp van zowel de korte als de lange vorm van de CSS-syntaxis, dient u niet te vergeten dat weggelaten eigenschappen in een stenoregel eigenschappen die expliciet zijn bepaald in een andere regel, kunnen onderdrukken (of vertrappen). Dit is dan ook de reden dat Dreamweaver standaard de lange vorm van de CSS-notatie gebruikt.
-
DREAMWEAVER CS3 122 Handboek U kunt het formaat van elk van de deelvensters wijzigen door de randen tussen de deelvensters te slepen, terwijl u de grootte van kolommen kunt wijzigen door het slepen van de kolomscheidingen. Het deelvenster Samenvatting voor selectie geeft een overzicht van CSS-eigenschappen weer, alsmede hun waarden voor het op dat moment in het actieve document geselecteerde object. De samenvatting toont de eigenschappen van alle regels die rechtstreeks op de selectie van toepassing zijn.
-
DREAMWEAVER CS3 123 Handboek Alle wijzigingen die u aanbrengt in het deelvenster Eigenschappen, worden onmiddellijk toegepast, waardoor u een voorbeeld van uw werk kunt zien terwijl u doorwerkt. Zie ook “Het deelvenster CSS-stijlen openen” op pagina 124 Het paneel CSS-stijlen in de modus Alles In de modus Alles bestaat het paneel CSS-stijlen uit twee deelvensters: een deelvenster Alle regels (bovenaan) en een deelvenster Eigenschappen (onderaan).
-
DREAMWEAVER CS3 124 Handboek Knoppen en weergaven in het paneel CSS-stijlen In zowel de modus Alles als de modus Huidig bevat het paneel CSS-stijlen drie knoppen, waarmee u de weergave in het deelvenster Eigenschappen (het onderste deelvenster) kunt wijzigen: A B C A. Categorieweergave B. Lijstweergave C.
-
DREAMWEAVER CS3 125 Handboek Voorkeuren voor CSS-stijlen instellen Met voorkeuren voor CSS-stijlen bepaalt u de manier waarop Dreamweaver de code schrijft, waarmee CSS-stijlen worden gedefinieerd. CSS-stijlen kunnen in een bepaalde vorm van "steno" worden geschreven, waarmee bepaalde mensen gemakkelijker kunnen werken. Sommige oudere versies van browsers interpreteren de steno echter niet op de juiste wijze.
-
DREAMWEAVER CS3 126 Handboek CSS-eigenschappen instellen U kunt eigenschappen definiëren voor CSS-regels zoals lettertype voor tekst, achtergrondafbeelding en -kleur, spatiëringsen lay-outeigenschappen, alsmede het uiterlijk van lijstelementen. Maak eerst een nieuwe regel en stel vervolgens een of meer van de volgende eigenschappen in.
-
DREAMWEAVER CS3 127 Handboek Laat een van de volgende eigenschappen leeg als deze niet belangrijk zijn voor de stijl: Achtergrondkleur Hiermee stelt u de achtergrondkleur voor het element in. Het kenmerk voor achtergrondkleur wordt door beide browsers ondersteund. Achtergrondafbeelding Hiermee stelt u de achtergrondafbeelding voor het element in. Het kenmerk voor achtergrondafbeelding wordt door beide browsers ondersteund. Herhalen Hiermee bepaalt u of, en hoe, de achtergrondafbeelding wordt herhaald.
-
DREAMWEAVER CS3 128 Handboek het documentvenster weer wanneer de label wordt toegepast op elementen op blokniveau. Het kenmerk voor tekst laten inspringen wordt door beide browsers ondersteund. Witruimte Hiermee bepaalt u hoe binnen het element met witruimte wordt omgesprongen. Selecteer uit de volgende drie opties: Bij Normaal wordt witruimte samengevouwen; bij Pre wordt witruimte behandeld alsof de tekst is omgeven door de labels pre (d.w.z.
-
DREAMWEAVER CS3 129 Handboek 2 Dubbelklik op een bestaande regel of eigenschap in het bovenste deelvenster van het paneel CSS-stijlen. 3 Selecteer in het dialoogvenster CSS-regeldefinitie de optie Rand en stel een van de volgende stijleigenschappen in. (Laat de eigenschap leeg als deze niet belangrijk is voor de stijl.) Stijl Hiermee bepaalt u het uiterlijk van de stijl van de rand. De manier waarop de stijl eruitziet, is afhankelijk van de browser.
-
DREAMWEAVER CS3 130 Handboek Laat een van de volgende eigenschappen leeg als deze niet belangrijk zijn voor de stijl: Typ Hiermee bepaalt u als volgt hoe de browser het geselecteerde element gaat positioneren: • Absoluut plaatst de inhoud met behulp van de coördinaten die u hebt opgegeven in de vakken Plaatsing, relatief ten opzichte van het dichtstbijzijnde absoluut of relatief gepositioneerde bovenliggende element, of, als er geen absoluut of relatief gepositioneerd bovenliggende element is, in de linke
-
DREAMWEAVER CS3 131 Handboek Eigenschappen voor CSS-stijlextensies definiëren Extensies, stijleigenschappen inclusief filters, paginascheiding en opties voor de aanwijzer. Opmerking: Er is een aantal andere extensie-eigenschappen beschikbaar in Dreamweaver, maar voor toegang hiertoe dient u het paneel CSS-stijlen te gebruiken.
-
DREAMWEAVER CS3 132 Handboek 3 Ga op een van de volgende manieren te werk: • Dubbelklik op een regel in het deelvenster Alle regels om het dialoogvenster CSS-regeldefinitie weer te geven en breng vervolgens uw wijzigingen aan. • Selecteer een regel in het deelvenster Alle regels en bewerk vervolgens de eigenschappen van de regel in het deelvenster Eigenschappen hieronder.
-
DREAMWEAVER CS3 133 Handboek Als u de precieze tag wilt opgeven waarop de CSS-stijl moet worden toegepast, selecteert u de tag in de tagkiezer linksonder in het documentvenster. 2 Voer een van de volgende handelingen uit om een klassestijl toe te passen: • Selecteer in het paneel CSS-stijlen (Venster > CSS-stijlen) de modus Alles, klik met de rechtermuisklok op de naam van de stijl die u wilt toepassen, en selecteer Toepassen in het contextmenu.
-
DREAMWEAVER CS3 134 Handboek 2 In het dialoogvenster “Verplaatsen naar externe stijlpagina” selecteert u de nieuwe stijlpaginaoptie. Klik vervolgens op OK 3 In het dialoogvenster “Bestand stijlpagina opslaan als” voert u de naam in van de nieuwe stijlpagina. Klik vervolgens op Opslaan Wanneer u klikt op Opslaan, slaat Dreamweaver een nieuw stijlblad met de door u geselecteerde regels op en wordt dit als bijlage aan het huidige document toegevoegd.
-
DREAMWEAVER CS3 135 Handboek Koppelen naar een externe CSS-stijlpagina Als u een externe CSS-stijlpagina bewerkt, worden alle aan die CSS-stijlpagina gekoppelde documenten bijgewerkt om deze bewerkingen door te voeren. U kunt de in een document aangetroffen CSS-stijlen exporteren om zo een nieuwe CSSstijlpagina te maken en deze te koppelen aan een externe stijlpagina door de hier gevonden stijlen toe te passen. U kunt aan uw pagina's elke stijlpagina koppelen, die u maakt of kopieert naar uw site.
-
DREAMWEAVER CS3 136 Handboek CSS-code opmaken U kunt voorkeuren instellen voor het regelen van de CSS-codeopmaak wanneer u een CSS-regel maakt of bewerkt met behulp van de Dreamweaver-interface. Bijvoorbeeld: u kunt voorkeuren instellen waardoor alle CSS-eigenschappen op aparte regels worden geplaatst, blanco regels tussen de CSS-regels worden geplaatst, etc.
-
DREAMWEAVER CS3 137 Handboek Controleren op problemen met CSS-weergave tussen browsers De functie BCC (Browser Compatibility Check) dient voor het zoeken naar combinaties van HTML en CSS die problemen ervaren in bepaalde browsers. Wanneer u een BCC toepast op een geopend bestand, zal Dreamweaver het bestand scannen en mogelijke problemen met de CSS-weergave rapporteren in het paneel Resultaten.
-
DREAMWEAVER CS3 138 Handboek 3 Selecteer het aankruisvakje naast de browsers die u wilt controleren. 4 Selecteer voor iedere opgegeven browser in het overkomstige pop-upmenu de minimale versie die u wilt controleren. Bijvoorbeeld: als u wilt controleren of CSS-weergavebugs kunnen verschijnen in Internet Explorer 5.0 en later en Netscape Navigator 7.0 en later, selecteert u de aankruisvakjes naast de betreffende browsers en selecteert u 5.0 in het pop-upmenu van Internet Explorer en 7.
-
DREAMWEAVER CS3 139 Handboek Als u een Design-Time stijlpagina wilt gebruiken, gaat u als volgt te werk. 1 Open het dialoogvenster Design-Time stijlbladen op een van de volgende manieren: • Klik met de rechtermuisknop in het paneel CSS-stijlen en selecteer in het contextmenu Design-Time. • Selecteer Tekst > CSS-stijlen > Design-Time.
-
DREAMWEAVER CS3 140 Handboek 2 Vertel alle gebruikers van Contribute die aan de site werken, om pagina's te publiceren die deze stijlpagina gebruiken, en om deze pagina's vervolgens opnieuw te bewerken om de nieuwe stijlpagina te bekijken.
-
DREAMWEAVER CS3 141 Handboek B A C A. Containerelement B. Sidebar div C. Element Hoofdinformatie (Main Content) Hier volgt de codering voor alle drie div-elementen in de HTML:
