Il Blocco note di Windows è un programma di elaborazione testi di base che puoi utilizzare per scrivere le tue pagine web. Le pagine Web sono solo testo e puoi utilizzare qualsiasi programma di elaborazione testi per scrivere HTML. Questo tutorial ti guida attraverso il processo.
01 di 07Inserisci i tuoi file in una nuova cartella
Per creare un nuovo sito Web in Blocco note, innanzitutto creare una cartella separata per memorizzarlo. In genere, le pagine Web vengono archiviate in una cartella denominata HTML nella cartella Documenti, ma è possibile memorizzarle dove preferisci.
- Apri ilI miei documenti finestra.
- Clic File > Nuovo > Cartella.
- Assegna un nome alla cartella il mio sito web.
Nota importante: Assegna un nome alle cartelle Web e ai file utilizzando tutte le lettere minuscole e senza spazi o segni di punteggiatura. Mentre Windows ti consente di utilizzare gli spazi, molti provider di hosting Web non lo fanno, e ti risparmierai tempo e problemi se dai il nome a file e cartelle fin dall'inizio.
Salva la pagina come HTML
Come con il nome della directory, quando si salva la pagina, utilizzare tutte le lettere minuscole e senza spazi o caratteri speciali nel nome file.
- Nel Blocco note, clicca su File e poi Salva come.
- Vai alla cartella in cui salverai i file del tuo sito web.
- Cambiare il Salva come tipo menu a discesa a Tutti i files (*.*).
- Nominare il file Questo tutorial usa il nome pets.htm.
03 di 07
Iniziare a scrivere la pagina Web
La prima cosa da digitare nel documento HTML5 del blocco note è DOCTYPE. Questo dice ai browser quale tipo di HTML aspettarsi.
La dichiarazione doctype non è un tag. Segnala al computer che arriva un documento HTML5. Va in cima a ogni pagina HTML5 e assume questo formato:
Una volta ottenuto il DOCTYPE, puoi iniziare il tuo codice HTML. Digitare sia il tag iniziale che il tag finale e lasciare uno spazio per il contenuto del corpo della pagina Web. Il tuo documento di Blocco note dovrebbe assomigliare a questo:
Crea un capo per la tua pagina web
Il capo di un documento HTML è il punto in cui sono archiviate le informazioni di base sulla tua pagina web, ad esempio il titolo della pagina e, eventualmente, i meta tag per l'ottimizzazione dei motori di ricerca. Per creare una sezione di testa, aggiungi i tag head nel documento di testo HTML del Blocco note tra i tag html.
Come con i tag html, lascia uno spazio tra di loro in modo da avere spazio per aggiungere le informazioni sulla testa.
05 di 07Aggiungi un titolo di pagina nella sezione principale
Il titolo della tua pagina web è il testo che viene visualizzato nella finestra del browser. È anche ciò che è scritto nei segnalibri e nei preferiti quando qualcuno salva il tuo sito. Memorizza il testo del titolo tra i tag del titolo. Non apparirà sulla stessa pagina Web, solo nella parte superiore del browser.
Questa pagina di esempio è intitolata "McKinley, Shasta e Other Pets".
Non importa per quanto tempo il tuo titolo è o se si estende su più righe nel tuo HTML, ma i titoli più brevi sono più facili da leggere e alcuni browser tagliano quelli lunghi nella finestra del browser.
06 di 07Il corpo principale della tua pagina web
Il corpo della tua pagina web è memorizzato all'interno dei tag del corpo. Dovrebbe venire dopo i tag head ma prima del tag html finale. Qui è dove si mettono il testo, i titoli, i sottotitoli, le immagini e la grafica, i collegamenti e tutti gli altri contenuti. Può essere lungo quanto vuoi.
Lasciare ulteriore spazio tra i tag del corpo iniziale e finale.
Questo stesso formato può essere seguito per scrivere la tua pagina web nel Blocco note.
07 di 07Creazione di una cartella di immagini
Prima di aggiungere il contenuto al corpo del documento HTML, è necessario configurare le directory in modo da disporre di una cartella per le immagini.
- Apri il I miei documenti finestra.
- Cambia al il mio sito web cartella.
- Clic File > Nuovo > Cartella.
- Assegna un nome alla cartella immagini.
Archivia tutte le immagini per il tuo sito web nella cartella delle immagini in modo che tu possa trovarle in seguito. Questo rende facile caricarli quando è necessario.
