Step-by-passo le istruzioni su come costruire un sito web

August 1

Step-by-passo le istruzioni su come costruire un sito web


Mentre esistono numerosi siti web e programmi informatici per guidare l'utente attraverso il processo di costruzione di un sito web, il modo migliore per imparare è attraverso un editor di testo. Un editor di testo vi darà il massimo controllo sul tuo sito web. I siti web sono essenzialmente documenti HTML che utilizzare i tag (parole chiave circondati da parentesi angolari, come <p>) per descrivere le caratteristiche in ogni pagina del sito. Per creare una pagina web, non è necessario un servizio di hosting, ma per rendere la vostra pagina sul web, avrete bisogno di un tale servizio.

istruzione

1 Aprire un editor di testo, come Blocco note. Creare gli elementi necessari per la tua pagina web digitando il seguente codice nel vostro editor di testo:

<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"> http://www.example.com "> Questo è un link a una pagina di esempio sul web. </a>

<P> Di seguito è riportato un piccolo quadro. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

Sostituire le parole all'interno tag <title>, <h1>, <p> e <a> con il testo di vostra scelta. Ripetere i tag <p> e </ p> intorno ad ogni punto aggiuntivo.

2 Aggiungi stile alla tua pagina inserendo nel documento HTML. Questo si ottiene utilizzando l'attributo "style". Se si desidera aggiungere colore e modificare il carattere del testo, aggiungere style = "font-family: Helvetica; colore: arancione; font-size: 30px" al tag <p>. È inoltre possibile aggiungere un colore di sfondo diverso con l'aggiunta di style = "background-color: grey" al tag <body>. Si noti che è possibile utilizzare i codici dei colori esadecimali per più varietà di colori; grafici che contengono queste informazioni sono facilmente reperibili sul web. Il tuo codice HTML ora dovrebbe essere simile a questo:

<Html>

<Head>

<Title> My Web pagina </ title>

</ Head>

<Stile del corpo = "background-color: grey">

<H1> Il mio primo titolo </ h1>

<P style = "font-family: Helvetica; colore: arancione; font-size: 30px;">. Scrivere il testo in questa sezione per creare un paragrafo </ p>

<a href="This"> http://www.example.com "> Questo è un link a una pagina di esempio sul web. </a>

<P> Di seguito è riportato un piccolo quadro. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

3 Salvare il documento HTML usando un ".html" o estensione ".htm" (ad esempio "example.htm"). Entrambe le estensioni serviranno allo stesso scopo; uno non è meglio dell'altro.

4 Caricare i file utilizzati per creare il tuo sito web (il documento HTML e immagini) al server del provider di hosting. Questo non è generalmente difficile; semplicemente trovare la sezione del sito Web del provider che dice qualcosa del tipo "file manager", e utilizzare l'applicazione fornita per caricare i file.

5 Aprire il browser web preferito e visualizzare la pagina web. È possibile farlo andando al tuo sito web o semplicemente aprire il documento HTML in un browser Web. E 'importante controllare la vostra pagina web in un browser per visualizzare le modifiche. Si dovrebbe anche controllare le pagine web in diversi browser (ad esempio Firefox, Internet Explorer, Safari e Chrome) e con diverse piattaforme (ad esempio Microsoft Windows, Mac OS X e Linux Ubuntu). Diversi browser e piattaforme di visualizzare le pagine Web in modo diverso.

Consigli e avvertenze

  • Imparare i CSS per creare stile utilizzando un altro documento. Questo vi permetterà di creare più pagine con stile simile senza ridigitare ogni linea di stile.
  • Imparare PHP e Javascript per aggiungere interesse e funzionalità alla vostra pagina.
  • Se non si vuole imparare l'HTML, guardare in servizi che forniscono uno strumento di costruzione sito web o utilizzare un programma WYSIWYG di hosting.
  • La tua home page molto probabilmente avrà bisogno di essere chiamato "index.htm", "index.html" o "index.php" per poter visualizzare correttamente sul web.
  • L'immagine utilizzata in questo esempio deve essere caricato nella stessa directory che si carichi sul tuo sito web. Deve essere salvato nella stessa cartella o directory (ad esempio, "Documenti") per poter visualizzare nel browser durante la visualizzazione di file HTML.