Gdy stronę witryny przewija się w dół, jej nagłówek w pewnym momencie znika. W nagłówku znajdują się zazwyczaj ważne elementy, takie jak logo, tytuł witryny, a pod tym wszystkim menu nawigacyjne. Jeśli nie chcesz, by goście witryny czuli się w niej zagubieni, umieść te elementy na pasku, który cały czas jest widoczny w górnej części okna przeglądarki, gdy strona zostanie przewinięta w dół. Taki pasek nazywa się paskiem przypiętym, ponieważ jest przyszpilony na górze okna. Opcje rozmieszczone na następujących kartach służą do definiowania zarówno zawartości, jak i grafiki:
Opracowując witryn e responsywną, można dostosować pasek przypięty dla każdego z widoków wyznaczonych przez punkty kontrolne. W takim przypadku w oknie wyświetlony jest pasek responsywności odpowiadający temu, jak znajduje się w oknie Rozdzielczości i projekt responsywny. Na pasku responsywności odtworzone są wszystkie punkty kontrolne oraz wyznaczone przez nie zakresy rozdzielczości. Po kliknięciu zakresu, gdy jest on zaznaczony, można definiować ustawienia graficzne i zawartość przypiętego paska w danym widoku.
Jeśli pasek przypięty ma być cały czas na widoku, mimo że nagłówek nie jest już widoczny, należy zaznaczyć pole wyboru Wyświetl pasek górny. Taki pasek zawiera obraz logotypu (jeśli został tam umieszczony) oraz przyciski menu, jeśli tylko jest na nie wystarczająco dużo miejsca, w przeciwnym przypadku zastępowany jest przyciskiem wyzwalacza menu.
Wygląd paska przypiętego modyfikuje się opcjami w grupie Styl:
▪ | Kolor tła: Kolor, jaki ma zostać użyty jako tło. |
▪ | Plik obrazu: Ścieżka dostępu do pliku obrazu (.JPG, .GIF, .PNG.), który ma być wykorzystany jako tło. Obraz można pobrać z biblioteki online otwieranej przyciskiem lub wybrać obraz z folderu lokalnego, używając przycisku Wybór pliku. |
▪ | Powtórzenie: Określa, czy obraz tła ma być powtarzany. Obraz może być powielany w poziomie, w pionie, w obu kierunkach albo zajmować całe dostępne miejsce. Rozmiar obrazu może zostać dopasowany także tak, by pokrywał cały obszar tła. W tym wypadku nie ma gwarancji zachowania proporcji oryginału. |
▪ | Wyrównanie: Określa sposób wyrównania obrazu na pasku przypiętym. |
▪ | Wysokość: Określona w pikselach wysokość paska przypiętego. |
▪ | Krycie: Tu można ustawić poziom przezroczystości koloru tła paska przypiętego. Wartości bliskie 0 dają tło bardziej przezroczyste, przez które prześwituje treść strony. |
▪ | Rozszerz do szerokości okna przeglądarki: Zaznaczenie tego pola wyboru powoduje, że pasek przypięty zajmuje całą szerokość okna przeglądarki, a nie tylko szerokość strony. |
|
Po ustaleniu wyglądu paska przypiętego, można zająć się jego zawartością.
Pasek przypięty opracowuje się w takim samym edytorze grafiki, jak wzorzec (w oknie Zawartość wzorca). Edytor ma pasek narzędzi, a poniżej niego obszar roboczy, w którym automatycznie wyświetlony jest obraz tła. 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 nim widoczny jest pasek stanu podający dwie informacje:
▪ | Położenie: Współrzędne X i Y lewego górnego narożnika zaznaczonego obiektu w obszarze zajmowanym przez pasek przypięty. |
▪ | 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ć na pasku przypiętym.
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.
|
Na pasku przypiętym powinny się znaleźć wszystkie główne elementy, które umieszcza się w nagłówku (logo, tytuł witryny oraz menu nawigacyjne).
|
|
Porady praktyczne: