Dreamweaver CS5 kan i høj grad forbedre produktiviteten og ændre den måde, du bygger websteder på. At kende alle de vigtige Dreamweaver CS5-tastaturgenveje og almindelige HTML-kodningsregler kan øge din effektivitet som designer endnu mere. Find vej rundt i Dreamweaver-arbejdsområdet med tastaturgenveje, der er nemme at huske, og almindelige kodningstip, så du kan arbejde hurtigere og smartere og bygge dine websteder med større lethed.
Spar tid med Dreamweaver CS5 tastaturgenveje
At bruge Dreamweaver CS5 er så meget hurtigere, når du kender genvejene. Brug disse tastaturgenveje i Design-, Split- og Code-visninger til hurtigt at oprette dokumenter, udføre redigeringsopgaver, skjule og vise arbejdsområdefunktioner, anvende simpel formatering, redigere kode, foretage valg, få adgang til Dreamweaver-hjælp, forhåndsvise sider i Live View og i en browser , og mere.
| Tastaturkommandoer |
PC genvej |
Mac genvej |
| Opret et nyt dokument |
Kontrol+N |
Kommando+N |
| Åbn et eksisterende dokument |
Kontrol+O |
Kommando+O |
| Gem et åbent dokument |
Kontrol+S |
Kommando+S |
| Luk et åbent dokument |
Kontrol+W |
Kommando+W |
| Luk alle åbne dokumenter |
Control+Shift+W |
Kommando+Shift+W |
| Afslut/Afslut Dreamweaver |
Ctrl+Q eller Alt+F4 |
Kommando+Q eller Opt+F4 |
| Fortryd |
Ctrl+Z eller Alt+Tilbage |
Valg+Slet |
| Gentag |
Control+Y eller
Control +Shift+Z |
Kommando+Y eller Kommando+Skift+Z |
| Skære |
Ctrl+X eller
Shift+Delete |
Kommando+X eller
Shift+Delete |
| Kopi |
Kontrol+C |
Kommando+C |
| sæt ind |
Kontrol+V |
Kommando+V |
| Indsæt speciel |
Control+Shift+V |
Kommando+Skift+V |
| Vælg alle |
Kontrol+A |
Kommando+A |
| Find og erstat |
Kontrol+F |
Kommando+F |
| Åbn panelet Præferencer |
Kontrol+U |
Kommando+U |
| Vis/skjul linealer |
Kontrol+Alt+R |
Kommando+Alternativ+R |
| Vis/skjul guider |
Kontrol+; |
Kommando+; |
| Vis/skjul visuelle hjælpemidler |
Control+Shift+I |
Kommando+Skift+I |
| Vis/skjul gitter |
Kontrol+Alt+G |
Kommando+Alternativ+G |
| Rediger sideegenskaber |
Kontrol+J |
Kommando+J |
| Opdater designvisning |
F5 |
F5 |
| Gør valgt tekst fed |
Kontrol+B |
Kommando+B |
| Gør markeret tekst kursiv |
Kontrol+I |
Kommando+I |
| Anvend afsnitsformatering på valgt tekst |
Control+Shift+P |
Kommando+Skift+P |
| Anvend overskriftsformatering (H1–H6) på valgt tekst |
Kontrol+1 til 6 |
Kommando+1 til 6 |
| Tilføj nyt afsnit |
Vend tilbage |
Vend tilbage |
| Tilføj et linjeskift |
Shift+Retur |
Shift+Retur |
| Indsæt et brudsikkert mellemrum |
Kommando+Skift+Mellemrum |
Kommando+Skift+Mellemrum |
| Flyt objekt eller tekst |
Træk markeringen til den nye placering |
Træk markeringen til den nye placering |
| Kopier objekt eller tekst |
Kontrol-træk markering til ny placering |
Valg-træk markering til ny placering |
| Vælg et ord |
Dobbeltklik |
Dobbeltklik |
| Vælg en række eller tekstblok |
Tredobbelt-klik |
Tredobbelt-klik |
| Indsæt billede |
Kontrol+Alt+I |
Kommando+Alternativ+I |
| Indsæt tabel |
Kontrol+Alt+T |
Kommando+Alternativ+T |
| Kør en stavekontrol |
Skift+F7 |
Skift+F7 |
| Åbn hjælpevinduet |
F1 |
F1 |
| Zoom ind |
Kontrol+= |
Kommando+= |
| Zoome ud |
kontrol+- |
Kommando+- |
| Forhåndsvisning i primær browser |
F12 |
Option+F12 |
| Forhåndsvisning i sekundær browser |
Skift+F12 eller Control+F12 |
Kommando+F12 |
| Live View |
Alt+F11 |
Option+F11 |
| Frys JavaScript |
F11 |
F11 |
| Inspicere |
Alt+Shift+F11 |
Option+Shift+F11 |
| Kode Navigator |
Kontrol+Alt+N |
Kommando+Alternativ+N |
| Få |
Control+Shift+D |
Kommando+Skift+D |
| Sætte |
Control+Shift+U |
Kommando+Skift+U |
| Tjek ind |
Control+Alt+Shift+U |
Kommando+Alternativ+Skift+U |
| Tjek ud |
Control+Alt+Shift+D |
Kommando+Alternativ+Skift+D |
HTML-, CSS- og JavaScript-kodetip
Som webdesigner bruger du nogle stykker HTML, CSS og JavaScript-kode ofte, men ikke ofte nok til at forpligte dig til hukommelsen. Følgende HTML-kode, CSS-stil og JavaScript-tip er praktiske, når du tilføjer specielle elementer såsom nul-links, metatags og entiteter til dine sider. Brug disse HTML-, CSS- og JavaScript-kodetip i kodevisningen, egenskabsinspektøren og dine CSS-typografiark.
| HTML-kodetip |
Kode genvej |
| Opret et null-link |
# eller javascript:; eller javascript: void (0) som i <>
href =”#”> link
link
link |
| Opret navngivet ankerlink |
Link til Target
link
Target |
| Opret link til navngivet anker på en anden side |
link |
| Indsæt linjeskift |
|
| Luk vinduet JavaScript |
Luk dette
vindue |
| Genbesøg efter x dages metatag |
|
| Intet cache-metatag |
|
| Metalink til hjemmesiden |
|
| Metalink til sitemapside |
|
| Metalink til genvejsikon |
|
| Metalink til genvejsikon ved hjælp af GIF i stedet for ICO |
|
href="favicon.gif" /> |
| Link til ekstern JS-fil |
type="text/javascript"> |
| Link til ekstern CSS |
|
media="skærm"/> |
| Import@-link til ekstern CSS |
|
| CSS-link til IE-browsere mindre end IE 7 |
|
type=”text/css” href=”ie.css”
media=”all”/> |
| Indsæt et billede med ALT-attribut |
 |
| Tom ALT-attribut for billede |
![”]() |
| Enhed for at tilføje tomrum |
eller |
| Enhed til at tilføje ophavsret |
© eller © |
| Enhed til at tilføje varemærke |
™ eller ™ |
| Enhed for at tilføje et-tegnet |
& eller & |
| Tilføj NoScript-tags |
|
| Linkmål |
_blank
_ny
_selv
_forælder
_top |
| Anvend tilpasset CSS-stil med SPAN-tags |
… |
| Kommentar tags i HTML og JavaScript |
|
| Kommentar tags i CSS |
/* Din kommentar her */ |
| Strukturen af et CSS-tag omdefinerer stil |
tag {
attribut: værdi;
} |
| Struktur af en CSS ID-stil |
#ID {
attribut: værdi;
} |
| Struktur af en tilpasset CSS-stil |
.stylename {
attribut: værdi;
} |
| CSS til linkstile |
a:link {
attribut: værdi;
}
a:visited {
attribut: værdi;
}
a:hover {
attribut: værdi;
}
a:active {
attribut: værdi;;
} |