Quindi vuoi mettere una splash page sulla tua pagina web? Le pagine splash sono un ottimo modo per brandizzare il tuo sito web. Questo How-To presuppone che tu conosca un po' di HTML e CSS e potrebbe essere d'aiuto se conosci anche JavaScript di base.
Passi
Passaggio 1. Crea la tua pagina di struttura
Potresti usare un CSS esterno (foglio di stile a cascata), ma in questo esempio useremo an foglio di stile interno. Quindi devi iniziare con i tuoi tag di base:
Accoglienza!
Passaggio 2. Compila il CSS e le informazioni sul titolo nella sezione
Ovviamente dovrai modificare i valori in base alle tue esigenze:
Accoglienza!
corpo {colore di sfondo: #DCDCDC}
omesso…
Nota:
Potresti voler aggiungere una proprietà CSS per i caratteri.
Passaggio 3. Aggiungi lo script per spostarti nella home page
Questa sezione è facoltativa e puoi semplicemente ometterla se non vuoi che si sposti automaticamente.
omesso…
window.onload=timeout;
funzione timeout(){
window.setTimeout("redirect()", 5000)}
funzione reindirizzamento(){
window.location="Casa.htm"
Restituzione}
omesso…
omesso…
Appunti:
Il numero 5000 si intende
Passaggio 5. secondi. Cambia questo per tempi più brevi o più lunghi. Cambia il nome del file di reindirizzamento con il nome della tua home page.
Passaggio 4. Aggiungi un titolo
Questo dovrebbe essere probabilmente il nome del tuo sito web e dovresti racchiuderlo in tag per renderlo più facile da trovare per i motori di ricerca.
Passaggio 5. Aggiungi un'immagine
Questo dovrebbe dimostrare di cosa tratta il tuo sito. Di nuovo puoi usare il
etichetta.
omesso…
Appunti:
Questo passaggio presuppone che tu abbia salvato l'immagine del titolo nella stessa cartella del .htm file e che si chiami "splashimage.jpg". Puoi aggiungere il posizionamento CSS se preferisci che l'immagine sia da qualche altra parte sullo schermo, ad esempio al centro.
Passaggio 6. Aggiungi un pulsante
Questo pulsante consentirà ai visitatori di accedere più rapidamente alla home page. Quando fanno clic su di esso, vengono immediatamente spostati sulla home page. In alternativa potresti semplicemente fornire un link alla home page.
omesso…
Nota:
Puoi cambiare il "valore" elemento per modificare il testo visualizzato sul pulsante.
Passaggio 7. Aggiungi del testo
Questo potrebbe essere qualsiasi cosa ti piaccia. Generalmente si tratta di un tipo di saluto "Grazie per la visita" o "Creato da…".
omesso…
Grazie per la visita!
Appunti:
Qui è dove potresti usare il CSS per il testo. Potresti usare un'intestazione (
) invece se vuoi.Passaggio 8. Ora hai una pagina iniziale funzionante
Ora è solo il momento di abbellirlo usando i CSS e farlo andare online!
Video - Utilizzando questo servizio, alcune informazioni potrebbero essere condivise con YouTube
Suggerimenti
- Aggiungi tutti i contenuti che vuoi, ma non renderlo troppo occupato.
- Puoi aggiungere suoni e video se lo desideri, ma questo richiederà un lungo tempo di caricamento per alcune persone.
- Se non sai molto di HTML o CSS, puoi utilizzare un editor guidato come Blogger per semplificare questo processo.