Come iniziare Realizzare una pagina Web

September 2

Come iniziare Realizzare una pagina Web


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

istruzione

1 Creare una pagina HTML di base utilizzando i tag. Un modello per una pagina Web tipico potrebbe essere simile a questo:

<Html>
<Head>
<Title> Il mio prima pagina web </ title>
</ Head>
<Body>
<Div>
<H1> La mia prima pagina web </ h1>
<P>
Il mio primo comma
</ P>
</ Div>
</ Body>
</ Html>

Inserire questo codice in un file utilizzando un editor di testo come Blocco note e salvarlo da qualche parte sul tuo computer come "mypage.html". 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 Esperimento con il codice HTML per apportare modifiche ad esso e rinfrescante nel browser per vedere l'effetto che essi hanno. contenuto HTML è "marcato" con tag come <head>, <body> e <div>. Ci sono molti tag disponibili che i browser web sono in grado di rendere. Tutti i contenuti del tuo sito, dal testo alle immagini, video e tutti gli altri mezzi di comunicazione, deve apparire tra i tag nel codice HTML. Se il codice HTML non è "ben formato", cioè non correttamente strutturata, allora non può essere visualizzato correttamente per i visitatori del tuo sito.

3 Aggiungere regole di stile alla tua pagina Web usando i CSS. Cascading Style Sheets sono il modo più comunemente usato di sartoria l'aspetto visivo dei siti web. È possibile applicare le regole CSS in un certo numero di modi, ma il più efficace è quello di creare un file separato. Aprire un nuovo file in un editor di testo e salvarlo come "somestyle.css", quindi inserire il seguente testo, risparmio quando si è finito:

h1
{Color: # FF0000;}

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

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

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

4 Aggiungere tag diversi al codice HTML. Utilizzare risorse online per esplorare i diversi tag che sono disponibili. Guardatevi intorno a diversi siti web e visualizzare il sorgente della pagina utilizzando i menu del browser. Non fatevi intimidire da la quantità di codice che compare su molti siti web, in quanto questi saranno stati costruiti in modo incrementale nel corso del tempo, l'aggiunta di ogni elemento a sua volta. Include diversi tipi di supporti sulla tua pagina, ad esempio immagini, con il tag <img>:

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

Questo codice esempio potrebbe visualizzare un'immagine che si trova in una directory chiamata "immagini", seduti nella stessa directory della pagina HTML.

5 Carica i tuoi file su un server Web. Se non hai ancora un account con un host web è possibile utilizzare un server locale, che è un software è possibile scaricare per eseguire sul computer che riproduce la funzione di un server Web. Metti alla prova la tua pagina in diversi browser e notare come diverso appare in loro. Aggiungere elementi di contenuti diversi alla tua pagina nel corso del tempo, e ricordarsi di verificare che ogni volta che si apporta una modifica.

Consigli e avvertenze

  • Mantenere il contenuto e la formattazione per il tuo sito separato utilizzando le regole di stile esterni a dettare come il vostro sito dovrebbe apparire. Utilizzare i validatori disponibili per verificare che il sito è strutturato correttamente, in quanto ciò rende più probabile che appaiono nello stesso modo per i visitatori diversi.
  • Tenete a mente che le pagine web possono essere visualizzati in modo molto diverso a persone che utilizzano diverse, browser, dispositivi e sistemi operativi come questo è quasi sempre il caso.