I den dynamiske verden av webdesign er Adobe Dreamweaver et uunnværlig verktøy for utviklere og designere. Men for å virkelig utnytte det fulle potensialet til denne kraftige programvaren, er tastatursnarveier et nøkkellement.

Tastatursnarveier i Dreamweaver er mye mer enn bare praktiske snarveier. De er en bro til mer effektivt og raskere arbeid. Med disse snarveiene kan du utføre komplekse oppgaver med bare noen få tastetrykk, noe som øker produktiviteten og sparer verdifull tid. De lar deg smidig navigere mellom ulike funksjoner og visninger uten å måtte bruke omstendelige menyer. Dette fører til en nå mer flytende og intuitiv arbeidsflyt, noe som er spesielt fordelaktig når tidsfristene er korte.

I denne artikkelen vil du lære hvordan du kan optimalisere dine webdesign- og utviklingsprosesser med de viktigste Dreamweaver-tastatursnarveiene. Enten du er en nybegynner eller en erfaren profesjonell - disse snarveiene vil fundamentalt forbedre arbeidet ditt i Dreamweaver. Klar til å ta dine webdesign-ferdigheter til neste nivå? Dykk ned i verden av Dreamweaver-snarveier!

Innholdsfortegnelse

Fil

FilSnarvei
NyCtrl + N
ÅpneCtrl + O
Bla gjennom broCtrl + Alt + O
LukkCtrl + W
Lukk alleCtrl + Skift + W
LagreCtrl + S
Lagre somCtrl + Skift + S
Skriv utCtrl + P
PreferanserCtrl + U
Forhåndsvisning i nettleserF12 / Alt + F12
Sjekk linkerSkift + F8
AvsluttCtrl + Q

Visning / Redigering

Visning / RedigeringSnarvei
Zoom innCtrl + +
Zoom utCtrl + -
Zoom inn/utCtrl + Musehjul
Lim inn med valgCtrl + Skift + V
SøkCtrl + F
Søk videre i valgSkift + F3
Søk videreF3
Bytt visningCtrl + #
Vis linjalerCtrl + Alt + R
Vis hjelpelinjerCtrl + Skift + #
Live-visningAlt + F11
AngreCtrl + Z
GjentaCtrl + Y
Vis rutenettCtrl + Alt + G
Juster med rutenettCtrl + Skift + Alt + G
Vis HTML-hodeCtrl + Skift + H
Avansert tabellmodusAlt + F6
Skjul altCtrl + Skift + I
Stopp JavaScriptF6
Spill av plug-insCtrl + Alt + P
Stopp plug-insCtrl + Alt + X

Designvisning

DesignvisningSnarvei
HurtigtagredigererCtrl + T
Kode-navigatorCtrl + Alt + Klikk
Oppdater designvisningF5
Pikselbredde ved hjelpelinjerCtrl

Kildekode & Design

HandlingSnarvei
Ingen tekstformateringCtrl + 0
Overskrift 1 - <h1>Ctrl + 1
Overskrift 3 - <h3>Ctrl + 3
Overskrift 6 - <h6>Ctrl + 6
Absktrakt - <p>Ctrl + Skift + P
Lenker - <div align="venstre">Ctrl + Skift + Alt + L
Høyre - <div align="høyre">Ctrl + Skift + Alt + R
Sentrert - <div align="senter">Ctrl + Skift + Alt + C
Blokkjustert - <div align="justifiser">Ctrl + Skift + Alt + J
FetCtrl + B
KursivCtrl + I

Arbeid i Kildekoden

HandlingSnarvei
KodeassistensCtrl + Mellomrom
Gå til linjeCtrl + G
Marker valgt med #Ctrl + Skift + 3
Fjern venstrestilt ordCtrl + Bakstilt (Backspace)
Fjern høyrestilt ordCtrl + Slett
Velg linje overSkift + Piltast opp
Velg linje underSkift + Piltast ned
Velg venstrestilt tegnSkift + Piltast venstre
Velg høyrestilt tegnSkift + Piltast høyre
Velg hele siden nedoverSkift + Side ned
Velg hele siden oppoverSkift + Side opp
Hopp til neste ord til venstreCtrl + Piltast venstre
Hopp til neste ord til høyreCtrl + Piltast høyre
Velg venstrestilt ordCtrl + Skift + Piltast venstre
Velg høyrestilt ordCtrl + Skift + Piltast høyre
Hopp til linjestartPos1 / Piltast skrå opp venstre
Hopp til linjesluttSlutt / Piltast skrå ned høyre
Velg til linje startSkift + Pos1
Velg til linje sluttSkift + Slutt
Hopp til linje nummer 1Ctrl + Pos1
Hopp til siste linjenummerCtrl + Slutt

Sette inn

AksjonSnarvei
BildeStrg + Alt + I
TabellStrg + Alt + T
Mellomrom ( )Strg + Shift + Space
Linjeskift (<br />)Shift + Enter
Sett inn hyperlinkStrg + L
Fjern hyperlinkStrg + Shift + L
TagvalgStrg + E
SWF-filStrg + Alt + F
Navngitt ankerpunktStrg + Alt + A
Redigerbart område i malerStrg + Alt + V

Vinduer

VinduSnarvei
AP-elementerF2
BindingerStrg + F10
KodefragmenterShift + F9
KodeinspektørF10 / Alt + F10
CSS-stilerShift + F11
DatabaserStrg + Shift + F10
FilerF8 / Strg + Shift + F
EgenskaperStrg + F3
Sett innStrg + F2
Skjul vinduF4
RammerShift + F2
KomponenterStrg + F7
ServeratferdStrg + F9
SøkF7
TaginspektørF9 / Alt + Shift + F9
AtferdShift + F4
HistorieShift + F10

Arbeide med tabeller

AksjonSnarvei
Celle individuelt velgeStrg + Klikk
Velg tabellStrg + A 2x
Sett inn radStrg + M
Sett inn rad versjon IITab i siste celle
Sett inn kolonneStrg + Shift + A
Slett radStrg + Shift + M
Slett kolonneStrg + Shift + -
Sammenkoble cellerStrg + Shift + Alt + M
Del cellerStrg + Alt + S

18 tips og triks for Adobe Dreamweaver

  • Du vil raskt overføre den åpnede filen til serveren, hvis dette er satt opp på nettstedet, trykk deretter Strg +  + U.
  • Det er en intern kompatibilitetstest for nettlesere i Dreamweaver, som viser alle W3C-uvaliderte feil og nettleserkompatibilitet til alle script. Du kan nå denne funksjonen via dokumentlinjen ved å velge alternativet Sjekk side. Veldig nyttig slik at du ikke trenger å åpne siden din med alle nettlesere hver gang.
  • Med Dreamweaver kan du åpne og redigere filer direkte fra serveren. Dette sparer deg for opplasting med FTP-klienten. Bare i vinduet Fil (F8) => Administrer nettsteder klikker du deretter på Ny og fyller ut alle detaljene der. Deretter vises serverinnholdet der, og du kan åpne de ønskede sidene.
  • For å gjøre CSS-bakgrunner lettere å identifisere, kan du aktivere CSS-mallbakgrunner ved å gå til Vis => Visuelle hjelpemidler => CSS-layoutbakgrunner i menyen. De enkelte blokkene vil nå fylles med en tilfeldig farge. Disse fargene vises imidlertid bare i designvinduet.
  • Visningsstørrelsen bør helst ikke endres - standardinnstillingene er 100% -, da siden ellers vil se pikselert ut i Dreamweaver-visningen.
  • I lagbehandlingspanelet kan standardinnstillingen være å angre opptil 50 trinn. Du kan øke denne verdien i standardinnstillingene (Strg + U) i Generelt-panelet.
  • Det skjer ofte at det trengs en ny rad i en tabell. For å gjøre dette, klikk bare i den siste cellen nederst til høyre og trykk deretter på Tab-tasten. Hvis du trenger 10 eller flere nye rader eller kolonner, er det lurt å gå til Høyreklikk => Sett inn rader eller kolonner.
  • For å raskt vise eller skjule alle panelene, trykk hurtigtasten F4. Bare menyen og arbeidsvinduet vises da.
  • I Dreamweaver er det mulig å søke og erstatte komplette kodeblokker. Dette er spesielt praktisk når du vil bytte ut mer enn bare en linje med kode som stadig gjentar seg.
  • 18 tips og triks for Adobe Dreamweaver
  • For å raskt velge all innhold i en tabell () eller et DIV-element (), klikk to ganger med etter hverandre på Strg + A.
  • Hvis du arbeider i kildekoden, kan du raskt lukke taggene ved å gå til Vindu => Resultater => Validering). Veldig praktisk er også Firefox-tillegget HTML Validator (http://users.skynet.be/mgueury/mozilla/) i kombinasjon med Firebug (http://getfirebug.com/).
  • Gode kilder for Dreamweaver-opplæringsprogrammer er: www.psd-tutorials.de, www.dreamworker.de og www.adobe.com/devnet/dreamweaver.
  • Det finnes ulike tillegg for å utvide Dreamweaver. Du kan redigere maler basert på Joomla! i Dreamweaver også. Se http://www.joomlaos.de.
274,342,963

Snarveier for Adobe Dreamweaver - tastatursnarveier oversikt

Publisert av Stefan Petri
Publisert:
Fra Stefan Petri
Stefan Petri driver sammen med sin bror Matthias det populære fagforumet PSD-Tutorials.de samt e-læringsplattformen TutKit.com, som setter et fokus på utdanning og videreutdanning av digitale profesjonelle ferdigheter.