Per tant, voleu posar una pàgina de presentació a la vostra pàgina web? Les pàgines d’esquena són una manera fantàstica de marcar el vostre lloc web. Aquest procediment suposa que coneixeu força HTML i CSS, i us pot ajudar si coneixeu algun JavaScript bàsic.
Passos
Pas 1. Creeu la vostra pàgina d'esquema
Podeu utilitzar un fitxer CSS extern (full d'estil en cascada), però en aquest exemple farem servir un fitxer full d'estil intern. Per tant, heu de començar amb les etiquetes bàsiques:
Benvingut!
Pas 2. Empleneu la informació CSS i el títol a la secció
Evidentment, haureu de canviar els valors segons les vostres necessitats:
Benvingut!
cos {background-color: #DCDCDC}
Omitit …
Nota:
És possible que vulgueu afegir una propietat CSS per als tipus de lletra.
Pas 3. Afegiu l'script per passar a la pàgina d'inici
Aquesta secció és opcional i podeu ometre-la si no voleu que continuï automàticament.
Omitit …
window.onload = temps d'espera;
temps d'espera de la funció () {
window.setTimeout ("redirect ()", 5000)}
redirecció de funció () {
window.location = "Inici.htm"
tornar}
Omitit …
Omitit …
Notes:
El nombre 5000 significa
Pas 5. segons. Canvieu-ho per temps més curts o més llargs. Canvieu el nom del fitxer de redirecció pel de la pàgina d'inici.
Pas 4. Afegiu un títol
Probablement hauria de ser el nom del vostre lloc web i hauríeu d’incloure-la intags per facilitar la cerca dels motors de cerca.
Pas 5. Afegiu una imatge
Això hauria de demostrar de què tracta el vostre lloc. De nou podeu utilitzar el fitxer
etiqueta.
Omitit …
Notes:
Aquest pas suposa que heu desat la imatge del títol a la mateixa carpeta que el fitxer .htm fitxer, i que s’anomena "splashimage.jpg". Podeu afegir posicionament CSS si preferiu que la imatge estigui en un altre lloc de la pantalla, com ara el centre.
Pas 6. Afegiu un botó
Aquest botó serà una manera perquè els visitants puguin accedir a la pàgina principal més ràpidament. Quan hi fan clic, es traslladen immediatament a la pàgina inicial. També podeu proporcionar un enllaç a la pàgina principal.
Omitit …
Nota:
Podeu canviar el fitxer "valor" element per canviar el text que es mostra al botó.
Pas 7. Afegiu text
Això pot ser qualsevol cosa que vulgueu. En general, és una felicitació de tipus "Gràcies per visitar" o "Creat per …".
Omitit …
Gràcies per visitar-la!
Notes:
Aquí és on podeu utilitzar el CSS per al text. Podeu utilitzar un encapçalament (
) en lloc d'això, si voleu.Pas 8. Ara teniu una pàgina de presentació que funciona
Ara és hora d’aconseguir-ho amb CSS i fer-lo passar en directe.
Vídeo: mitjançant aquest servei, es pot compartir informació amb YouTube
Consells
- Afegiu tot el contingut que vulgueu, però no us ocupeu massa.
- Si voleu, podeu afegir sons i vídeos, però algunes persones podran carregar molt de temps.
- Si no sabeu molt sobre HTML o CSS, podeu utilitzar un editor guiat com Blogger per simplificar aquest procés.