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
Tiedosto
Näppäinkomento
Uusi
Ctrl + N
Avaa
Ctrl + O
Selaile bridgeä
Ctrl + Alt + O
Sulje
Ctrl + W
Sulje kaikki
Ctrl + Shift + W
Tallenna
Ctrl + S
Tallenna nimellä
Ctrl + Shift + S
Tulosta
Ctrl + P
Asetukset
Ctrl + U
Esikatsele selaimessa
F12 / Alt + F12
Tarkista linkit
Shift + F8
Lopeta
Ctrl + Q
Näkymä / Muokkaa
Näkymä / Muokkaa
Näppäinkomento
Lähennä
Ctrl + +
Loitonna
Ctrl + -
Lähennä / Loitonna
Ctrl + hiiren pyörä
Liitää valintojen kanssa
Ctrl + Shift + V
Etsi
Ctrl + F
Jatka etsintää valinnassa
Shift + F3
Jatka etsintää
F3
Vaihda näkymää
Ctrl + #
Näytä viivaimet
Ctrl + Alt + R
Näytä avustajalinjat
Ctrl + Shift + #
Live-näkymä
Alt + F11
Peruuta
Ctrl + Z
Toista
Ctrl + Y
Näytä ruudukko
Ctrl + Alt + G
Kohdista ruudukkoon
Ctrl + Shift + Alt + G
Näytä HTML-Head
Ctrl + Shift + H
Laajennettu taulukkomoodi
Alt + F6
Piilota kaikki
Ctrl + Shift + I
Pysäytä JavaScript
F6
Toista liitännäiset
Ctrl + Alt + P
Pysäytä liitännäiset
Ctrl + Alt + X
Luonnosnäkymä
Luonnosnäkymä
Näppäinkomento
Pikatagit-editori
Ctrl + T
Koodinavigaattori
Ctrl + Alt + Klikkaa
Päivitä luonnosnäkymä
F5
Pikselileveys apuviivoilla
Ctrl
Lähdekoodi & suunnitelma
Toiminto
Näppäinkomento
Ei tekstimuotoilua
Ctrl + 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
Lihavointi
Ctrl + B
Kursivointi
Ctrl + I
Työskentely lähdekoodissa
Toiminto
Näppäinkomento
Koodiapu
Ctrl + Välilyönti
Siirry riville
Ctrl + G
Valitun valinnan ympärille #
Ctrl + Shift + 3
Poista vasemmalla oleva sana
Ctrl + Vaihto
Poista oikealla oleva sana
Ctrl + Poista
Valitse ylempi rivi
Vaihto + Nuoli ylös
Valitse alempi rivi
Vaihto + Nuoli alas
Valitse vasemmalla oleva merkki
Vaihto + Nuoli vasemmalle
Valitse oikealla oleva merkki
Vaihto + Nuoli oikealle
Koko sivu alas
Vaihto + Sivu alas
Koko sivu ylös
Vaihto + Sivu ylös
Hyppää seuraavaan sanaan vasemmalle
Ctrl + Nuoli vasemmalle
Hyppää seuraavaan sanaan oikealle
Ctrl + Nuoli oikealle
Valitse vasemmalla oleva sana
Ctrl + Vaihto + Nuoli vasemmalle
Valitse oikealla oleva sana
Ctrl + Vaihto + Nuoli oikealle
Siirry rivin alkuun
Pos1 / Kulmikas nuoli vasemmalle
Siirry rivin loppuun
Loppu / Kulmikas nuoli oikealle alas
Valitse rivin alkuun asti
Vaihto + Pos1
Valitse rivin loppuun asti
Vaihto + Loppu
Siirry rivinumeroon 1
Ctrl + Pos1
Siirry viimeiseen rivinumeroon
Ctrl + Loppu
Lisääminen
Toiminto
Pikanäppäin
Kuva
Ctrl + Alt + I
Taulukko
Ctrl + Alt + T
Välilyönti ( )
Ctrl + Shift + Space
Rivinvaihto (<br />)
Shift + Enter
Hyperlinkin lisääminen
Ctrl + L
Hyperlinkin poistaminen
Ctrl + Shift + L
Tag-valinta
Ctrl + E
SWF-tiedosto
Ctrl + Alt + F
Nimetty kiinnekohta
Ctrl + Alt + A
Muokattava alue malleissa
Ctrl + Alt + V
Ikkunat
Ikkuna
Pikanäppäin
AP-elementit
F2
Sitomiset
Ctrl + F10
Koodinpätkät
Shift + F9
Kooditarkastaja
F10 / Alt + F10
CSS-tyylit
Shift + F11
Tietokannat
Ctrl + Shift + F10
Tiedostot
F8 / Ctrl + Shift + F
Ominaisuudet
Ctrl + F3
Lisääminen
Ctrl + F2
Peitä ikkuna
F4
Kehykset
Shift + F2
Komponentit
Ctrl + F7
Palvelimen toiminnot
Ctrl + F9
Etsi
F7
Tag-tarkastus
F9 / Alt + Shift + F9
Toiminta
Shift + F4
Historia
Shift + F10
Työskentely taulukoiden kanssa
Toiminto
Pikanäppäin
Valitse solu erikseen
Ctrl + Klikkaus
Valitse taulukko
Ctrl + A 2x
Lisää rivi
Ctrl + M
Lisää rivi versio II
Tabulaattori viimeisessä solussa
Lisää sarake
Ctrl + Shift + A
Poista rivi
Ctrl + Shift + M
Poista sarake
Ctrl + Shift + -
Yhdistä solut
Ctrl + Shift + Alt + M
Jaa solut
Ctrl + 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.
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.