Come costruire un sito Web semplice

April 14

Come costruire un sito Web semplice


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.

istruzione

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&quot;> 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&quot;> 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.

Consigli e avvertenze

  • Durante la creazione tuo sito web, aprirlo in diversi browser web (tasto destro del mouse, "Apri con", "Firefox", per esempio) per vedere come appare in ogni browser. Non tutti i browser visualizzano le pagine Web nello stesso modo.
  • Imparare i CSS per creare un foglio di stile che può essere riutilizzato con più pagine web senza ridigitare ogni elemento.
  • Imparare PHP per includere ulteriori funzionalità, come ad esempio un modulo di contatto.
  • Se non si desidera utilizzare HTML, guardare in servizi che forniscono uno strumento di costruzione sito web o utilizzare un programma WYSIWYG di hosting.

Articoli Correlati