Sådan bruges Adobe Dreamweaver

Adobe Dreamweaver er så stærkt et værktøj til webdesignere, fordi det har så mange ting, du kan gøre med det. Selvfølgelig gør alle de ting, du kan gøre, det udfordrende at lære. Find ud af nogle af de mange ting, som Dreamweaver kan, herunder ændringer i den seneste version, CS5. Og glem ikke at tjekke de ting, der er mangler fra Dreamweaver CS5.

Definition af et websted

• Start en ny hjemmeside
• Opret en hjemmeside
• Konfigurer kun de dele af webstedet, du har brug for, når du har brug for dem *Ny i CS5
• Konfigurer fjern-, QA- og testservere for mere komplette arbejdsgange *Nyhed i CS5
• Opret og udgiv nye mapper
• Skift doctype
• Inkluder metadata på dine sider

Sæt dit websted live

• Definer et eksternt websted
• FTP-filer til webserveren
• Brug et versionskontrolsystem til at tjekke filer ind og ud
• Forbind med Subversion for mere avanceret versionskontrol *Ny i CS5
• Efterlad noter til dine holdkammerater

Oprettelse af websider

• Skriv en side i WYSIWYG-tilstand
• Skriv en side i HTML
• Opret en ny side fra en skabelon
• Opret en ny side fra bunden
• Opret en skabelon
• Gem filer i dit webstedsmappe
• Definer sideegenskaberne

CSS

• Brug CSS style sheets
• Tilføjelse af inline-stile
• Opret et eksternt typografiark
• Vedhæft et eksternt stilark
• Opret klasse-, ID-, tag- og sammensatte CSS-vælgere
• Rediger eksisterende CSS-regler
• Opret CSS til printbare sider
• Aktiver og deaktiver stilegenskaber *Ny i CS5
• Inspicer CSS-boksmodellen visuelt *Ny i CS5

Tekst

• Rediger tekst
• Brug forskellige skrifttyper
• Indsæt et linjeskift
• Brug specialtegn
• Inkluder dagens dato
• Skriv kommentarer
• ansøge HTML tags at sms'e
• Tilføj HTML-attributter til tags

Links

• Link tekst og billeder
• Tjek webstedslinks
• Skift standard linkfarver (link, besøgt, svæv, aktiv)
• Opret værktøjstip om links
• Opret mailto-links
• Opret websideankre

Billeder

• Tilføj grafik til en side
• Rediger billeder
• Ændr størrelse på billeder
• Tilføj alt-tekst til billeder
• Tilføj yderligere tilgængelighedsmuligheder til billeder
• Juster billeder og tekst
• Opret et rollover-billede
• Brug billedkort
• Brug sporingsbilleder
• Brug billedpladsholdere
• Indsæt Fireworks HTML
• Indsæt Photoshop-filer

Layout

• Brug de inkluderede gratis skabeloner *Nye CSS-startlayouts i CS5
• Indsæt divs til layout
• Rediger div'er i panelet CSS-stile
• Indsæt absolut placerede elementer
• Formater absolut placerede elementer i ejendomsinspektøren
• Brug linealer, gitter og hjælpelinjer

Lister

• Tilføj punktopstilling og nummererede lister
• Tilpas listepunkter og tal

Tabeller

• Lav en tabel
• Tilføj overskriftsrækker og -kolonner
• Brug gennemsigtige billeder for at holde tabelceller åbne
• Opret kolonner med fast bredde og fleksible bredde
• Skift kantstile for tabeller
• Integrer en tabel i en tabel
• Importer tabeldata

Former

• Brug en mailto-formular
• Definer formularhandlinger
• Tilføj tekst, radio, afkrydsningsfelt, fil, billede, markerede felter og skjulte formularfelter
• Gør dine formularer tilgængelige med feltsæt og etiketfelter
• Opret brugerdefinerede indsend-knapper
• Valider formularer med JavaScript (Spry)

Databaser og PHP scripting

• Vedhæft dit websted til en database
• Opret et PHP/mySQL-websted
• Brug Spry-elementer til at oprette forbindelse til databasen
• Indsæt dataobjekter på dine sider
• Test og opdater en Spry-datakilde eller -skærm
• Rediger komplekse dynamiske websteder i designvisning
• Oplev alle dynamisk relaterede filer for at samle PHP CMS-websteder (WordPress, Joomla og Drupal) *Ny i CS5
• Tilpasset klassehint til PHP-kode, inklusive tredjepartsframeworks som Zend frameworket *Ny i CS5

Rammer

• Byg en indrammet hjemmeside
• Rediger noframes-indhold
• Formater og style dine rammer
• Opsæt standardlinkmål mellem frames

Tilføj interaktivitet

• Byg et fotoalbum (Ikke længere i CS5)
• Tilføj lyd til websider
• Opret en rullemenu
• Brug Dreamweaver-adfærd til at åbne pop op-vinduer, oprette springmenuer, afspille lyd, bytte billeder og mere
• Tilføj RSS-feeds til et websted
• Indsæt Flash-tekst som en rollover
• Indsæt CSS-tekst som en rollover
• Indsæt andre plugins
• Tilføj Spry-menulinje, paneler med faner, harmonika, værktøjstip og sammenklappeligt panel
• Brug Widget-browseren til at finde nye widgets til dit websted, uden at du behøver at kende JavaScript

Test dine sider

• Test dine sider i Live View for at se ændringerne på grund af JavaScript og interaktivitet *Ny i CS5
• Valider din HTML
• Se forhåndsvisning af dine sider i flere browsere
• Brug BrowserLab til at få vist dine sider i andre operativsystemer *Ny i CS5
• Brug Device Central til at kontrollere, hvordan siderne ser ud på mobile enheder
• Tjek browserkompatibilitet
• Skift indstillingerne, så de passer til det, dit websted skal arbejde med
• Tjek interne webstedslinks
• Test dit websteds tilgængelighed (ikke længere i CS5)
• Konverter a Word-dokument til HTML

Tilpas Dreamweaver

• Tilføj udvidelser
• Deaktiver udvidelser
• Tilpas Dreamweaver med genveje

Øg din effektivitet

• Brug indbyggede tastaturgenveje
• Brug kodestykker
• Opret og brug skabeloner
• Generer nye sider fra brugerdefinerede skabeloner
• Opdater skabeloner
• Inkluder én fil i en anden med Dreamweaver-biblioteket
• Opdater bibliotekselementer
• Inkluder en fil i en anden ved hjælp af SSI
• Brug søg og erstat