Jak napisać HTML dla przewijanej wiadomości

Projektowanie, tworzenie i utrzymywanie profesjonalnej strony internetowej dla Twojej firmy to dużo pracy. Nawet po uruchomieniu witryny, przyciąganie użytkowników może okazać się jeszcze większym wyzwaniem. Gdy potencjalny klient kliknie reklamę lub link, aby odwiedzić witrynę, ważne jest, aby strony szybko przyciągnęły jego uwagę, aby uniemożliwić mu odesłanie do witryny konkurenta. Jednym ze sposobów przyciągnięcia uwagi odwiedzającego jest przewijany tekst, który porusza się po ekranie. Wystarczy fragment kodu HTML, aby utworzyć przewijaną ramkę, która przyciąga wzrok gości niczym magnes.

1.

Uruchom Notatnik systemu Windows lub preferowany tekst lub edytor HTML. Otwórz plik strony WWW, którą chcesz poprawić, przewijając wiadomość.

2.

Przejdź w dół do miejsca, w którym ma się pojawiać przewijany komunikat na stronie. Kliknij i umieść mysz na końcu linii kodu tuż nad miejscem, w którym chcesz, aby pojawił się komunikat, a następnie naciśnij "Enter", aby wstawić znak powrotu karetki lub podział linii w kodzie.

3.

Skopiuj i wklej następujące elementy do dokumentu HTML, aby utworzyć prostą wiadomość przewijania z tekstem przewijającym się z prawej strony strony, ale nie przewijając dalej:

Tutaj wpisz swoją przewijaną wiadomość

4.

Skopiuj i wklej następujący kod na stronie, aby wstawić przewijaną wiadomość z tekstem, który przewija się od prawej strony i nadal przewija w pętli:

Tutaj wpisz swoją przewijaną wiadomość

5.

Skopiuj i wklej następujący kod do dokumentu HTML, aby utworzyć przewijaną wiadomość, w której tekst będzie się ciągle podnosić na ekranie:

Tutaj wpisz swoją przewijaną wiadomość

6.

Skopiuj i wklej następujący kod na stronie, aby przewinąć tekst z dołu pola tekstowego:

Tutaj wpisz swoją przewijaną wiadomość

7.

Zmień szybkość przewijania wiadomości, wstawiając argument "scrollamount" do kodu marquee. Na przykład następujące elementy będą powoli przewijać wiadomość na ekranie:

Tutaj wpisz wiadomość powolnego przewijania

Użyj poniższego kodu, aby wiadomość przewijała się znacznie szybciej po ekranie:

Tutaj wpisz szybką wiadomość przewijania

Zmień odpowiednio zmienną "scrollamount", aby zwiększyć lub zmniejszyć szybkość przewijania tekstu.

8.

Zapisz plik HTML w Notatniku lub w preferowanej aplikacji do edytowania. Zaloguj się do panelu kontrolnego Web Hosting i użyj Menedżera plików lub podobnego narzędzia, aby przesłać plik na swój serwer sieciowy.

9.

Otwórz przeglądarkę internetową i przejdź do adresu URL zaktualizowanej strony HTML. Po załadowaniu strony w oknie przeglądarki wiadomość przewija się na ekranie.

Wskazówki

• Możesz również wstawić przewijany obraz na stronie internetowej. Aby to zrobić, skopiuj i wklej następujący kod w miejscu, w którym chcesz, aby przewijany obraz pojawił się na stronie:
• Zmień "//www.somesite.com/images/picture.gif" na rzeczywisty adres URL obrazu, który chcesz przewinąć na ekranie.
• Jeśli nie masz pewności, że piszesz kod HTML od podstaw, możesz użyć generatora kodu marki online do utworzenia kodu. Witryny takie jak Quackit.com, HTMLMarquee.com i HTMLBasix.com zapewniają bezpłatne, łatwe w użyciu generatory, za pomocą których można projektować przewijane wiadomości, a następnie generować kod HTML, który po prostu wkleja się na dowolnej stronie internetowej (linki w Zasobach).