April 14
I siti web possono essere complessa o sorprendentemente semplice. Mentre i siti web complessi hanno il loro posto sul Web, semplici siti web sono più facilmente e rapidamente creato e possono attirare altrettanta attenzione. Semplici siti web possono presentare i contenuti in modo chiaro e inequivocabile, che mostra un messaggio preciso e soggetto ovvio, se il soggetto sia il prodotto che offrite o il messaggio che si vuole trasmettere.
1 Progettare un piano per il tuo sito. Disegnare il layout del tuo sito web su un pezzo di carta per aiutare a concepire il più semplice, sito più facilmente navigabile possibile. Tutti i contenuti devono essere accessibili in tre scatti ( "Tre-Rule") per contribuire al raggiungimento di questo obiettivo.
2 Aprire un editor HTML o testo. Un semplice editor di testo come Blocco note vi aiuterà a imparare richiedendo ogni elemento deve essere digitato a mano, mentre un editor HTML renderà la digitazione HTML più semplice e veloce.
3 Creare lo scheletro del tuo sito web con tutti gli elementi necessari. Questo include il <html>, <head>, <body> e <title> (necessario per i risultati del motore di ricerca) tag, nonché eventuali elementi aggiuntivi necessari per la vostra pagina, come ad esempio <p> Per creare dei paragrafi indipendenti, <a> per creare legami e <img> per includere immagini. Tutti i tag di apertura dovrebbero essere integrate con un tag di chiusura. Ecco un esempio:
<Html>
<Head>
<Title> My Web pagina </ title>
</ Head>
<Body>
<H1> Il mio primo titolo </ h1>
<P> Scrittura di testo in questa sezione per creare un paragrafo. </ P>
<a href="This" rel="nofollow" target="_blank"> http:. //www.example.com"> Questo è un link a una pagina di esempio sul web </a>
<P> Di seguito è riportato un piccolo quadro. </ P>
<Img src = "a_picture.jpg" width = "250" height = "200" />
</ Body>
</ Html>
4 Includi elementi di stile nella vostra pagina per creare una pagina Web esteticamente più gradevole. Colori, l'allineamento del testo e le dimensioni (tra le altre cose) può essere modificato digitando "style =" seguito dal stile desiderato nei tag del documento HTML di apertura. Nel seguente esempio modificato, colore di sfondo e il font del testo paragrafo e colori sono stati modificati:
<Html>
<Head>
<Title> My Web pagina </ title>
</ Head>
<Stile del corpo = "background-color: grey">
<H1> Il mio primo titolo </ h1>
<P style = "font-family: Arial; color: green; font-size: 1.2em;">. Utilizzare questa sezione per creare un paragrafo </ p>
<a href="This" rel="nofollow" target="_blank"> http:. //www.example.com"> Questo è un link a una pagina web esterna </a>
<P> Di seguito è riportato un piccolo quadro. La foto deve essere salvato nella stessa directory del documento HTML viene salvato in o indicò la directory o cartella appropriata (ad esempio, "foto / beach.jpg"). </ P>
<Img src = "beach.jpg" width = "250" height = "200" />
</ Body>
</ Html>
5 Salvare il documento HTML con una o estensione ".html" ".htm" di file (ad esempio, "example.htm"). Entrambe le estensioni sono ugualmente efficaci; l'estensione del file "htm" è stato utilizzato quando i computer in grado di gestire solo le estensioni di tre lettere, ma ora entrambe le estensioni sono sicuri.