Po podjęciu decyzji , czy pracować na wzorcu domyślnym czy nowym, mozna użyć narzędzi z tego okna do umieszczenia w nagłówku i stopce rozmaitych obiektów, takich jak menu, tekst, obrazy, animacje, galerie, kod HTML, pole Szukaj oraz linki.
W tym oknie można się zająć zarówno nagłówkiem, stopką, jak i paskiem bocznym wzorca graficznego przeznaczonego na duży ekran, jak i w przypadku witryny responsywnej poszczególnymi widokami wyznaczonymi przez punkty kontrolne.
|
Opcje w oknie Zawartość wzorca są rozmieszczone na kartach Nagłówek, Stopka oraz Pasek boczny. Polecenia i opcje na wszystkich trzech kartach są identyczne.
Karta Pasek boczny jest dostępna tylko wtedy, gdy wybrane zostanie ustawienie Nagłówek, stopka i lewy pasek boczny lub Nagłówek, stopka i prawy pasek boczny (opcja Struktura wzorca w oknie Rodzaj struktury ).
|
Jeżeli witryna ma być responsywna, to w oknie Zawartość wzorca pojawia się pasek responsywności - analogiczny do tego w oknie Rozdzielczości i projekt responsywny.
Na pasku responsywności pokazane są wszystkie zdefiniowane punkty kontrolne oraz wyznaczone przez nie zakresy rozdzielczości. Kliknięcie zakresu powoduje zaznaczenie go i umożliwia zdefiniowanie nagłówka, stopki i paska bocznego odpowiadającego mu widoku.
Poza paskiem responsywności w oknie znajduje się edytor graficzny z paskiem narzędzi, a poniżej pole robocze, a w nim obraz tła nagłówka, stopki lub paska bocznego wybranego wzorca (domyślnego lub własnego). Obraz wyświetlany jest w skali 1:1 i jeśli nie jest widoczny w całości, można go przewijać. Wszystkie modyfikacje wprowadzone w edytorze są od razu widoczne.
Bezpośrednio pod obrazem nagłówka lub stopki widoczny jest pasek podający dwie informacje:
▪ | Położenie: Podaje współrzędne X i Y prawego górnego narożnika zaznaczonego obiektu w obszarze zajmowanym odpowiednio przez nagłówek, stopkę lub pasek boczny. |
▪ | Rozmiar: Szerokość i wysokość zaznaczonego obiektu podana w pikselach. |
Poniżej paska stanu widoczna jest lista wszystkich obiektów, których można użyć w nagłówku, stopce lub na pasku bocznym wzorca.
Są to takie same obiekty, jak te, z których komponuje się strony (patrz Krok 4 - Strony). Dzięki filtrom łatwo je zidentyfikować, a poza tym dla każdego dostępny jest podgląd.
|
Aby wstawić obiekt w nagłówku, stopce lub na pasku bocznym wzorca, należy zaznaczyć jego ikonę, przeciągnąć ją i upuścić w żądanym miejscu w edytorze.
W celu łatwiejszego odnalezienia właściwego obiektu można zastosować filtr lub narzędzie zarządzania obiektami:
|
Lista filtrów
Zawiera listę filtrów, pozwalających wyświetlić kategorię obiektu, żeby łatwiej było go znaleźć. Można wyświetlić na przykład wszystkie Obiekty główne albo wszystkie Zawartość wzorca głównego.
|
|
Pokaż Zarządzanie obiektami
Otwiera okno Zarządzanie obiektami służące do instalowania, usuwania oraz aktualizowania wszystkich obiektów, które nie zostały uwzględnione w poddstawowej instalacji programu.
|
Oto obiekty należące do kategorii Obiekty główne oraz Zawartość wzorca głównego:
Po umieszczeniu obiektu w nagłówku, stopce lub na pasku bocznym wzorca, należy kliknąć przycisk Treść (lub dwukrotnie kliknąć obiekt). Zostanie wtedy otwarte okno, gdzie następuje właściwy proces definiowania obiektu.
|
Gdy potrzebne obiekty zostaną już wstawione w obszarze roboczym edytora wzorca, można je zaznaczać i za pomocą opcji dostępnych na pasku narzędzi wykonywać na nich różne operacje.
|
Można zaznaczyć kilka obiektów.
▪ | Można przytrzymać klawisze CTRL oraz SHIFT i klikać po kolei obiekty do zaznaczenia. |
▪ | Można też kliknąć punkt w obszarze roboczym i trzymając wciśnięty lewy klawisz mysz, przeciągnąć wskaźnik wyznaczając prostokąt zawierający wszystkie obiekty, które mają być zaznaczone. |
|
Oto polecenia dostępne na pasku narzędzi:
|
Wytnij [CTRL+X] - Kopiuj [CTRL+C] - Wklej [CTRL+V]
Służą do kopiowania, wycinania i wklejania zaznaczonego obiektu.
|
|
Cofnąć [CTRL+Z] - Powtórz
Te polecenia służą odpowiednio do anulowania ostatnio wykonanej operacji i ponownego wykonania ostatnio cofniętej operacji.
|
|
Przenieś na wierzch - Przenieś na spód
Przenosi zaznaczony obiekt na sam wierzch / na spód (nakładając na inne zachodzące na niego obiekty lub chowając za takie obiekty).
|
|
Obszar roboczy
Otwiera następne okno, gdzie można określić wygląd obszaru roboczego. Oto wybór opcji:
▪ | Kolor tła: Pozwala wybrać kolor tła obszaru roboczego (do wyboru są Jasny i Ciemny), tak by wstawione obiekty były lepiej widoczne. |
▪ | Włącz siatkę: Gdy w obszarze roboczym widoczna jest siatka, łatwiej rozmieszczać obiekty i wyznaczać ich rozmiar. Ustawienie Rozmiar siatki pozwala określić jej gęstość. |
|
|
Rozmieszczenie
Określa rozmieszczenie obiektów w obszarze roboczym. Dostępne opcje położenia i rozmiaru zaznaczonego obiektu. Ustawienie Zachowaj proporcje pozwala zachować oryginale proporcje obiektu, gdy zmieniany jest jego rozmiar.
▪ | Wyrównanie w poziomie / Wyrównanie w pionie: Opcje są dostępne, gdy zaznaczone są przynajmniej 2 obiekty. Pozwalają wyrównać obiekty w pionie (do lewej, do prawej, wyśrodkowanie) lub w poziomie (do góry, do dołu, wyśrodkowanie). |
▪ | Rozproszenie: Opcje są dostępne, gdy zaznaczone są przynajmniej 3 obiekty. Powoduje takie rozmieszczenie obiektów, by odstępy międzyu nimi w pionie lub w poziomie były równe. |
|
|
Zarządzanie obiektami ukrytymi
Ta opcja jest dostępna podczas budowania witryny responsywnej. Można zdecydować, czy zaznaczony obiekt powinien być widoczny, czy nie, w aktywnym w danej chwili widoku (tym który jest zaznaczony na pasku responsywności).
Kliknięcie trójkąta przy przycisku rozwija podmenu z następującymi elementami:
▪ | Ukryj dla tego widoku: Zaznaczony obiekt będzie niewidoczny w bieżącym widoku. |
▪ | Ukryj dla tego i następnych widoków: Zaznaczony obiekt będzie niewidoczny w bieżącym widoku oraz we wszystkich widokach dla mniejszych rozdzielczości. |
▪ | Zarządzanie obiektami ukrytymi dla tego widoku: Otwiera okno podające listę wszystkich obiektów, które w bieżącym widoku mają być ukryte. Dla każdego widoku dostępny jest podgląd, gdzie także można zmienić widoczność obiektu. |
|
|
Wstaw zawartość wybranego obiektu
Ten przycisk otwiera okno, where you can create the object selected from those w nagłówku lub stopce. Zawartość okna jest uzależniona od rodzaju edytowanego obiektu (tekst, obraz itd).
|
|
Niektóre obiekty w nagłówku i stopce, na przykład animacje lub HTML będą widoczne w witrynie dopiero, gdy ta zostanie otwarta w przeglądarce.
|
|
Porady praktyczne:
Więcej informacji: