Design to ważna część każdej strony internetowej. To na podstawie projektu użytkownicy uzyskują pierwsze wrażenie na temat zasobu. Dlatego każdy, nawet początkujący webmaster, przykłada ogromną wagę do projektowania stron internetowych. Wielu webmasterów stara się podążać za najnowszymi koncepcjami projektowania stron internetowych, uzupełniać strony kolorowymi, dynamicznymi treściami, a nawet zmieniać wygląd strony zgodnie z porą roku, kalendarzem świąt lub wydarzeniami historycznymi. Dlatego w przeddzień nowego roku fora poświęcone tworzeniu stron internetowych zaczynają zapełniać się tematami z pytaniem, jak zrobić śnieg na stronie.
Czy to jest to konieczne
Przeglądarka. Możliwość edycji stron, szablonów stron lub plików motywów stron internetowych. Dostęp do serwera witryny przez FTP. Klient FTP lub menedżer plików z obsługą FTP
Instrukcje
Krok 1
Pobierz skrypt wyświetlający padający śnieg na stronie. Otwórz stronę w przeglądarce https://codeguru.ru/web/javascript/. Przejdź do „Przykłady skryptów JavaScript” -> „Animacja” -> „Przenoszenie obiektów”. Kliknij na link "Skrypt Falling Snow". Na stronie, która się otworzy, w prawym górnym rogu kliknij link „snowfall.zip”. Zapisz archiwum ze skryptem na dysku twardym
Krok 2
Rozpakuj archiwum ze skryptem. Wyodrębnij wszystkie pliki z pobranego archiwum do tymczasowego folderu na dysku twardym. Użyj programu do rozpakowywania lub menedżera plików.
Krok 3
Skonfiguruj skrypt. Otwórz plik snowfall.js w dowolnym edytorze tekstu. Zmień wartości właściwości nCount, nMaxSpeed i strFlakeURL obiektu oSnowFall. Wartość nCount określa, ile obrazów płatków śniegu będzie jednocześnie przesuwać się na stronie. Wartość nMaxSpeed określa maksymalną prędkość płatka śniegu w pikselach podczas jednej iteracji skryptu. Parametr strFlakeURL musi zawierać prawidłowy adres URL obrazu płatka śniegu, do którego można go załadować za pośrednictwem sieci WWW.
Krok 4
Prześlij na serwer pliki skryptów, arkusze stylów i obrazy płatków śniegu. Połącz się z serwerem lokacji za pomocą FTP. Przejdź do folderu plików skryptów klienta lub utwórz podobny folder i przejdź do niego. Załaduj do niego plik snowfall.js. Przejdź do folderu z grafiką. Załaduj do niego plik snowflake.gif. Umieść plik snowfall.css na serwerze.
Krok 5
Zrób śnieg na miejscu. Edytuj kod strony, szablony stron lub pliki motywu witryny, tak aby element HEAD wynikowego kodu zawierał wiersze, takie jak:
gdzie css_file_address i js_file_address to adresy plików snowfall.css i snowfall.js w sieci.
Umieść linię bezpośrednio za tagiem otwierającym:
Umieść również linie przed tagiem zamykającym:
DoSnowFall ();
//
Zapisz wyniki edycji.
Krok 6
Sprawdź wynik. Otwórz kilka stron witryny, na której osadzono skrypt. Animacja powinna rozpocząć się natychmiast po zakończeniu ładowania stron.
