Splash oldal létrehozása egy webhelyhez: 8 lépés (képekkel)

Tartalomjegyzék:

Splash oldal létrehozása egy webhelyhez: 8 lépés (képekkel)
Splash oldal létrehozása egy webhelyhez: 8 lépés (képekkel)

Videó: Splash oldal létrehozása egy webhelyhez: 8 lépés (képekkel)

Videó: Splash oldal létrehozása egy webhelyhez: 8 lépés (képekkel)
Videó: Диана и Рома в парке Свинки Пеппы и Маши 2024, Lehet
Anonim

Tehát splash oldalt szeretne elhelyezni a weboldalán? A splash oldalak nagyszerű módja a webhely márkaépítésének. Ez a használati utasítás feltételezi, hogy elég sokat tud HTML-ből és CSS-ből, és segíthet, ha ismer néhány alapvető JavaScriptet is.

Lépések

Létrehozó oldal létrehozása egy webhelyhez 1. lépés
Létrehozó oldal létrehozása egy webhelyhez 1. lépés

1. lépés. Hozza létre a vázlatos oldalt

Használhat egy külső CSS (lépcsőzetes stíluslap), de ebben a példában egy an -t fogunk használni belső stíluslap. Tehát az alapvető címkékkel kell kezdenie:

Üdvözöljük!

Létrehozó oldal létrehozása egy webhelyhez 2. lépés
Létrehozó oldal létrehozása egy webhelyhez 2. lépés

2. lépés. Töltse ki a szakaszban a CSS- és címinformációkat

Nyilvánvalóan módosítania kell az értékeket az igényeinek megfelelően:

Üdvözöljük!

body {background-color: #DCDCDC}

Kihagyva…

Jegyzet:

Érdemes CSS tulajdonságot hozzáadni a betűtípusokhoz.

Hozzon létre egy splash oldalt egy webhelyhez 3. lépés
Hozzon létre egy splash oldalt egy webhelyhez 3. lépés

3. lépés. A kezdőlapra lépéshez adja hozzá a szkriptet

Ez a szakasz nem kötelező, és egyszerűen kihagyhatja, ha nem szeretné, hogy automatikusan továbblépjen.

Kihagyva…

window.onload = timeout;

függvény timeout () {

window.setTimeout ("redirect ()", 5000)}

function redirect () {

window.location = "Home.htm"

Visszatérés}

Kihagyva…

Kihagyva…

Megjegyzések:

A szám 5000 eszközök

5. lépés. másodperc. Változtassa meg ezt rövidebb vagy hosszabb időre. Módosítsa az átirányítási fájl nevét a kezdőlap nevére.

Hozzon létre egy splash oldalt egy webhelyhez 4. lépés
Hozzon létre egy splash oldalt egy webhelyhez 4. lépés

4. lépés. Adjon hozzá egy címet

Valószínűleg ez legyen a webhelye neve, és épen be kell csatolnia, hogy a keresőmotorok könnyen megtalálják.

Hozzon létre egy splash oldalt egy webhelyhez 5. lépés
Hozzon létre egy splash oldalt egy webhelyhez 5. lépés

5. lépés. Kép hozzáadása

Ennek meg kell mutatnia, miről szól a webhely. Ismét használhatja a

Image
Image

címke.

Kihagyva…

Megjegyzések:

Ez a lépés feltételezi, hogy a címképet ugyanabba a mappába mentette, mint a .htm fájlt, és hogy annak neve van "splashimage.jpg". Hozzáadhat CSS -pozicionálást, ha azt szeretné, hogy a kép valahol máshol legyen a képernyőn, például a központban.

6. lépés. Adjon hozzá egy gombot

Ezzel a gombbal a látogatók gyorsabban elérhetik a kezdőlapot. Amikor rákattintanak, azonnal átkerülnek a kezdőlapra. Alternatív megoldásként egyszerűen megadhat egy linket a kezdőlapra.

Kihagyva…

Jegyzet:

Megváltoztathatja a "érték" elem a gombon megjelenített szöveg megváltoztatásához.

Hozzon létre egy splash oldalt egy webhelyhez 7. lépés
Hozzon létre egy splash oldalt egy webhelyhez 7. lépés

7. lépés. Szöveg hozzáadása

Ez bármi lehet, ami tetszik. Általában ez egy „Köszönjük, hogy meglátogatott” üdvözlés, vagy „Létrehozta…”.

Kihagyva…

Köszönöm a látogatást!

Megjegyzések:

Itt használhatja a CSS -t a szöveghez. Használhat címet (

) helyett, ha úgy tetszik.

Hozzon létre egy splash oldalt egy webhelyhez 8. lépés
Hozzon létre egy splash oldalt egy webhelyhez 8. lépés

8. lépés. Most van egy működő splash page

Most csak itt az ideje, hogy szépítsen a CSS használatával, és tegye élővé!

Videó - A szolgáltatás használatával bizonyos információk megoszthatók a YouTube -lal

Tippek

  • Adjon hozzá annyi tartalmat, amennyit csak akar, de ne legyen túl elfoglalt.
  • Hozzáadhat hangokat és videókat, ha úgy tetszik, de ez sok ember számára hosszú betöltési időt eredményez.
  • Ha nem sokat tud a HTML -ről vagy a CSS -ről, akkor a Bloggerhez hasonló irányított szerkesztővel egyszerűbbé teheti ezt a folyamatot.

Ajánlott: