July 10
Le pagine Web utilizzano un linguaggio di markup, di cui si può avere sentito, chiamato Hyper-Text Markup Language (HTML). Questo codice prende il testo e "segna in su", 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 fogli di stile (CSS) per l'attuazione di stili, JavaScript per aggiungere interattività e una miriade di altri linguaggi di programmazione web e database.
1 Vai su "Start" sulla barra delle applicazioni di Windows e digitare "Blocco note" per la barra di ricerca. Premere il tasto "Enter" per caricare il blocco note. In alternativa, è possibile scaricare un editor di codice, ma si dovrebbe cercare uno che non è "WYSIWYG" (ciò che vedi è ciò che ottieni). E 'meglio il codice a mano in modo da poter imparare l'HTML e CSS.
2 Copiare e incollare il seguente codice in un file vuoto in Blocco note o il vostro editor di codice:
<! DOCTYPE html>
<Html>
<Head>
<Title> nome della pagina </ title>
</ Head>
<Body>
</ Body>
</ Html>
Questa è la struttura di base di una pagina Web HTML. Inizia con il doctype, che per HTML 5 (che funziona per le altre versioni HTML, troppo) sembra come avviene nel codice sopra. Inizia tutto il codice HTML con il "<html>" coppia di tag e dare la tua pagina sia un testa e il corpo. Inserire il nome della pagina tra i "<title>" tag.
3 Aggiungere tutti i contenuti per la pagina Web tra i "<body>" tag del documento HTML. Inizia a digitare il testo come si desidera che appaia sulla pagina. Utilizzare i tag HTML per strutturare il testo in intestazioni, paragrafi e il 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>
<Strong> Questo è testo in grassetto </ strong>
4 Aggiungi immagini alla tua pagina Web utilizzando il tag "<img>". Tenere le immagini nella stessa cartella pagine Web che li utilizzano, anche se è possibile creare sotto-cartelle per una migliore organizzazione. Questo esempio carica un'immagine da un sub-cartella denominata "images":
<Img alt = "My Pic" width = "400" height = "200" />
Utilizzare l'attributo "alt" per dare il vostro testo alternativo quando l'immagine non riesce a caricare nel browser. I lettori di schermo per non vedenti anche leggere questo testo, quindi è un importante usabilità preoccupazione. Impostare la larghezza e l'altezza, se lo desideri, ma nota che le immagini più grandi ancora mantengono i loro file di dimensioni maggiori e avranno altrettanto tempo a caricarsi.
5 Aggiungere un paio di "<style>" tag tra la "<head>" tag nel documento HTML se si desidera aggiungere Cascading Style Sheet codice (CSS) per il vostro stile pagina Web. Ecco il codice:
<Style type = "text / css">
</ Style>
Scrivi il tuo CSS tra i "<style>" tag. Per scrivere CSS, selezionare un elemento HTML - quello che un paio di tag HTML crea nella schermata del browser - utilizzando il suo nome di tag e quindi posizionare coppie proprietà-valore tra parentesi graffe in questo modo:
body {background: black; colore bianco;}
h1 {font-size: 24px;}
img {border: blu solido 3px;}
6 Vai su "File" nella barra degli strumenti nella parte superiore del Blocco note o un editor di codice. Selezionare "Salva con nome" e selezionare "Tutti i tipi di file" dal campo "Salva come". Tipo "mywebpage.html" con le virgolette intorno al nome del file, ma il cambiamento "mywebpage" per il nome che si desidera utilizzare per il file. Salvare il file.
7 L'acquisto di un nome di dominio attraverso una società di hosting Web, come HostGator, JustHost o Site5 per ottenere sia un indirizzo Web e spazio sul server per il tuo sito. Hai bisogno di entrambe le cose per rendere il sito "dal vivo" su Internet. Utilizzare uno strumento di gestione dell'invio dei file o all'interno del pannello di controllo per il vostro account di hosting Web per caricare semplici siti web con pochi file. Scaricare e utilizzare un client FTP (File Transfer Protocol) per caricare grandi quantità di file sito web, se necessario.