January 10
Una splash page appare prima la home page di un sito web. uso splash page può essere una semplice scelta estetica, limitare l'accesso fino a quando vengono soddisfatti determinati requisiti, dare agli spettatori opzioni riguardanti il sito, o mostrare una schermata di caricamento, mentre i carichi di contenuti del sito principale. Questo articolo si presuppone la conoscenza di base di XHTML e CSS, e che l'uso splash page è una scelta estetica.
1 Disporre i documenti del sito web in modo che siano tutti in una cartella principale, al cui interno è una cartella denominata immagini in cui saranno mantenuti tutte le immagini, mentre le pagine HTML e CSS rimangono nella cartella principale.
2 Creare un nuovo documento HTML e salvarlo come index.html.
3 Inserisci XHTML informazioni di verifica per rafforzare la vostra XHTML e HTML nella parte superiore della pagina.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang =" it "xml: lang =" it ">
4 Inserire desiderata del testo splash page o l'immagine in formato corretto HTML tra i tag body. Il seguente esempio include sia un testo e elemento dell'immagine.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang =" it "xml: lang =" it ">
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Titolo Goes Here </ title>
</ Head>
<Body>
<Img src = "images / splashimage.gif" alt = "image testo alternativo qui" />
<P> Non c'è niente qui a meno di aggiungere testo tra questi tag. </ P>
</ Body>
</ Html>
** L'elemento di immagine in questo esempio presuppone l'immagine si trova nella cartella immagini e viene salvato come splashimage.gif.
5 Collega il tuo foglio di stile CSS sotto le tag del titolo.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang =" it "xml: lang =" it ">
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Titolo Goes Here </ title>
<Tipo di link = "text / css" rel = "stylesheet" href = "index.css" />
</ Head>
<Body>
<Img src = "images / splashimage.gif" alt = "image testo alternativo qui" />
<P> Non c'è niente qui a meno di aggiungere testo tra questi tag. </ P>
</ Body>
</ Html>
In questo esempio, il foglio di stile CSS è chiamato index.css per abbinare la pagina iniziale in nome salvato di index.html.
6 Posizionare i collegamenti desiderati per condurre al contenuto principale nella corretta formato HTML. Questo collegamento è collegato alla pagina principale salvato come about.html.
<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang =" it "xml: lang =" it ">
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = UTF-8" />
<Title> Titolo Goes Here </ title>
<Tipo di link = "text / css" rel = "stylesheet" href = "index.css" />
</ Head>
<Body>
<Img src = "images / splashimage.gif" alt = "image testo alternativo qui" />
<P> Non c'è niente qui a meno di aggiungere testo tra questi tag. </ P>
<a href="about.html"> su </a>
</ Body>
</ Html>
7 Prova di tutto per tornare sui vostri passi, se qualcosa non funziona, e quindi caricare sul vostro dominio.