Pagine Web utilizzano un linguaggio di markup di cui si può avere sentito, chiamato Hyper-Text Markup Language (HTML). Questo codice prende testo e "contrassegna" come intestazioni, paragrafi, tabelle e altro ancora. È possibile creare una pagina Web utilizzando solo il blocco note e alcuni tag di base. Ma la complessità delle pagine Web va ben oltre la semplice HTML e in Cascading Style Sheets (CSS) per l'implementazione di stili, JavaScript per aggiungere interattività e una miriade di altri linguaggi di programmazione e database Web.
Istruzioni
1
Andare su "Start" nella barra delle applicazioni di Windows e digitare "Notepad" alla barra di ricerca. Premere "Invio" per caricare il blocco note. In alternativa, è possibile scaricare un editor di codice, ma si dovrebbe cercare uno che non è "WYSIWYG" (quello che vedete è che cosa ottenete). È preferibile codice a mano così puoi imparare HTML e CSS.
2
Copiare e incollare il codice seguente in un file vuoto nel blocco note o nell'editor di codice:
<! DOCTYPE html >
< html >
< head >
< title > nome della tua pagina < / title >
< / head >
< corpo >
< / body >
< / html >
Questa è la struttura di base di una pagina HTML Web. Iniziare con la dichiarazione doctype, che per HTML 5 (funziona anche per altre versioni HTML,) sembra come avviene nel codice precedente. Inizia tutto il codice HTML con la coppia di tag "< html >" e dare la tua pagina sia una testa e corpo. Inserire il nome della pagina tra i tag "< title >".
3
Aggiungere tutti i contenuti per la tua pagina Web tra i tag "< body >" del documento HTML. Avviare digitando il testo come si desidera che venga visualizzato nella pagina. Utilizzare i tag HTML alla struttura il testo nelle intestazioni, paragrafi e testo in grassetto o corsivo:
< p > questo è un paragrafo </p >
< h1 > questo è un grande titolo < / h1 >
< h2 > questo è un titolo più piccolo, ma è ancora abbastanza grande < / h2 >
< em > questo è il testo in corsivo < /em >
Questo è il testo in grassetto < forte > < / strong >
4
Aggiungere immagini alla tua pagina Web utilizzando il tag "< img >". Mantenere le immagini nella stessa cartella come le pagine Web che li utilizzano, anche se è possibile creare sottocartelle per una migliore organizzazione. Questo esempio carica un'immagine da una sotto-cartella denominata "images":
< img alt = "My Pic" width = "400" height = "200" / >
Utilizzare l'attributo "alt" per dare il tuo testo alternativo immagine ogni volta che l'immagine non viene caricata nel browser. I lettori di schermo per i non vedenti anche leggono questo testo, quindi è una preoccupazione importante usabilità. Impostare la larghezza e l'altezza come desiderato, ma si noti che le immagini più grandi ancora conservano il loro file di grandi dimensioni e avrà solo il tempo per caricare.
5
Aggiungere una coppia di "stile < >" tag tra i tag "< head >" nel documento HTML se si desidera aggiungere codice Cascading Style Sheet (CSS) per applicare uno stile pagina Web. Ecco il codice:
< style type = "text/css" >
< / stile >
Scrivere il tuo CSS tra i tag di "stile < >". Per scrivere CSS, selezionare un elemento HTML--ciò che crea una coppia di tag HTML nella schermata del browser..--utilizzando il relativo nome di tag e quindi inserire il valore della proprietà coppie tra parentesi graffe come segue:
body {background: black; color: bianco;}
H1 {font-size: 24px;}
img {border: 3px solid blue;}
6
Andare su "File" nella barra degli strumenti nella parte superiore del blocco note o nell'editor di codice. Selezionare "Salva con nome" e selezionare "Tutti i tipi di File" nel campo "Salva come tipo". Digitare "mywebpage.html" con il nome del file tra virgolette, ma modificare "mywebpage" con il nome che si desidera utilizzare per il file. Salvare il file.
7
Acquistare un nome di dominio attraverso una società di Web hosting come HostGator, JustHost o Site5 per ottenere sia uno spazio di indirizzo e server Web per il tuo sito Web. Avete bisogno di entrambe queste cose per rendere il sito "live" su Internet. Utilizzare un file upload o strumento di gestione all'interno del pannello di controllo per il vostro Web hosting account per caricare i siti Web semplice con pochi file. Scaricare e utilizzare un client FTP (File Transfer Protocol) per caricare grandi quantità di documenti del sito Web, se necessario.
Consigli & Avvertenze
- Imparare HTML e CSS a mano prima di tentare di tipi più complicati della programmazione Web, come JavaScript o PHP. Una padronanza dei CSS è particolarmente utile nella creazione di siti web bella.
- Non salvare i file HTML con l'estensione TXT. Se in tal caso per caso, la pagina verrà caricata con tutto suo codice che Mostra come sarebbe nel blocco note.