Kuidas luua veebisaidile splash-lehte

Nii et soovite lisada oma veebilehele splash-lehe? Splash-lehed on suurepärane viis veebisaidi kaubamärgi loomiseks. See juhend eeldab, et tunnete üsna palju HTML-i ja CSS-i ning see võib aidata, kui teate ka mõnda põhilist JavaScripti.

1
Looge oma ülevaade leht. Võite kasutada välist CSS-i (Cascading Style Sheet), kuid selles näites kasutame sisemist stiililehte. Seega peate alustama oma põhimärgenditega:Tere tulemast!

2
Täitke jaotises CSS-i ja pealkirja teave. Ilmselgelt peate väärtusi oma vajaduste järgi muutma:Tere tulemast!

Välja jäetud…Märkus. Võib-olla soovite fontidele lisada CSS-i atribuudi.

3
Avalehele liikumiseks lisage skript. See jaotis on valikuline ja kui te ei soovi, et see automaatselt edasi liiguks, võite selle lihtsalt välja jätta.Väljajäetud…Välja jäetud…Välja jäetud…Märkused: Arv 5000 tähendab 5 sekundit. Muutke seda lühemaks või pikemaks ajaks. Muutke ümbersuunamisfaili nimi oma avalehe nimeks.

4
Lisage pealkiri. Tõenäoliselt peaks see olema teie veebisaidi nimi ja lisage see siltidesse

, et otsingumootoritel oleks seda lihtne leida.

5
Lisa pilt. See peaks näitama, mida teie sait endast kujutab. Jällegi saate kasutada märgendit .Väljajäetud…Märkused. See samm eeldab, et olete salvestanud pealkirjapildi samasse kausta .htm-failina ja selle nimeks on “splashimage.jpg”. Saate lisada CSS-i positsioneerimise, kui eelistate, et pilt oleks ekraanil kusagil mujal, näiteks keskel.

6
Lisage nupp. See nupp võimaldab külastajatel kiiremini avalehele jõuda. Kui nad sellel klõpsavad, suunatakse nad kohe avalehele. Teise võimalusena võite lihtsalt lisada lingi avalehele. Välja jäetud…

Märkus. Nupul kuvatava teksti muutmiseks saate muuta elementi “väärtus”.

7
Lisage veidi teksti. See võib olla kõik, mis sulle meeldib. Üldjuhul on see “Aitäh külastamast” tüüpi tervitus või “Loodud:…” tervitus. Välja jäetud…

Aitäh, et külastasite!

< /html>Märkused. Siin saate teksti jaoks kasutada CSS-i. Soovi korral võite selle asemel kasutada pealkirja (

).

8
Nüüd on teil töötav splash-leht! Nüüd on aeg seda CSS-i abil ilustada ja see avaldada!

  • Mis on CSS-kompressor?

  • Kuidas luua paksu teksti HTML-iga

  • Kuidas lisada HTML-i CSS-faili

  • Mis on CSS-kood?

  • Mis on splash Page?

  • Kuidas redigeerida WordPressi CSS-faili