Stosowanie efektów przewijania wobec obrazów wypełnienia tła lub przeglądarki

Efekty przewijania umożliwiają sterowanie szybkością obrazów wypełnienia tła przeglądarki oraz elementów strony ustawionych sąsiadująco bądź nie. Efekty te można stosować wobec wypełnienia przeglądarki wykorzystującego obrazy tła ustawione sąsiadująco, zeskalowane w celu zmieszczenia, zeskalowane w celu wypełnienia lub ustawione w oryginalnym rozmiarze. Wypełnienie przeglądarki porusza się zgodnie z ruchem przewijania strony z uwzględnieniem ustawień szybkości i kierunku w sekcji Przewiń w menu Wypełnienie przeglądarki.

W jaki sposób dodawać efekty przewijania do wypełnienia przeglądarki?

Aby skonfigurować efekty przewijania dla wypełnienia przeglądarki, wykonaj poniższe kroki.

1. W widoku Projektowanie wybierz polecenie Strona > Właściwości strony. Na karcie Układ ustaw pole Minimalna wysokość na 2000 pikseli. Ta czynność pozwala upewnić się, że strona ma wystarczającą długość, aby zastosować efekt przewijania. Kliknij OK, aby zapisać zmiany, a następnie zamknij okno Właściwości strony.

2. Kliknij łącze Wypełnienie przeglądarki w panelu sterowania. Na karcie Wypełnij kliknij ikonę folderu obok sekcji Obraz, aby wybrać plik obrazu z pulpitu. Wybierz żądaną opcję w menu Dopasowanie i zaznacz opcję Przewiń.
   

3. Kliknij kartę Przewiń. Zaznacz pole wyboru Ruch.

Poświęć chwilę na zaznajomienie się z sekcją Przewiń menu Wypełnienie przeglądarki. Pole w środkowej części (wyświetlające wartość 0 piks.) odpowiada położeniu kluczowemu (tj. położeniu uchwytu T), które steruje ruchem. Domyślne ustawienie 0 piks. oznacza, że uchwyt T jest ustawiony przy górnej krawędzi okna przeglądarki.

Liczba pikseli podana w polu położenia kluczowego oznacza, że zmiany wprowadzone w sekcji Ruch początkowy będą się poruszać (w zadanym kierunku i z zadaną prędkością) podczas przewijania strony do wskazanego położenia. Górna krawędź strony zaczyna się przy wartości 0, po czym liczba pikseli zwiększa się w miarę przewijania strony w dół. (W panelu sterowania i w panelu Przekształć odległość od górnej krawędzi strony jest oznaczona literą Y).

Wartości wprowadzone w sekcji Ruch końcowy zostaną zastosowane po przewinięciu strony poza położenie kluczowe (położenie uchwytu T).

Element z zastosowanym efektem przewijania w postaci ruchu (w tym przypadku ustawiony sąsiadująco obraz wypełnienia tła przeglądarki) porusza się w kierunku lub kierunkach, w których polach wartość liczbowa jest większa od zera. Jeśli wartość w polach kierunku poziomego i pionowego wynosi zero, element jest przypięty do strony i nie porusza się.

W sekcji Ruch początkowy można zauważyć, że obok wartości w polach znajduje się mała litera x. Oznacza ona krotność. Zgodnie z ustawieniami w sekcji ruchu początkowego na obrazie Wypełnienie przeglądarki wypełnienie przeglądarki będzie się poruszać w górę z jednokrotną szybkością, czyli taką samą jak szybkość przewijania. Jeśli osoba odwiedzająca będzie przewijać stronę szybciej, ruch efektu przewijania zwiększy się, aby dorównać szybkości przewijania.

W sekcji poziomej (lewo/prawo) w polu jest wyświetlana wartość „0”, która oznacza, że wypełnienie przeglądarki nie będzie się poruszać w poziomie ani w lewo ani w prawo.

W sekcji Ruch końcowy mamy do czynienia z podobnym interfejsem. Zgodnie z ustawieniami na obrazie Wypełnienie przeglądarki wypełnienie przeglądarki ma się poruszać w górę z jednokrotną szybkością przewijania i nie będzie się poruszać w poziomie.

4. Za pomocą przycisków strzałek w sekcji Ruch początkowy możesz określić kierunek w pionie (w górę/dół) lub w poziomie (w lewo/prawo) i sterować ruchem wypełnienia przeglądarki.
5. W sekcji Ruch początkowy możesz wprowadzić wartości liczbowe szybkości ruchu w poziomie i pionie lub dostosować ją, klikając strzałki. Ustawienia te zostały opisane szczegółowo poniżej. Jeśli wartość w polu wynosi 0, oznacza to, że element nie będzie się poruszać w danym kierunku podczas przewijania (zanim zostanie osiągnięte położenie kluczowe).
6. Zaktualizuj wartości w sekcji Ruch końcowy, aby ustawić żądane kierunki, a następnie wprowadź wartości liczbowe w odpowiednich polach, aby ustawić szybkość zjawiska ruchu.
7. Aby zamknąć menu Wypełnienie przeglądarki, kliknij w dowolnym miejscu na stronie.
8. Wybierz polecenie Plik > Podgląd strony, aby otworzyć stronę w nowym oknie przeglądarki. Przewiń stronę, aby zobaczyć działanie efektów ruchu przewijania.
9. Po zakończeniu testowania strony zamknij przeglądarkę i wróć do programu Muse.

Stosowanie ruchu przewijania wobec wypełnienia tła elementu strony

Jak dodawać efekty przewijania do wypełnienia tła?

Ruch przewijania można stosować wobec obiektów na stronie, których wypełnienie stanowią obrazy tła ustawione sąsiadująco i niesąsiadująco. Wykonaj poniższe kroki.

1. Podczas edytowania strony w widoku Projektowanie wybierz polecenie Strona > Właściwości strony. Ustaw dużo większą Min. wysokość, np. 2000 pikseli, aby długość strony była odpowiednia do przewijania. Kliknij OK, aby zapisać zmianę, a następnie zamknij okno Właściwości strony. Aby wydłużyć stronę, możesz także dodać do niej więcej zawartości.
2. W widoku Projektowanie w panelu sterowania wybierz narzędzie Prostokąt.
3. Narysuj prostokąt na stronie.
4. Za pomocą menu Wypełnienie wybierz obraz ustawiony sąsiadująco lub niesąsiadująco jako tło wypełniające prostokąt.

5. Kliknij kartę Przewiń w menu Wypełnienie i ustaw opcje przewijania.

6. Kliknij kartę Przewiń w menu Wypełnienie. Zaznacz pole wyboru Ruch, a następnie dostosuj opcje przewijania.

Zwróć uwagę na uchwyt T wyświetlany nad elementem, dla którego włączono ruch przewijania. Uchwyt ten oznacza położenie kluczowe (które znajduje się 100 pikseli nad elementem). Ikona w sekcji środkowej karty Przewiń odpowiada położeniu uchwytu T na stronie. Położenia kluczowe wyzwalające efekt ruchu możesz dostosować, wprowadzając w środkowym polu nową wartość liczbową lub przeciągając uchwyt na stronie. Podczas przeciągania uchwytu T obszar znajdujący się nad położeniem kluczowym jest tymczasowo nieaktywny (wyszarzony).

Program Muse zapewnia pełną elastyczność podczas projektowania, ponieważ użytkownik może przeciągać uchwyty lub wprowadzać wartości liczbowe w polu położenia kluczowego. Umożliwia to precyzyjne sterowanie ruchem, który ma miejsce podczas przewijania strony przez osobę odwiedzającą.

Karta Przewiń w menu Wypełnienie działa tak samo jak karta Przewiń w menu Wypełnienie przeglądarki.

7. Po zaznaczeniu elementu z włączonymi efektami przewijania ruchu na karcie Przewiń w menu Wypełnienie można ustawić położenie kluczowe numerycznie lub kliknąć i przeciągnąć uchwyt T na stronie.
8. W sekcji Ruch początkowy można ustawić kierunek ruchu (pionowy/poziomy) oraz jego szybkość w odniesieniu do szybkości przewijania strony. Pozwala to ustawić ruch, który będzie mieć miejsce zanim strona zostanie przewinięta do położenia kluczowego.
9. W sekcji Ruch końcowy można ustawić kierunek ruchu (pionowy/poziomy) oraz jego szybkość w odniesieniu do szybkości przewijania strony. Pozwala to ustawić ruch, który będzie mieć miejsce po przekroczeniu położenia kluczowego podczas przewijania strony.
   

10. Aby zamknąć menu Wypełnienie, kliknij w dowolnym miejscu na stronie.
11. Kliknij Podgląd lub wybierz polecenie Plik > Podgląd strony w przeglądarce, aby przetestować efekty przewijania przed ich zastosowaniem. Aby zobaczyć ruch elementu, przewiń stronę.
12. Po zakończeniu testowania wróć do programu Muse lub kliknij przycisk Projektowanie, aby kontynuować edytowanie strony.