I den dynamiske verden af webdesign er Adobe Dreamweaver et uundværligt værktøj for udviklere og designere. Men for virkelig at udnytte denne kraftfulde softwares fulde potentiale, er tastaturgenveje en nøglekomponent.

Tastaturgenveje i Dreamweaver er langt mere end blot praktiske genveje. De er en bro til mere effektivt og hurtigere arbejde. Med disse genveje kan du udføre komplekse opgaver med få tastetryk, hvilket øger produktiviteten og sparer værdifuld tid. De tillader dig at skifte flydende mellem forskellige funktioner og visninger, uden at skulle navigere gennem besværlige menuer. Dette fører til en mere sømløs og intuitiv arbejdsgang, hvilket er en stor fordel, især når der er stramme deadlines.

I denne artikel vil du lære, hvordan du kan optimere dine webdesign- og udviklingsprocesser med de vigtigste Dreamweaver-tastaturgenveje. Uanset om du er begynder eller erfaren professionel, vil disse genveje væsentligt forbedre dit arbejde i Dreamweaver. Er du klar til at tage dine webdesign-færdigheder til næste niveau? Lad os dykke ned i verdenen af Dreamweaver-genveje!

Indholdsfortegnelse

Fil

FilGenvej
NytCtrl + N
ÅbnCtrl + O
BroswingCtrl + Alt + O
LukCtrl + W
Luk alleCtrl + Skift + W
GemCtrl + S
Gem somCtrl + Skift + S
UdskrivCtrl + P
IndstillingerCtrl + U
Se i browserF12 / Alt + F12
Tjek linksShift + F8
AfslutCtrl + Q

Visning / Redigering

Visning / RedigeringGenvej
Zoom indCtrl + +
Zoom udCtrl -
Zoom ind / udCtrl + Rullehjul
Indsæt med mulighederCtrl + Skift + V
SøgCtrl + F
Søg videre i markeringSkift + F3
Søg videreF3
Skift visningCtrl + #
Vis linjerCtrl + Alt + R
Vis hjælpelinjerCtrl + Skift + #
LivevisningAlt + F11
FortrydCtrl + Z
GentagCtrl + Y
Vis gitterCtrl + Alt + G
Juster til gitterCtrl + Skift + Alt + G
Vis HTML-hovedCtrl + Skift + H
Avanceret tabeltilstandAlt + F6
Skjul altCtrl + Skift + I
Stop JavaScriptF6
Afspil pluginsCtrl + Alt + P
Stop pluginsCtrl + Alt + X

Designvisning

DesignvisningGenvej
Hurtig tag-editorCtrl + T
KodenavigatørCtrl + Alt + Klik
Opdater designvisningF5
Pikselbredde på hjælpelinjerCtrl

Kildekode & Design

HandlingGenvej
Ingen tekstformateringCtrl + 0
Overskrift 1 - <h1>Ctrl + 1
Overskrift 3 - <h3>Ctrl + 3
Overskrift 6 - <h6>Ctrl + 6
Afsnit - <p>Ctrl + Skift + P
Links - <div align="left">Ctrl + Skift + Alt + L
Højrejusteret - <div align="right">Ctrl + Skift + Alt + R
Centreret - <div align="center">Ctrl + Skift + Alt + C
Blokjusteret - <div align="justify">Ctrl + Skift + Alt + J
FedCtrl + B
KursivCtrl + I

Arbejde i kildekoden

HandlingGenvej
KodehjælpCtrl + Mellemrum
Gå til linjeCtrl + G
Omgiv markeret valg med #Ctrl + Skift + 3
Fjern venstrestillet ordCtrl + Piletast bagud
Fjern højrestillet ordCtrl + Slet
Vælg linje ovenoverSkift + Piletast op
Vælg linje nedenforSkift + Piletast ned
Vælg venstrestillet karakterSkift + Piletast venstre
Vælg højrestillet karakterSkift + Piletast højre
Vælg hele siden nedSkift + Pil ned
Vælg hele siden opSkift + Pil op
Spring til næste ord mod venstreCtrl + Piletast venstre
Spring til næste ord mod højreCtrl + Piletast højre
Vælg venstrestillet ordCtrl + Skift + Piletast venstre
Vælg højrestillet ordCtrl + Skift + Piletast højre
Spring til linjebegyndelsePos1 / Pile diagonalt op til venstre
Spring til linjeslutningSlut / Pile diagonalt ned til højre
Vælg til linjebegyndelseSkift + Pos1
Vælg til linjeslutningSkift + Slut
Spring til linjenummer 1Ctrl + Pos1
Spring til sidste linjenummerCtrl + Slut

Indsæt

HandlingGenvej
BilledeCtrl + Alt + I
TabelCtrl + Alt + T
Mellemrum ( )Ctrl + Skift + Mellemrum
Linjeskift (<br />)Skift + Enter
Indsæt hyperlinkCtrl + L
Fjern hyperlinkCtrl + Skift + L
Tag-valgCtrl + E
SWF-filCtrl + Alt + F
Navngivet ankerpunktCtrl + Alt + A
Redigerbart område i skabelonerCtrl + Alt + V

Vinduer

VindueGenvej
AP-elemterF2
BindingsCtrl + F10
KodefragmenterSkift + F9
KodeinspektorF10 / Alt + F10
CSS-stilarterSkift + F11
DatabaserCtrl + Skift + F10
FilerF8 / Ctrl + Skift + F
EgenskaberCtrl + F3
IndsætCtrl + F2
Skjul vindueF4
RammerSkift + F2
KomponenterCtrl + F7
ServeradfærdCtrl + F9
SøgningF7
Tag-inspektorF9 / Alt + Skift + F9
AdfærdSkift + F4
HistorikSkift + F10

Arbejde med tabeller

HandlingGenvej
Vælg celle individueltCtrl + Klik
Vælg tabelCtrl + A 2x
Indsæt rækkeCtrl + M
Indsæt række version IITab i sidste celle
Indsæt kolonneCtrl + Skift + A
Slet rækkeCtrl + Skift + M
Slet kolonneCtrl + Skift + -
Sammenføj cellerCtrl + Skift + Alt + M
Opdel cellerCtrl + Alt + S

18 tips og tricks til Adobe Dreamweaver

  • Du vil hurtigt overføre den åbne fil til serveren, hvis dette er konfigureret via webstedet, skal du trykke på Ctrl +  + U.
  • I Dreamweaver er der en intern browserkompatibilitetstest, der alle W3C-ugyldige fejl og browserkompatibiliteter til alle scripts. Denne funktion kan findes i menuen Dokument med punktet Kontroller side. Meget nyttig, så du ikke behøver at åbne din side i alle browsere hele tiden.
  • Med Dreamweaver kan du direkte åbne og redigere filer fra serveren. Dette sparer dig for upload med en FTP-klient. Bare gå til vinduet Filer (F8) => Administrer websteder, klik derefter på Ny og udfyld alle oplysninger der. Herefter vises serverindholdet der, og du kan åbne de ønskede sider.
  • For bedre identifikation af CSS-baggrunde, kan du aktivere CSS-layoutbaggrunde under Visning => Visuelle hjælpemidler => CSS-layoutbaggrunde. De enkelte blokke fyldes nu med tilfældige farver. Disse farver vises dog kun i designvinduet.
  • Størrelsen på visningen skal helst ikke ændres - standardindstillingen er 100% -, da siden ellers ser pixeleret ud i Dreamweaver-visningen.
  • I lagpanelet Historik kan der normalt foretages op til 50 trin tilbage. Du kan øge denne værdi i standardindstillingerne (Ctrl + U) i generelt register.
  • Det sker ofte, at en ny række er nødvendig i en tabel. Klik ganske enkelt i den sidste celle nederst til højre og tryk derefter på tabulatortasten. Hvis du har brug for 10 eller flere nye rækker eller kolonner, er det praktisk at gå til højreklik => indsæt rækker eller kolonner.
  • For at hurtigt vise eller skjule alle kontrolfelter i Dreamweaver skal du trykke på tastaturgenvejen F4. Der vises kun menuen og arbejdsområdet efterfølgende.
  • I Dreamweaver er det muligt at søge og erstatte hele kodeblokke. Dette er især praktisk, hvis du vil udskifte mere end bare en kode linje, som gentages.
  • 18 tips og tricks til Adobe Dreamweaver
  • For hurtigt at vælge al indhold i en tabel () eller et DIV (), skal du dobbeltklikke på Ctrl + A.
  • Når du arbejder i kildekoden, kan du hurtigt lukke tags ved at gå til Vindue > Resultater > Kontroller. Meget nyttig er også Firefox-tilføjelsesprogrammet HTML-validator (http://users.skynet.be/mgueury/mozilla/) i forbindelse med Firebug (http://getfirebug.com/).
  • Gode kilder til Dreamweaver-tutorials er: www.psd-tutorials.de, www.dreamworker.de og www.adobe.com/devnet/dreamweaver.
  • Der er forskellige tilføjelser til at udvide Dreamweaver. Du kan også redigere skabeloner baseret på Joomla! i Dreamweaver. Se http://www.joomlaos.de for mere information.
274,342,963

Genveje til Adobe Dreamweaver - Tastaturgenveje i oversigt

Udgivet den af Stefan Petri
Udgivet den: Af Stefan Petri
Stefan Petri driver sammen med sin bror Matthias det populære fagforum PSD-Tutorials.de samt e-læringsplatformen TutKit.com, der fokuserer på uddannelse og videreuddannelse af digitale erhvervskompetencer.