Przeciągnij linię z odpowiedniej miarki.
Ostatnia aktualizacja
27 kwi 2021
W programie Dreamweaver są dostępne pomoce wizualne ułatwiające projektowanie układu, takie jak definiowane przez użytkownika miarki i linie pomocnicze, linie pomocnicze szablonu, siatka układu oraz obraz-wzornik.
Definiowanie miarek
Linijki pomagają mierzyć, organizować i planować układ. Mogą być wyświetlane na lewej i górnej krawędzi strony, oznaczone w pikselach, calach lub centymetrach.
- Aby przełączyć wyświetlanie miarek, wybierz polecenie Widok > Opcje widoku Projekt > Miarki > Pokaż/Ukryj.
- Aby zmienić punkt początkowy, przeciągnij ikonę punktu początkowego linijki
(w lewym górnym narożniku widoku Projekt okna Dokument) w dowolnie wybrane miejsce strony. - Aby przywrócić domyślne położenie punktu początkowego miarki, wybierz polecenie Widok > Opcje widoku Projekt > Miarki > Wyzeruj punkt początkowy.
- Aby zmienić jednostkę miary, wybierz polecenie Widok > Miarki, a potem zaznacz opcję Piksele, Cale lub Centymetry.
Określanie linii pomocniczych układu
Guides to linie przeciągane na dokument z linijek.Pomagają umieszczać i wyrównywać obiekty bardziej precyzyjnie. Przewodników można również używać do mierzenia rozmiaru elementów strony lub emulowania fałd (widocznych obszarów) przeglądarek internetowych.
Aby ułatwić wyrównywanie elementów, można przyciągnąć elementy do przewodników i przewodniki do elementów. (Elementy muszą być pozycjonowane absolutnie, aby funkcja przyciągania działała.) Można również zablokować Guides, aby zapobiec ich przypadkowemu przesunięciu przez innego użytkownika.
Tworzenie przewodnika poziomego lub pionowego
Umieść przewodnik w oknie dokumentu i zwolnij
klawisz myszy (zmień położenie przewodnika, przeciągając go ponownie).
Spostrzeżenie
Domyślnie przewodniki są zapisywane jako absolutne pomiary w pikselach od górnej lub lewej strony dokumentu i są wyświetlane względem počátku linijki. Aby zapisać przewodnik jako wartość procentową, naciśnij klawisz Shift podczas tworzenia lub przesuwania przewodnika.
Wyświetlanie i ukrywanie linii pomocniczych
Wybierz Widok > Guides > Pokaż przewodniki.
Przyciąganie elementów do linii pomocniczych
- Aby elementy były przyciągane do linii pomocniczych, wybierz polecenie Widok > Opcje widoku Projekt > Linie pomocnicze > Przyciągaj do linii pomocniczych.
- Aby linie pomocnicze były przyciągane do elementów, wybierz polecenie Widok > Opcje widoku Projekt > Linie pomocnicze > Linie pomocnicze przyciągają do elementów.
Spostrzeżenie
Podczas zmiany wielkości elementów (np. elementów umieszczonych bezwzględnie, czyli AP), tabel i obrazów, edytowane elementy są przyciągane do linii pomocniczych.
Blokowanie lub odblokowywanie wszystkich linii pomocniczych
Wybierz polecenie Widok > Opcje widoku Projekt > Linie pomocnicze > Zablokuj linie pomocnicze.
Wyświetlanie i przenoszenie przewodnika do określonego miasta
Trzymaj wskaźnik myszy nad przewodnikiem,
aby wyświetlić jego położenie.
Kliknij dwukrotnie linię pomocniczą.
Wprowadź nową pozycję w oknie dialogowym Przenieś przewodnik i
kliknij OK.
Wyświetlanie odległości pomiędzy liniami pomocniczymi
Naciśnij Control (Windows) lub Command (Macintosh)
i trzymaj wskaźnik myszy gdziekolwiek między dwoma przewodnikami.
Spostrzeżenie
Jednostka miary jest taka sama jak jednostka miary używana do linijek.
Emulowanie fałdy (widocznego obszaru) przeglądarki internetowej
Wybierz polecenie Widok > Opcje widoku Projekt > Linie pomocnicze. Następnie wybierz z menu predefiniowany rozmiar przeglądarki.
Usuwanie linii pomocniczej
Przeciągnij linię pomocniczą poza dokument.
Zmiana ustawień linii pomocniczych
Wybierz polecenie Widok > Opcje widoku Projekt > Linie pomocnicze > Edytuj linie pomocnicze, ustaw wybrane opcje i kliknij przycisk OK.
Kolor linii pomocniczych
Określa kolor linii pomocniczych. Kliknij próbkę koloru i wybierz kolor z próbnika kolorów lub wpisz liczbę szesnastkową w polu tekstowym.
Kolor odległości
Określa kolor linii, które pojawiają się jako wskaźniki odległości podczas trzymania wskaźnika myszy między Guides.Kliknij próbkę koloru i wybierz kolor z próbnika kolorów lub wpisz liczbę szesnastkową w polu tekstowym.
Pokaż linie pomocnicze
Wyświetla linie pomocnicze w widoku Projekt.
Przyciągaj do linii pomocniczych
Sprawia, że elementy strony przyciągają się do przewodników podczas przesuwania elementów po stronie.
Zablokuj linie pomocnicze
Blokuje linie pomocnicze w danym miejscu.
Przyciągaj linie pomocnicze do elementów
Przyciąga linie pomocnicze do elementów na stronie podczas przeciągania tych linii pomocniczych.
Wyczyść wszystko
Usuwa wszystkie linie pomocnicze ze strony.
Używanie linii pomocniczych w połączeniu z szablonami
Gdy przewodniki są dodawane do szablonu Dreamweaver, wszystkie instancje szablonu dziedziczą przewodniki. Guides w instancjach szablonów są jednak traktowane jako regiony edytowalne, więc użytkownicy mogą je modyfikować.Zmodyfikowane Guides w instancjach szablonów są przywracane do pierwotnej lokalizacji przy każdym zaktualizowaniu instancji z szablonem głównym.
W szablonie można umieszczać własne linie pomocnicze. Przewodniki dodane w ten sposób nie są nadpisywane, gdy instancja szablonu jest aktualizowana za pomocą szablonu głównego.
Używanie siatki układu
Siatka wyświetla system poziomych i pionowych linii w oknie dokumentu. Jest przydatna do precyzyjnego umieszczania obiektów.Można sprawić, aby elementy strony pozycjonowane absolutnie automatycznie przyciągały się do siatki podczas ich przemieszczania i zmieniać siatkę lub kontrolować zachowanie przyciągania, określając ustawienia siatki.Przyciąganie działa niezależnie od tego, czy siatka jest widoczna.
Wyświetlanie lub ukrywanie siatki
Wybierz polecenie Widok > Opcje widoku Projekt > Siatka > Pokaż siatkę.
Włączanie lub wyłączanie przyciągania
Wybierz polecenie Widok > Opcje widoku Projekt > Siatka > Przyciągaj do siatki.
Zmiana ustawień siatki
Wybierz polecenie Widok > Opcje widoku Projekt > Siatka > Ustawienia siatki.
Określ opcje i kliknij przycisk OK, aby zastosować wprowadzone zmiany.
Kolor
Określa kolor linii siatki. Kliknij próbkę koloru i wybierz kolor z próbnika kolorów lub wpisz liczbę szesnastkową w polu tekstowym.
Pokaż siatkę
Wyświetla siatkę w widoku Projekt.
Przyciągaj do siatki
Przyciąga elementy strony do linii siatki.
Odstępy
Określa odległość pomiędzy liniami siatki. Wprowadź liczbę i wybierz jednostkę Piksele, Cale lub Centymetry z menu.
Wyświetl
Określa sposób wyświetlania linii siatki w postaci linii lub linii przerywanej.
Spostrzeżenie
Jeśli opcja Pokaż siatkę nie jest zaznaczona, siatka nie jest wyświetlana w dokumencie i żadne zmiany nie są widoczne.
Korzystanie z obrazu-wzornika
Możesz użyć obrazu-wzornika jako przewodnika do odtworzenia projektu strony, który został utworzony w aplikacji graficznej takiej jak Adobe Freehand lub Fireworks.
Obraz-wzornik to obraz JPEG, GIF lub PNG, który jest umieszczany w tle okna dokumentu.Możesz ukryć obraz, ustawić jego Krycie i zmienić jego pozycję.
Obraz-wzornik jest widoczny tylko w programie Dreamweaver; nie jest widoczny podczas wyświetlania strony w przeglądarce. Gdy obraz-wzornik jest widoczny, rzeczywisty Obraz w tle strony i kolor nie są widoczne w oknie dokumentu; jednak Obraz w tle i kolor będą widoczne, gdy strona jest wyświetlana w przeglądarce.
Umieść obraz-wzornik w oknie dokumentu
Wykonaj jedną z następujących czynności:
Wybierz polecenie Widok > Opcje widoku Projekt > Obraz-wzornik > Wczytaj.
Wybierz polecenie plik > Właściwości strony. W kategorii Obraz-wzornik kliknij przycisk Przeglądaj (obok pola tekstowego Obraz-wzornik).
Przejdź do pliku z obrazem i kliknij przycisk OK.
W oknie dialogowym Właściwości strony określ przezroczystość
obrazu, przeciągając suwak Przezroczystość obrazu, a następnie kliknij
OK.
Aby wybrać inny obraz-wzornik lub zmienić przezroczystość bieżącego obrazu-wzornika, wybierz polecenie Plik > Właściwości strony.
Wyświetlanie lub ukrywanie obrazu-wzornika
Wybierz polecenie Widok > Opcje widoku Projekt > Obraz-wzornik > Pokaż.
Zmień pozycję obrazu-wzornika
Wybierz polecenie Widok > Opcje widoku Projekt > Obraz-wzornik > Dostosuj położenie.
Aby precyzyjnie określić pozycję obrazu-wzornika, wprowadź wartości współrzędnych w polach tekstowych X i Y.
Aby przesunąć obraz o 1 piksel na raz, użyj klawiszy strzałek.
Aby przesunąć obraz o 5 pikseli na raz, naciśnij Shift i klawisz strzałki.
Zresetuj pozycję obrazu-wzornika
Wybierz polecenie Widok > Opcje widoku Projekt > Obraz-wzornik > Wyzeruj położenie.
Obraz-wzornik powraca do lewego górnego rogu okna dokumentu (0,0).
Wyrównaj obraz-wzornik do wybranego elementu
Wybierz
element w oknie dokumentu.
Wybierz polecenie Widok > Opcje widoku Projekt > Obraz-wzornik > Wyrównaj do zaznaczenia.
Lewy górny róg obrazu-wzornika jest wyrównany z lewym górnym rogiem wybranego elementu.
Ustaw właściwości obrazu-wzornika
Ustaw właściwości obrazu-wzornika (czyli pliku obrazu, który ma służyć jako przewodnik podczas projektowania strony).
Wykonaj jedną z następujących czynności:
- Kliknij polecenie Plik > Właściwości strony.
- Kliknij polecenie Okno > Właściwości. W inspektorze właściwości tekstu kliknij opcję Właściwości strony.
W oknie dialogowym Właściwości strony wybierz opcję Obraz-wzornik. Za pomocą tego panelu można skonfigurować następujące opcje:
- Obraz-wzornik: Określa obraz, który ma służyć jako przewodnik do kopiowania projektu. Jest to tylko obraz pomocniczy, który nie będzie widoczny po wyświetleniu dokumentu w przeglądarce.
- Przezroczystość: Określa krycie obrazu-wzornika — od całkowicie przezroczystego do całkowicie nieprzezroczystego.
Tworzenie estetycznych serwisów internetowych w programie Dreamweaver
Projektowanie, pisanie kodu i zarządzanie dynamicznymi serwisami internetowymi za pomocą jednego, kompleksowego narzędzia.
