Cum să creați o pagină Splash pentru un site web: 8 pași (cu imagini)

Cuprins:

Cum să creați o pagină Splash pentru un site web: 8 pași (cu imagini)
Cum să creați o pagină Splash pentru un site web: 8 pași (cu imagini)

Video: Cum să creați o pagină Splash pentru un site web: 8 pași (cu imagini)

Video: Cum să creați o pagină Splash pentru un site web: 8 pași (cu imagini)
Video: Google GMail - Tutorial in limba romana, pas cu pas pt incepatori [2020] 2024, Mai
Anonim

Deci, doriți să puneți o pagină de primă pagină pe pagina dvs. web? Paginile Splash sunt un mod excelent de a marca site-ul dvs. web. Acest Ghid presupune că cunoașteți destul de mult HTML și CSS și ar putea fi util dacă cunoașteți și JavaScript de bază.

Pași

Creați o pagină Splash pentru un site Web Pasul 1
Creați o pagină Splash pentru un site Web Pasul 1

Pasul 1. Creați-vă pagina de schiță

Ai putea folosi un CSS extern (Foaie de stil în cascadă), dar în acest exemplu vom folosi un foaie de stil intern. Deci, trebuie să începeți cu etichetele de bază:

Bine ati venit!

Creați o pagină Splash pentru un site web Pasul 2
Creați o pagină Splash pentru un site web Pasul 2

Pasul 2. Completați informațiile despre CSS și titlu în secțiune

În mod evident, va trebui să modificați valorile pentru a se potrivi nevoilor dvs.:

Bine ati venit!

corp {fundal-culoare: #DCDCDC}

Omis…

Notă:

Poate doriți să adăugați o proprietate CSS pentru fonturi.

Creați o pagină Splash pentru un site web Pasul 3
Creați o pagină Splash pentru un site web Pasul 3

Pasul 3. Adăugați scriptul pentru a vă deplasa pe pagina de pornire

Această secțiune este opțională și o puteți omite pur și simplu dacă nu doriți să treacă automat.

Omis…

window.onload = expirare;

timeout funcție () {

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

redirecționarea funcției () {

window.location = "Acasă.htm"

întoarcere}

Omis…

Omis…

Note:

Numarul 5000 mijloace

Pasul 5. secunde. Schimbați acest lucru pentru perioade mai scurte sau mai lungi. Schimbați numele fișierului de redirecționare cu numele paginii dvs. de pornire.

Creați o pagină Splash pentru un site web Pasul 4
Creați o pagină Splash pentru un site web Pasul 4

Pasul 4. Adăugați un titlu

Acesta ar trebui să fie probabil numele site-ului dvs. web și ar trebui să îl atașați intags pentru a facilita găsirea motoarelor de căutare.

Creați o pagină Splash pentru un site web Pasul 5
Creați o pagină Splash pentru un site web Pasul 5

Pasul 5. Adăugați o imagine

Acest lucru ar trebui să demonstreze despre ce este site-ul dvs. Din nou puteți utiliza

Image
Image

etichetă.

Omis…

Note:

Acest pas presupune că ați salvat imaginea de titlu în același dosar ca .htm fișier și că acesta este numit „splashimage.jpg”. Puteți adăuga poziționarea CSS dacă preferați ca imaginea să fie altundeva pe ecran, cum ar fi centrul.

Pasul 6. Adăugați un buton

Acest buton va fi o modalitate prin care vizitatorii pot ajunge mai repede la pagina principală. Când dau clic pe acesta, sunt mutate imediat pe pagina de pornire. De asemenea, puteți furniza pur și simplu un link către pagina principală.

Omis…

Notă:

Puteți schimba "valoare" element pentru a modifica textul afișat pe buton.

Creați o pagină Splash pentru un site web Pasul 7
Creați o pagină Splash pentru un site web Pasul 7

Pasul 7. Adăugați un text

Ar putea fi orice îți place. În general, este un fel de salut „Vă mulțumim că ați vizitat” sau unul „Creat de …”.

Omis…

Va multumim pentru vizita!

Note:

Aici puteți utiliza CSS pentru text. Ai putea folosi un titlu (

) în schimb dacă îți place.

Creați o pagină Splash pentru un site Web Pasul 8
Creați o pagină Splash pentru un site Web Pasul 8

Pasul 8. Acum aveți o pagină de pornire funcțională

Acum a sosit timpul să o faceți cu CSS și să o faceți live!

Video - Prin utilizarea acestui serviciu, unele informații pot fi partajate cu YouTube

sfaturi

  • Adăugați conținut cât doriți, dar nu îl faceți prea ocupat.
  • Puteți adăuga sunete și videoclipuri dacă doriți, dar acest lucru va duce la o încărcare lungă pentru unii oameni.
  • Dacă nu știți multe despre HTML sau CSS, puteți utiliza un editor ghidat precum Blogger pentru a simplifica acest proces.

Recomandat: