Dreamweaver CS5 All-in-One Cheat Sheet

December 25  by Eliza

Ved hjelp av Dreamweaver CS5 er så mye raskere når du vet snarveiene. Bruk disse tastatursnarveiene på design, Split, og utsikt Kode for raskt å opprette dokumenter, utføre redigeringsoppgaver, skjule og vise arbeidsområde funksjoner, bruke enkel formatering, redigere kode, gjøre valg, tilgang Dreamweaver hjelp, forhåndsvise sider i Live View og i en nettleser og mer.

Tastaturkommandoer PC Shortcut Mac Shortcut
Opprett et nytt dokument Ctrl + N Command + N
Åpne et eksisterende dokument Ctrl + O Command + O
Lagre et åpent dokument Ctrl + S Command + S
Lukke et åpent dokument Ctrl + W Command + W
Lukk alle åpne dokumenter Ctrl + Shift + W Command + Shift + W
Avslutt / Quit Dreamweaver Ctrl + Q eller Alt + F4 Kommando + Q eller Opt + F4
Angre Ctrl + Z eller Alt + Backspace Tilvalg + Delete
Gjør om Ctrl + Y eller
Ctrl + Shift + Z
Command + Y eller Command + Shift + Z
Kutt Ctrl + X eller
Shift + Delete
Command + X eller
Shift + Delete
Kopi Ctrl + C Command + C
Lim inn Ctrl + V Command + V
Lim spesiell Ctrl + Shift + V Command + Shift + V
Velg alle Ctrl + A Command + A
Finn og erstatt Ctrl + F Command + F
Åpne Preferanse panel Ctrl + U Command + U
Vis / skjul linjaler Ctrl + Alt + R Kommando + Tilvalg + R
Show / skjule guider Kontroll +; Command +;
Vis / skjul visuelle hjelpemidler Ctrl + Shift + I Command + Shift + I
Vis / skjul rutenett Ctrl + Alt + G Kommando + Tilvalg + G
Rediger sideegenskaper Ctrl + J Command + J
Refresh Design view F5 F5
Gjør valgte teksten fet Ctrl + B Command + B
Gjør markert tekst kursiv Ctrl + I Command + I
Påfør avsnittsformatering til markert tekst Ctrl + Shift + P Command + Shift + P
Påfør overskriften formatering (H1-H6) til markert tekst Ctrl + 1 til 6 Command + 1 til 6
Legg til et nytt avsnitt Retur Retur
Legg inn et linjeskift <BR> Shift + Return Shift + Return
Sett inn en brytende mellomrom Command + Shift + Mellomrom Command + Shift + Mellomrom
Flytt objekt eller tekst Dra utvalget til ny plassering Dra utvalget til ny plassering
Kopier objekt eller tekst Kontroll-dra valg til ny plassering Tilvalg-dra valg til ny plassering
Velg et ord Dobbeltklikk Dobbeltklikk
Velg en rad eller tekstblokk Trippel-klikk Trippel-klikk
Sett inn bilde Ctrl + Alt + I Kommando + Tilvalg + I
Sett inn tabell Ctrl + Alt + T Kommando + Tilvalg + T
Kjør en stavekontroll Shift + F7 Shift + F7
Åpne Hjelp-vinduet F1 F1
Zoome inn Kontroll + = Command + =
Zoome ut Kontroll + - Command + -
Forhåndsvisning i primær nettleser F12 Tilvalg + F12
Forhåndsvisning i videregående leseren Shift + F12 eller Ctrl + F12 Command + F12
Live View Alt + F11 Tilvalg + F11
Freeze Java F11 F11
Inspisere Alt + Shift + F11 Tilvalg + Shift + F11
Kode Navigator Ctrl + Alt + N Kommando + Tilvalg + N
Ctrl + Shift + D Command + Shift + D
Sette Ctrl + Shift + U Command + Shift + U
Sjekke inn Ctrl + Alt + Shift + U Kommando + Tilvalg + Shift + U
Sjekk ut Ctrl + Alt + Shift + D Kommando + Tilvalg + Skift + D

HTML, CSS og Javascript-kode hint

Som en web designer, bruker du noen biter av HTML, CSS og Javascript-kode ofte, men ikke ofte nok til å forplikte seg til minnet. Følgende HTML-kode, CSS stil, og Javascript hint er hendig når du legger til spesielle elementer som null lenker, meta tags, og enheter til sidene dine. Bruk disse HTML, CSS og Javascript-kode hint i kodevisning, Egenskaper inspektør, og dine CSS stilark.

HTML kode Hint Kode Shortcut
Lag en null lenke # Eller javascript :; eller javascript: void (0) som i <a href="#"> lenke </a>
<a href="javascript:;"> lenke </a>
<a href="javascript:void(0)"> lenke </a>
Lag heter anker lenke Link til Target
<a href="#anchorname"> lenke </a>
Target
<a name="anchorname"> </a>
Lag en link til navngitt anker i en annen side <a href="otherpage.html#anchorname"> lenke </a>
Sett inn linjeskift <br />
Lukk vinduet Java <a href="javascript:window.close();"> Lukk dette vinduet </a>
Revidere etter x dager meta tag <Meta name = "revidere-etter" content = "5 dager" />
Ingen cache meta tag <Meta http-equiv = "pragma" content = "no-cache">
Meta link til hjemmesiden <Link rel = "Index" href = "index.html" />
Meta lenke til sitemap side <Link rel = "Site Map" href = "sitemap.html" />
Meta lenke til snarveisikonet <Link rel = "Shortcut Icon" href = "favicon.ico" />
Meta link til snarveisikonet ved hjelp av GIF i stedet for ICO <Link rel = "Shortcut Icon" type = "image / gif" href = "favicon.gif" />
Link til ekstern JS-fil <Script src = "myjsfile.js" type = "text / javascript"> </ script>
Link til ekstern CSS <Link rel = "stylesheet" type = "text / css" href = "css / ie.css" media = "screen" />
Import @ link til ekstern CSS <Style media = "alt" type = "text / css">
import "css / all.css";
</ Style>
CSS link for IE nettlesere mindre enn IE 7 <! - [If lt IE 7]>! <Link rel = "stylesheet" type = "text / css" href = "ie.css" media = "alt" /> <[endif] →
Sett inn et bilde med ALT-attributtet <Img src = "images / myfile.png" alt = "My File" />
Tom ALT attributt for bilde <Img src = "images / myfile.png" alt = "" />
Entity å legge tomrom & Nbsp; eller
Entity å legge til copyright & Copy; eller ©
Entity å legge varemerke & Trade; eller ™
Entity å legge ampersand & Amp; eller &
Legg NoScript tags <Noscript> ...
Link mål _blank
_new
_self
_parent
_top
Påfør CSS tilpasset stil med SPAN tags <Span class = "stylename"> ...
Kommentarkoder i HTML og Javascript <! - Din kommentar her // →
Kommentarkoder i CSS / * Din kommentar her * /
Oppbygging av en CSS tag omdefinere stil tag {
attributt: verdi;
}
Oppbygging av en CSS-ID stil #ID {
attributt: verdi;
}
Oppbygging av en CSS tilpasset stil .stylename {
attributt: verdi;
}
CSS for kobling stiler en: link {
attributt: verdi;
}
a: besøkt {
attributt: verdi;
}
a: hover {
attributt: verdi;
}
a: active {
attributt: verdi ;;
}