Więc chcesz umieścić stronę powitalną na swojej stronie internetowej? Strony powitalne to świetny sposób na branding Twojej witryny. W tym poradniku założono, że znasz sporo HTML i CSS, a może ci pomóc, jeśli znasz również podstawowe JavaScript.
Kroki
Krok 1. Utwórz swoją stronę konspektu
Możesz użyć zewnętrzny CSS (Kaskadowy Arkusz Stylów), ale w tym przykładzie użyjemy an wewnętrzny arkusz stylów. Musisz więc zacząć od podstawowych tagów:
Witam!
Krok 2. Wypełnij informacje CSS i tytuł w sekcji
Oczywiście będziesz musiał zmienić wartości, aby dopasować je do swoich potrzeb:
Witam!
body {kolor-tła: #DCDCDC}
Pominięty…
Notatka:
Możesz dodać właściwość CSS do czcionek.
Krok 3. Dodaj skrypt, aby przejść na stronę główną
Ta sekcja jest opcjonalna i możesz ją po prostu pominąć, jeśli nie chcesz, aby automatycznie przechodziła dalej.
Pominięty…
window.onload=przekroczenie limitu czasu;
funkcja timeout() {
window.setTimeout("przekierowanie()", 5000)}
funkcja przekierowania(){
window.location="Home.htm"
powrót}
Pominięty…
Pominięty…
Uwagi:
Numer 5000 znaczy
Krok 5. sekundy. Zmień to na krótsze lub dłuższe czasy. Zmień nazwę pliku przekierowania na nazwę swojej strony głównej.
Krok 4. Dodaj tytuł
Powinna to być prawdopodobnie nazwa Twojej witryny i powinieneś dołączyć ją do tagów, aby ułatwić wyszukiwarkom znalezienie.
Krok 5. Dodaj zdjęcie
Powinno to pokazać, o czym jest Twoja witryna. Znowu możesz użyć
etykietka.
Pominięty…
Uwagi:
W tym kroku założono, że obraz tytułowy został zapisany w tym samym folderze, co .htm plik i że nosi nazwę "obraz powitalny.jpg". Możesz dodać pozycjonowanie CSS, jeśli wolisz, aby obraz znajdował się w innym miejscu na ekranie, na przykład na środku.
Krok 6. Dodaj przycisk
Ten przycisk umożliwi odwiedzającym szybsze dotarcie do strony głównej. Po kliknięciu zostają natychmiast przeniesieni na stronę główną. Możesz też po prostu podać link do strony głównej.
Pominięty…
Notatka:
Możesz zmienić "wartość" element, aby zmienić tekst wyświetlany na przycisku.
Krok 7. Dodaj tekst
To może być cokolwiek chcesz. Generalnie jest to powitanie typu „Dziękuję za wizytę” lub „Utworzone przez…”.
Pominięty…
Dziękujemy za wizytę!
Uwagi:
Tutaj możesz używać CSS dla tekstu. Możesz użyć nagłówka (
) zamiast tego, jeśli chcesz.Krok 8. Teraz masz działającą stronę powitalną
Teraz nadszedł czas, aby dopracować go za pomocą CSS i uruchomić!
Wideo - Korzystając z tej usługi, niektóre informacje mogą być udostępniane YouTube
Porady
- Dodaj tyle treści, ile chcesz, ale nie rób tego zbyt zajęty.
- Możesz dodać dźwięki i wideo, jeśli chcesz, ale u niektórych osób będzie to długi czas ładowania.
- Jeśli nie wiesz zbyt wiele o HTML lub CSS, możesz użyć edytora z przewodnikiem, takiego jak Blogger, aby uprościć ten proces.