Web-suunnittelun dynaamisessa maailmassa Adobe Dreamweaver on välttämätön työkalu kehittäjille ja suunnittelijoille. Mutta voittaaksesi todella tämän tehokkaan ohjelmiston täyden potentiaalin, näppäinkomennot ovat avainasemassa.

Namaikomenet Dreamweaverissa ovat paljon enemmän kuin vain käteviä pikakomentoja. Ne toimivat siltoina tehokkaampaan ja nopeampaan työskentelyyn. Näillä pikanäppäimillä voit suorittaa monimutkaisia tehtäviä muutamalla näppäinpainalluksella, mikä lisää tuottavuutta ja säästää arvokasta aikaa. Ne mahdollistavat sinulle liikkumisen saumattomasti eri toimintojen ja näkymien välillä, ilman tarvetta navigoida hankalien valikoiden läpi. Tämä johtaa sujuvampaan ja intuitiivisempaan työnkulkuun, mikä on erityisen suuri etu tiukoissa aikatauluissa.

Tässä artikkelissa opit, miten tärkeimpiä Dreamweaverin näppäimistökomentoja käyttämällä voit optimoida web-suunnittelu- ja kehitysprosessejasi. Olet sitten aloittelija tai kokenut ammattilainen - nämä komennot parantavat perusteellisesti työtäsi Dreamweaverissa. Oletko valmis viemään web-suunnittelutaitosi seuraavalle tasolle? Sukelletaan maailmaan Dreamweaver-pikanäppäinten avulla!

Sisällysluettelo

Tiedosto

TiedostoNäppäinkomento
UusiCtrl + N
AvaaCtrl + O
Selaile bridgeäCtrl + Alt + O
SuljeCtrl + W
Sulje kaikkiCtrl + Shift + W
TallennaCtrl + S
Tallenna nimelläCtrl + Shift + S
TulostaCtrl + P
AsetuksetCtrl + U
Esikatsele selaimessaF12 / Alt + F12
Tarkista linkitShift + F8
LopetaCtrl + Q

Näkymä / Muokkaa

Näkymä / MuokkaaNäppäinkomento
LähennäCtrl + +
LoitonnaCtrl + -
Lähennä / LoitonnaCtrl + hiiren pyörä
Liitää valintojen kanssaCtrl + Shift + V
EtsiCtrl + F
Jatka etsintää valinnassaShift + F3
Jatka etsintääF3
Vaihda näkymääCtrl + #
Näytä viivaimetCtrl + Alt + R
Näytä avustajalinjatCtrl + Shift + #
Live-näkymäAlt + F11
PeruutaCtrl + Z
ToistaCtrl + Y
Näytä ruudukkoCtrl + Alt + G
Kohdista ruudukkoonCtrl + Shift + Alt + G
Näytä HTML-HeadCtrl + Shift + H
Laajennettu taulukkomoodiAlt + F6
Piilota kaikkiCtrl + Shift + I
Pysäytä JavaScriptF6
Toista liitännäisetCtrl + Alt + P
Pysäytä liitännäisetCtrl + Alt + X

Luonnosnäkymä

LuonnosnäkymäNäppäinkomento
Pikatagit-editoriCtrl + T
KoodinavigaattoriCtrl + Alt + Klikkaa
Päivitä luonnosnäkymäF5
Pikselileveys apuviivoillaCtrl

Lähdekoodi & suunnitelma

ToimintoNäppäinkomento
Ei tekstimuotoiluaCtrl + 0
Otsikko 1 - <h1>Ctrl + 1
Otsikko 3 - <h3>Ctrl + 3
Otsikko 6 - <h6>Ctrl + 6
Kappaletta - <p>Ctrl + Shift + P
Linkit - <div align="left">Ctrl + Shift + Alt + L
Oikealle - <div align="right">Ctrl + Shift + Alt + R
Keskitä - <div align="center">Ctrl + Shift + Alt + C
Tasaa molemmin puolin - <div align="justify">Ctrl + Shift + Alt + J
LihavointiCtrl + B
KursivointiCtrl + I

Työskentely lähdekoodissa

ToimintoNäppäinkomento
KoodiapuCtrl + Välilyönti
Siirry rivilleCtrl + G
Valitun valinnan ympärille #Ctrl + Shift + 3
Poista vasemmalla oleva sanaCtrl + Vaihto
Poista oikealla oleva sanaCtrl + Poista
Valitse ylempi riviVaihto + Nuoli ylös
Valitse alempi riviVaihto + Nuoli alas
Valitse vasemmalla oleva merkkiVaihto + Nuoli vasemmalle
Valitse oikealla oleva merkkiVaihto + Nuoli oikealle
Koko sivu alasVaihto + Sivu alas
Koko sivu ylösVaihto + Sivu ylös
Hyppää seuraavaan sanaan vasemmalleCtrl + Nuoli vasemmalle
Hyppää seuraavaan sanaan oikealleCtrl + Nuoli oikealle
Valitse vasemmalla oleva sanaCtrl + Vaihto + Nuoli vasemmalle
Valitse oikealla oleva sanaCtrl + Vaihto + Nuoli oikealle
Siirry rivin alkuunPos1 / Kulmikas nuoli vasemmalle
Siirry rivin loppuunLoppu / Kulmikas nuoli oikealle alas
Valitse rivin alkuun astiVaihto + Pos1
Valitse rivin loppuun astiVaihto + Loppu
Siirry rivinumeroon 1Ctrl + Pos1
Siirry viimeiseen rivinumeroonCtrl + Loppu

Lisääminen

ToimintoPikanäppäin
KuvaCtrl + Alt + I
TaulukkoCtrl + Alt + T
Välilyönti ( )Ctrl + Shift + Space
Rivinvaihto (<br />)Shift + Enter
Hyperlinkin lisääminenCtrl + L
Hyperlinkin poistaminenCtrl + Shift + L
Tag-valintaCtrl + E
SWF-tiedostoCtrl + Alt + F
Nimetty kiinnekohtaCtrl + Alt + A
Muokattava alue malleissaCtrl + Alt + V

Ikkunat

IkkunaPikanäppäin
AP-elementitF2
SitomisetCtrl + F10
KoodinpätkätShift + F9
KooditarkastajaF10 / Alt + F10
CSS-tyylitShift + F11
TietokannatCtrl + Shift + F10
TiedostotF8 / Ctrl + Shift + F
OminaisuudetCtrl + F3
LisääminenCtrl + F2
Peitä ikkunaF4
KehyksetShift + F2
KomponentitCtrl + F7
Palvelimen toiminnotCtrl + F9
EtsiF7
Tag-tarkastusF9 / Alt + Shift + F9
ToimintaShift + F4
HistoriaShift + F10

Työskentely taulukoiden kanssa

ToimintoPikanäppäin
Valitse solu erikseenCtrl + Klikkaus
Valitse taulukkoCtrl + A 2x
Lisää riviCtrl + M
Lisää rivi versio IITabulaattori viimeisessä solussa
Lisää sarakeCtrl + Shift + A
Poista riviCtrl + Shift + M
Poista sarakeCtrl + Shift + -
Yhdistä solutCtrl + Shift + Alt + M
Jaa solutCtrl + Alt + S

18 vinkkiä ja niksiä Adobe Dreamweaveriin

  • Haluatko nopeasti siirtää avoimen tiedoston palvelimelle, jos se on määritetty sivustoksi, paina sitten Ctrl +  + U.
  • Dreamweaverissa on sisäinen selainyhteensopivuustesti, joka antaa kaikki W3C-virheilmoitukset ja selainyhteensopivuudet kaikille skripteille. Tähän toimintoon pääsee dokumenttipalkin kautta kohdasta Tarkista sivu. Erittäin hyödyllinen, jotta sinun ei tarvitse aina avata sivua kaikilla selaimilla.
  • Dreamweaverilla voit avata ja muokata tiedostoja suoraan palvelimelta. Näin säästät aikaa FTP-asiakkaalla lataamiselta. Siirry vain Tiedostot-ikkunaan (F8) => Hallitse sivustoja, napsauta sitten Uusi ja täytä kaikki tiedot. Sen jälkeen palvelinsisältö näkyy siellä ja voit avata haluamasi sivut.
  • Jotta CSS-taustat ovat paremmin nähtävissä, voit kytkeä päälle Näytä => Visuaaliset apuvälineet => CSS-layout-taustat. Yksittäiset lohkot täytetään nyt satunnaisella värillä. Nämä värit näkyvät kuitenkin vain suunnittelunäytössä.
  • Näytön kokoa ei tulisi muuttaa - oletusarvoisesti 100% -, muuten sivu näkyy Dreamweaver-näytössä rakeisena.
  • Tasolla-paneelissa voit oletusarvoisesti peruuttaa jopa 50 askelta. Voit nostaa tämän arvon Asetukset (Ctrl + U) - Yleinen -kohdassa.
  • Usein taulukossa tarvitaan uutta riviä. Napsauta vain viimeiseen soluun oikealla alhaalla ja paina sitten välilyöntiä. Jos tarvitset heti 10 tai useampia uusia rivejä tai sarakkeita, on järkevää mennä napsauttamalla hiiren oikeaa painiketta => Lisää rivejä tai sarakkeita.
  • Näppärät keinot kaikkien ohjauspaneelien näyttämiseen tai peittämiseen, paina näppäinyhdistelmää F4. Näytöllä näkyy enää vain valikko ja työikkuna.
  • Dreamweaverissa voit etsiä ja korvata kokonaisia lähdekoodilohkoja. Tämä on erityisen kätevää, kun haluat vaihtaa useamman kuin yhden koodirivin, joka toistuu usein.
  • 18 vinkkiä ja niksiä Adobe Dreamweaveriin
  • Jos työskentelet lähdekoodissa, voit sulkea tagit nopeasti painamalla Painike > Tulokset > Tarkista). Erityisen kätevää on myös Firefox-liitännäinen HTML Validator (http://users.skynet.be/mgueury/mozilla/) yhdistettynä Firebugiin (http://getfirebug.com/).
  • Hyviä resursseja Dreamweaver-tutoriaalien saamiseen ovat: www.psd-tutorials.de, www.dreamworker.de ja www.adobe.com/devnet/dreamweaver.
  • On erilaisia liitännäisiä, jotka laajentavat Dreamweaverin ominaisuuksia. Voit muokata Joomlan pohjapohjaisia malleja myös Dreamweaverissa. Katso http://www.joomlaos.de.
274,342,963

Adobe Dreamweaver - Pikanäppäimet yleiskatsauksessa

Julkaistu osoitteesta Stefan Petri
Julkaistu: Mistä Stefan Petri
Stefan Petri johtaa yhdessä veljensä Matthiasin kanssa suosittua erikoisfoorumia PSD-Tutorials.de sekä e-oppimisalustaa TutKit.com, joka keskittyy digitaalisten ammatillisten taitojen koulutukseen ja jatkokoulutukseen.