Adobe Dreamweaver is zo'n krachtig hulpmiddel voor webontwerpers, omdat het zoveel dingen kan doen. Natuurlijk, al die dingen die je kunt doen, maken het een uitdaging om te leren. Ontdek enkele van de vele dingen die Dreamweaver kan doen, inclusief wijzigingen in de nieuwste versie, CS5. En vergeet niet om de dingen die ontbreken in Dreamweaver CS5 te bekijken.
Een site definiëren
- Start een nieuwe website
- Maak een website
- Stel alleen de delen van de site in die u nodig heeft, wanneer u ze nodig hebt * Nieuw in CS5
- Remote-, QA- en testservers instellen voor completere workflows * Nieuw in CS5
- Maak en publiceer nieuwe mappen
- Verander het doctype
- Neem meta-gegevens op in uw pagina's
Uw site live zetten
- Definieer een externe site
- FTP-bestanden naar de webserver
- Gebruik een versiecontrolesysteem om bestanden in en uit te checken
- Maak verbinding met Subversion voor meer geavanceerde versiecontrole * Nieuw in CS5
- Laat notities achter voor je teamgenoten
Webpagina's maken
- Schrijf een pagina in de WYSIWYG-modus
- Schrijf een pagina in HTML
- Maak een nieuwe pagina van een sjabloon
- Maak een nieuwe pagina vanuit het niets
- Maak een sjabloon
- Sla bestanden op in de directory van uw site
- Definieer de pagina-eigenschappen
CSS
- Gebruik CSS-stijlbladen
- Inline stijlen toevoegen
- Maak een externe stijlpagina
- Voeg een externe stijlpagina toe
- Maak klasse-, ID-, tag- en samengestelde CSS-selectors
- Bewerk bestaande CSS-regels
- Maak CSS voor afdrukbare pagina's
- Stijleigenschappen inschakelen en uitschakelen * Nieuw in CS5
- Inspecteer het CSS-boxmodel visueel * Nieuw in CS5
Tekst
- Wijzig tekst
- Gebruik verschillende lettertypen
- Voeg een regeleinde in
- Gebruik speciale tekens
- Neem de datum van vandaag op
- Schrijf commentaar
- HTML-tags toepassen op tekst
- HTML-kenmerken toevoegen aan tags
Links
- Tekst en afbeeldingen koppelen
- Bekijk sitelinks
- Wijzig de standaard linkkleuren (link, bezocht, hover, actief)
- Maak tooltips over links
- Maak mailto-koppelingen
- Maak webpagina-ankers
Afbeeldingen
- Afbeeldingen toevoegen aan een pagina
- Bewerk afbeeldingen
- Wijzig de grootte van afbeeldingen
- Alt-tekst aan afbeeldingen toevoegen
- Voeg extra toegankelijkheidsopties toe aan afbeeldingen
- Lijn afbeeldingen en tekst uit
- Maak een rollover-afbeelding
- Gebruik afbeeldingskaarten
- Gebruik tracing images
- Gebruik tijdelijke aanduidingen voor afbeeldingen
- Voeg Fireworks HTML in
- Voeg Photoshop-bestanden in
lay-out
- Gebruik de meegeleverde gratis sjablonen * Nieuwe CSS-startlay-outs in CS5
- Voeg divs in voor lay-out
- Bewerk divs in het deelvenster CSS-stijlen
- Voeg absoluut geplaatste elementen in
- Formatteer absoluut gepositioneerde elementen in de eigenschappencontrole
- Gebruik linialen, rasters en hulplijnen
lijsten
- Voeg opsommingstekens en genummerde lijsten toe
- Pas lijstkogels en aantallen aan
tabellen
- Maak een tafel
- Voeg koprijen en kolommen toe
- Gebruik transparante afbeeldingen om tabelcellen open te houden
- Maak kolommen met een vaste breedte en flexibele breedte
- Wijzig de randstijlen van tabellen
- Sluit een tabel in een tabel in
- Importeer tabulaire gegevens
vormen
- Gebruik een mailto-formulier
- Definieer formulieracties
- Voeg tekst, radio, selectievakje, bestand, afbeelding, selectievakjes en verborgen formuliervelden toe
- Maak uw formulieren toegankelijk met veldset- en labelvelden
- Maak aangepaste verzendknoppen
- Formulieren valideren met JavaScript (Spry)
Databases en PHP Scripting
- Voeg uw site toe aan een database
- Een PHP / mySQL-site opzetten
- Gebruik Spry-elementen om verbinding te maken met de database
- Voeg data-objecten in uw pagina's
- Test en update een Spry-gegevensbron of -weergave
- Bewerk complexe dynamische sites in ontwerpweergave
- Ontdek alle dynamisch gerelateerde bestanden om PHP CMS-sites samen te stellen (WordPress, Joomla en Drupal) * Nieuw in CS5
- Aangepaste klassenhints voor PHP-code, waaronder frameworks van derden, zoals het Zend-framework * Nieuw in CS5
frames
- Bouw een ingelijste website
- Bewerk noframes-inhoud
- Formatteer en style uw frames
- Stel standaard linkdoelen tussen frames in
Interactiviteit toevoegen
- Bouw een fotoalbum (niet langer in CS5)
- Geluid toevoegen aan webpagina's
- Maak een vervolgkeuzemenu
- Gebruik het gedrag van Dreamweaver om pop-upvensters te openen, springmenu's te maken, geluid af te spelen, afbeeldingen te wisselen en meer
- Voeg RSS-feeds toe aan een site
- Voeg Flash-tekst in als een rollover
- Voeg CSS-tekst in als een rollover
- Voeg andere plug-ins toe
- Voeg Spry-menubalk, panelen met tabs, accordeon, tooltip en inklapbaar paneel toe
- Gebruik de widgetbrowser om nieuwe widgets voor uw site te vinden zonder JavaScript te hoeven kennen
Test uw pagina's
- Test uw pagina's in Live View om de wijzigingen als gevolg van JavaScript en interactiviteit te zien * Nieuw in CS5
- Valideer uw HTML
- Bekijk een voorbeeld van uw pagina's in verschillende browsers
- Gebruik BrowserLab om een voorbeeld van uw pagina's in andere besturingssystemen weer te geven * Nieuw in CS5
- Gebruik Device Central om te controleren hoe de pagina's eruitzien op mobiele apparaten
- Controleer de browsercompatibiliteit
- Wijzig de instellingen om aan te geven waar uw site mee moet werken
- Controleer de links naar interne sites
- Test de toegankelijkheid van uw site (niet langer in CS5)
- Converteer een Word-document naar HTML
Pas Dreamweaver aan
- Extensies toevoegen
- Schakel extensies uit
- Pas Dreamweaver aan met snelkoppelingen
Verhoog uw efficiëntie
- Gebruik ingebouwde sneltoetsen voor het toetsenbord
- Gebruik codefragmenten
- Maak en gebruik sjablonen
- Genereer nieuwe pagina's van aangepaste sjablonen
- Sjablonen bijwerken
- Voeg één bestand in een ander bestand toe met de Dreamweaver-bibliotheek
- Bibliotheekitems bijwerken
- Voeg het ene bestand in het andere toe met behulp van SSI
- Gebruik zoeken en vervangen
