W dynamicznym świecie webdesignu program Adobe Dreamweaver jest niezbędnym narzędziem dla programistów i projektantów. Ale aby wykorzystać pełen potencjał tego potężnego oprogramowania, ważne są skróty klawiszowe.

Skróty klawiszowe w Dreamweaver są znacznie więcej niż tylko wygodne skróty. Stanowią most do efektywniejszej i szybszej pracy. Dzięki tym skrótowym klawiszom możesz wykonywać złożone zadania za pomocą kilku naciśnięć klawiszy, co zwiększa produktywność i oszczędza cenny czas. Pozwalają one płynnie przechodzić między różnymi funkcjami i widokami, bez konieczności nawigowania przez skomplikowane menu. To prowadzi do bardziej płynnego i intuicyjnego przepływu pracy, co jest szczególnie korzystne przy napiętych terminach.

W tym artykule dowiesz się, jak za pomocą najważniejszych skrótów klawiszowych Dreamweaver możesz zoptymalizować procesy związane z webdesignem i programowaniem. Niezależnie od tego, czy jesteś początkujący, czy doświadczony profesjonalista - te polecenia znacząco poprawią twoją pracę w Dreamweaver. Gotowy, aby podnieść swoje umiejętności z zakresu webdesignu do kolejnego poziomu? Wprowadźmy się w świat skrótów Dreamweaver!

Spis treści

Plik

PlikSkrót
NowyCtrl + N
OtwórzCtrl + O
Przeszukaj mostCtrl + Alt + O
ZamknijCtrl + W
Zamknij wszystkieCtrl + Shift + W
ZapiszCtrl + S
Zapisz jakoCtrl + Shift + S
DrukujCtrl + P
UstawieniaCtrl + U
Podgląd w przeglądarceF12 / Alt + F12
Sprawdź linkiShift + F8
ZamknijCtrl + Q

Widok / Edycja

Widok / EdycjaSkrót
PrzybliżCtrl + +
OddalCtrl + -
Powiększanie / OddalanieCtrl + przewijaniem myszy
Wklej z opcjamiCtrl + Shift + V
SzukajCtrl + F
Szukaj dalej w zaznaczeniuShift + F3
Szukaj dalejF3
Zmień widokCtrl + #
Pokaż linie pomocniczeCtrl + Alt + R
Pokaż toryCtrl + Shift + #
Podgląd na żywoAlt + F11
CofnijCtrl + Z
PonówCtrl + Y
Pokaż siatkęCtrl + Alt + G
Wyrównaj do siatkiCtrl + Shift + Alt + G
Pokaż nagłówek HTMLCtrl + Shift + H
Zaawansowany tryb tabeliAlt + F6
Ukryj wszystkoCtrl + Shift + I
Zatrzymaj JavaScriptF6
Odtwórz wtyczkiCtrl + Alt + P
Zatrzymaj wtyczkiCtrl + Alt + X

Widok projektu

Widok projektuSkrót
Szybki edytor tagówCtrl + T
Nawigator koduCtrl + Alt + Klik
Odśwież widok projektuF5
Szerokość pikseli w linii pomocniczejCtrl

Kod źródłowy & Widok

AkcjaSkrót
Brak formatowania tekstuCtrl + 0
Nagłówek 1 - <h1>Ctrl + 1
Nagłówek 3 - <h3>Ctrl + 3
Nagłówek 6 - <h6>Ctrl + 6
Paragraf - <p>Ctrl + Shift + P
Linki - <div align="left">Ctrl + Shift + Alt + L
Prawo - <div align="right">Ctrl + Shift + Alt + R
Wyśrodkowany - <div align="center">Ctrl + Shift + Alt + C
Justify - <div align="justify">Ctrl + Shift + Alt + J
PogrubienieCtrl + B
KursywaCtrl + I

Praca w kodzie źródłowym

AkcjaSkrót
Pomoc koduCtrl + Spacja
Idź do liniiCtrl + G
Otaczaj zaznaczenie znakiem #Ctrl + Shift + 3
Usuń lewe stojące słowoCtrl + Strzałka w lewo ba
Usuń prawe stojące słowoCtrl + Del
Wybierz wiersz powyżejShift + Strzałka w górę
Wybierz wiersz poniżejShift + Strzałka w dół
Wybierz lewy stojący znakShift + Strzałka w lewo
Wybierz prawy stojący znakShift + Strzałka w prawo
Wybierz całą stronę do dołuShift + Strzałka w dół
Wybierz całą stronę do góryShift + Strzałka w górę
Przejdź do następnego słowa po lewejCtrl + Strzałka w lewo
Przejdź do następnego słowa po prawejCtrl + Strzałka w prawo
Wybierz lewe stojące słowoCtrl + Shift + Strzałka w lewo
Wybierz prawe stojące słowoCtrl + Shift + Strzałka w prawo
Przejdź na początek wierszaPos1 / Strzałka w lewo-góra
Przejdź na koniec wierszaEnd / Strzałka w prawo-dół
Wybierz do początku wierszaShift + Pos1
Wybierz do końca wierszaShift + End
Przejdź do numeru linii 1Ctrl + Pos1
Przejdź do ostatniego numeru liniiCtrl + End

Wstawianie

DziałanieSkrót
ObrazCtrl + Alt + I
TabelaCtrl + Alt + T
Spacja ( )Ctrl + Shift + Spacja
Złamanie linii (<br />)Shift + Enter
Wstawianie linkuCtrl + L
Usuwanie linkuCtrl + Shift + L
Wybór taguCtrl + E
Plik SWFCtrl + Alt + F
Nazwany kotwicaCtrl + Alt + A
Obszar edytowalny w szablonachCtrl + Alt + V

Okna

OknoSkrót
Elementy APF2
WięzyCtrl + F10
Fragmenty koduShift + F9
Inspektor koduF10 / Alt + F10
Style CSSShift + F11
Bazy danychCtrl + Shift + F10
PlikiF8 / Ctrl + Shift + F
WłaściwościCtrl + F3
WstawianieCtrl + F2
Ukrywanie oknaF4
ObramowaniaShift + F2
KomponentyCtrl + F7
Zachowanie serweraCtrl + F9
SzukajF7
Inspektor tagówF9 / Alt + Shift + F9
ZachowanieShift + F4
HistoriaShift + F10

Praca z tabelami

DziałanieSkrót
Wybór indywidualnej komórkiCtrl + Klik
Wybór tabeliCtrl + A 2 razy
Wstawianie wierszaCtrl + M
Wstawianie wiersza wersja IITab w ostatniej komórce
Wstawianie kolumnyCtrl + Shift + A
Usuwanie wierszaCtrl + Shift + M
Usuwanie kolumnyCtrl + Shift + -
Łączenie komórekCtrl + Shift + Alt + M
Dzielenie komórekCtrl + Alt + S

18 wskazówek i tricków dotyczących Adobe Dreamweaver

  • Chcesz szybko przesłać otwarty plik na serwer, o ile skonfigurowano to na stronie, wciśnij Ctrl +  + U.
  • W Dreamweaverze istnieje wewnętrzny test zgodności z przeglądarką, który wyświetla wszystkie błędy nieważne zgodne z W3C i zgodności z przeglądarkami we wszystkich skryptach. Aby uzyskać dostęp do tej funkcji, przejdź do paska dokumentu i wybierz pozycję Sprawdź stronę. Bardzo przydatne, aby nie musieć za każdym razem otwierać strony we wszystkich przeglądarkach.
  • W Dreamweaverze możesz otwierać i edytować pliki bezpośrednio z serwera. Oszczędzisz na tym procesie przesyłania za pomocą klienta FTP. Wystarczy przejść do okna Pliki (F8) => Zarządzaj witrynami, następnie kliknąć Nowy i wypełnić wszystkie dane. Następnie zawartość serwera zostanie wyświetlona, a można otworzyć wybrane strony.
  • Aby lepiej rozpoznawać tła CSS, w menu Widok => Pomoc wizualna => Aktywuj tła układu CSS. Poszczególne bloki zostaną wypełnione teraz losowym kolorem. Te kolory są wyświetlane tylko w oknie projektowym.
  • Rozmiar wyświetlania nie powinien być zmieniany - domyślnie ustawiono na 100% -, ponieważ w przeciwnym razie strona wygląda pikselowa w widoku Dreamweaver.
  • W polu Historii warstw można domyślnie cofać do 50 kroków. Możesz zwiększyć tę wartość w ustawieniach domyślnych (Ctrl + U) w zakładce Ogólne.
  • Często zdarza się, że w tabeli potrzebny jest nowy wiersz. Wystarczy kliknąć w ostatnią komórkę po prawej stronie i wcisnąć klawisz Tab. Jeśli potrzebujesz od razu 10 lub więcej nowych wierszy lub kolumn, warto użyć kliknięcia prawym przyciskiem myszy => Wstaw wiersze lub kolumny.
  • Aby szybko pokazać lub ukryć wszystkie panele sterowania, naciśnij klawisz skrótu klawiatury F4. Na ekranie będą wyświetlane tylko menu i okno robocze.
  • W Dreamweaverze możesz wyszukać i zamienić kompletnie bloki kodu źródłowego. Jest to szczególnie przydatne, gdy chcesz zastąpić więcej niż jedną linię kodu, która często się powtarza.
  • 18 wskazówek i tricków dotyczących Adobe Dreamweaver
  • Aby szybko wybrać całą zawartość tabeli () lub DIV (), kliknij dwukrotnie Ctrl + A.
  • Pracując w kodzie źródłowym, możesz szybko zamykać tagi, wybierając okno => Wyniki => Sprawdź). Bardzo przydatny jest też dodatek do Firefoxa HTML Validator (http://users.skynet.be/mgueury/mozilla/) z programem Firebug (http://getfirebug.com/).
  • Dobrymi źródłami samouczków Dreamweaver są: www.psd-tutorials.de, www.dreamworker.de i www.adobe.com/devnet/dreamweaver.
  • Istnieje wiele dodatków, które rozszerzają możliwości Dreamweavera. Możesz edytować szablony oparte na Joomla! także w Dreamweaverze. Patrz: http://www.joomlaos.de.
274,342,963

Skróty klawiszowe dla programu Adobe Dreamweaver - przegląd skrótów klawiaturowych.

Opublikowano na z Stefan Petri
Opublikowano na: Od Stefan Petri
Stefan Petri prowadzi razem ze swoim bratem Matthiasem popularne forum specjalistyczne PSD-Tutorials.de oraz platformę e-learningową TutKit.com, która koncentruje się na szkoleniu i doskonaleniu cyfrowych umiejętności zawodowych.