Chiunque può imparare a creare siti Web. Non c'è nessun bisogno di andare a un corso di formazione, come si possono insegnare a te stesso Web design e sviluppo competenze di base gratuitamente utilizzando risorse Internet. Ci sono molte diverse tecnologie utilizzate sul Web oggi, e partendo da semplici strutture sarete in grado di lavorare verso più sofisticati elementi in poco tempo. Per le pagine Web prime, è meglio attenersi al codice HTML e CSS.

Istruzioni

1

Creare una pagina HTML di base utilizzando i tag. Un modello per una tipica pagina Web potrebbe assomigliare a questo:

< html >
< head >
< title > mia prima pagina Web < / title >
< / head >
< corpo >
< div >
< h1 > mia prima pagina Web < / h1 >
< p >
Mio primo comma
</p >
< / div >
< / body >
< / html >

Inserisci questo codice in un file utilizzando un programma di editor di testo come blocco note e salvarlo da qualche parte sul tuo computer come "MyPage". Aprire il file nel browser Web (ad esempio Internet Explorer, Firefox, Chrome o Safari). Si dovrebbe vedere un titolo e un paragrafo di testo.

2

Sperimentare con il codice HTML di effettuare le modifiche e l'aggiornamento nel tuo browser per vedere l'effetto che hanno. Contenuto HTML è "segnata" con tag come < head >, < body > e < div >. Ci sono molti tag disponibili che i browser Web sono in grado di eseguire il rendering. Tutti i contenuti sul tuo sito, da testo a immagini, video e tutti gli altri media, deve apparire tra i tag nel codice HTML. Se il codice HTML non è "corretto", cioè non correttamente strutturata, quindi potrebbe non apparire correttamente ai visitatori al tuo sito.

3

Aggiungere regole di stile alla tua pagina Web utilizzando i CSS. Fogli di stile CSS sono il modo più comunemente usato della sartoria l'aspetto visivo dei siti Web. È possibile applicare le regole CSS in un numero di modi, ma il più efficiente è quello di creare un file separato. Aprire un nuovo file in un editor di testo e salvarlo come "somestyle.css", quindi immettere il testo seguente, dopo aver terminato di risparmio:

H1
{color: #FF0000;}

Inserisci questo codice nel file HTML all'interno della sezione head (prima del tag di chiusura < / head >):

< link rel = "stylesheet" type = ' text/css' href='somestyle.css'/ >

Salvare le modifiche e ricaricare di nuovo il file HTML nel browser. Il testo del titolo dovrebbe essere di colore rosso. È possibile utilizzare CSS per personalizzare tutti gli aspetti dell'aspetto visivo della pagina tra cui immagini di sfondo, layout e colori.

4

Aggiungere tag diversi al tuo codice HTML. Utilizzare le risorse online per esplorare i diversi tag che sono disponibili. Guardarsi intorno a diversi siti Web e visualizzare il sorgente della pagina utilizzando i menu del browser. Non fatevi intimidire dalla quantità di codice che appare su molti siti Web, come questi si sono stati costruiti in modo incrementale nel corso del tempo, l'aggiunta di ogni elemento a sua volta. Comprendono diversi tipi di supporto sulla tua pagina, per le immagini di esempio, con il tag < img >:

< img src='images/picture.jpg' alt = 'immagine' / >

Questo esempio di codice sarebbe visualizzare un'immagine che è in una directory chiamata "immagini", che si siede nella stessa directory della pagina HTML.

5

Caricare i file su un server Web. Se non hai ancora un account con un host Web è possibile utilizzare un server locale, che è un software che puoi scaricare per eseguire sul computer che replica la funzione di un server Web. Verificare la pagina in diversi browser e notato come diversamente appare in loro. Aggiungere elementi di contenuto diverso alla tua pagina nel corso del tempo e ricordarsi di verificare ogni volta che si apporta una modifica.

Consigli & Avvertenze

• Mantenere il contenuto e la formattazione per il tuo sito separato utilizzando le regole di stile esterno per dettare come dovrebbe apparire il tuo sito. Utilizzare le convalide disponibili per verificare che il sito è strutturato correttamente, come questo rende più probabile ad apparire nello stesso modo ai diversi visitatori.
• Tenete a mente che pagine Web possono essere visualizzati in modo molto diverso di persone che utilizzano diversi, sistemi operativi, browser e dispositivi come questo è quasi sempre il caso.