Come costruire un sito web con i codici HTML

June 9

-Hand codifica HTML è un'abilità potente che vi permetterà di personalizzare ogni aspetto della tua pagina web, trovare e correggere gli errori, e prendere il pieno controllo del layout di pagina web. Una pagina web può essere creato utilizzando una manciata di codici HTML chiamati "tag" e "attributi". Costruire un intero sito semplicemente creando diverse pagine web e caricarli al tuo sito web.

istruzione

1 Nozioni di base di codice HTML completando il tutorial a http://www.w3schools.com/html.

2 Creare un nuovo file in Notepad ++. Salvare il file sul computer, scegliendo "file di Hypertext Markup Language" nel menu "Salva come" discesa. le home page di solito sono chiamati index.html o home.html.

3 Costruire lo scheletro di base della pagina web, che inizia con il tag <html> e termina con il tag </ html>. Tra i tag <head> e </ head> tag, aggiungere il <title> e </ title> tag, e dare un titolo per la tua pagina web tra di loro. Aggiungere il <body> e </ body> dopo il </ head> tag.

4 Creare il contenuto della pagina web con l'aggiunta di testo tra i </ body> tag <body> e, circonda ogni paragrafo con i tag <p> e </ p>. intestazioni formato utilizzando i tag di intestazione (<h1> </ h1> a <h6> </ h6>). Link ad altre pagine web e siti web utilizzando le <a href="web address"> </a> tag. Salvare il lavoro spesso.

5 Confermi la sua pagina web in http://validator.w3.org. Scegliere la "Convalida da File Upload" scheda. Sfoglia per il file di pagina web. Selezionare "Altre opzioni" e scegliere "UTF-8" per la "codifica dei caratteri" e "HTML 4.01 Transitional" per il "tipo di documento". Premi il pulsante "Check" per eseguire la convalida. Il validatore vi aiuterà a identificare gli errori, come ad esempio i tag mancanti e gli attributi.

6 Rivedere il lavoro aprendo il file in un browser web. Aggiornare la pagina per visualizzare le modifiche apportate.

7 Carica il tuo file al tuo sito web e visitare l'indirizzo web della nuova pagina di rivederlo.

8 Creare pagine web supplementari per il tuo sito web ripetendo questa procedura. Dare ad ogni nuovo file un nome file diverso.

Consigli e avvertenze

  • Test drive tuo sito web in diversi browser web, come Firefox e Safari, o utilizzare un servizio di test del browser come http: visitatori //browsershots.org.Provide con una facile navigazione del tuo sito web, fornendo un elenco di pagine del tuo sito web collegato sulla vostra casa pagina, e un link su ogni pagina per tornare alla tua home page. L'aggiunta di un sito web menu di ogni pagina darà al vostro sito web un feel.Go lucido e professionale al di là di semplice HTML. Imparare i CSS (Cascading Style Sheets) completando il tutorial a http://www.w3schools.com/css. HTML ha capacità di formattazione solo limitate. CSS consente di utilizzare layout avanzato, stile e colore per la progettazione di web page.For fresco menu animati o altri effetti speciali sulla tua pagina web, cercate utile Javascript cut-and-paste alla fonte Javascript http: //javascript.internet .com. Prendere il controllo e costruire i propri effetti unici imparando JavaScript a http://www.w3schools.com/js.