Dal 1993 è iniziato qualcosa che avrebbe cambiato completamente il modo della nostra vita quotidiana ed è stato allora che è stato lanciato il browser Mosaic, dando origine a quelle che oggi chiamiamo pagine web. Perché diciamo che questo cambia la nostra vita è semplice poiché oggi troviamo più di 1.100 milioni di pagine web con ogni tipo di informazione, design, struttura, lingua e altro.
Ovviamente ci sono pagine web professionali, intermedie e altre amatoriali, ma tutte hanno lo scopo di fornire qualche tipo di informazione alle persone che le visitano. Ecco perché se vuoi sapere come creare una pagina web oggi Solvetic ti spiegherà in modo semplice come farlo, utilizzando Blocco note e HTML come linguaggio di programmazione.
HTML (HyperText Markup Language) è un linguaggio di programmazione che consente lo sviluppo dinamico di pagine Web con grandi funzionalità di modifica.
1. Come creare una pagina web in Blocco note
Passo 1
Per accedere al blocco note possiamo utilizzare una delle seguenti opzioni:
- Usa i tasti Windows + R ed esegui il comando "Blocco note"
- Usa Cortana o la casella di ricerca di Windows 10.
Passo 2
Una volta aperto il blocco note andremo al menu File e lì selezioniamo "Salva con nome" oppure possiamo usare i tasti Ctrl + Maiusc + S:
Ctrl + Maiusc + S
Passaggio 3
Cliccando lì andiamo al percorso in cui deve essere salvato e per impostazione predefinita vedremo quanto segue:
Passaggio 4
Essendo il blocco note possiamo vedere che il valore predefinito è .txt, per modificarlo, mostriamo le opzioni nel campo Tipo e selezioniamo "Tutti i file". Assegniamo il nome del file seguito dall'estensione .html:
Fare clic su "Salva" per applicare le modifiche.
2. Vedi la struttura del sito web
Passo 1
Una volta salvato il file con estensione .hmtl, è il momento di procedere con la sua modifica aggiungendo il tag della lingua HTML per la pagina web. Per questo inseriamo quanto segue:
Passo 2
Ora andremo ad aggiungere i tag di intestazione o "teste", lo scopo di questi tag è quello di segnare l'inizio e la fine del titolo della pagina da creare. Per fare ciò scriveremo dopo l'etichetta "", premiamo due volte il tasto Invio in modo da lasciare uno spazio e poi riscriviamo:
Passaggio 3
Il prossimo passo sarà aggiungere il titolo della pagina web, questo titolo si troverà tra i tag "" e andrà sotto i tag "head" come segue. Il titolo assegnato sarà quello che vedremo nella scheda del browser.
Passaggio 4
È tempo di aggiungere i tag "body" che vanno sotto il tag e la funzione di body è quella di consentire al codice della pagina web di passare tra questi tag ed essere visibile all'utente:
Passaggio 5
Il prossimo passo sarà chiudere il tag della lingua HTML, questo è l'ultimo tag nel file ed è un tag HTML che indica la fine della pagina. Per questo scriveremo sotto il tag "" per chiudere il tag HTML:
Salviamo le modifiche utilizzando i tasti Ctrl + G o dal menu File / Salva.
Passaggio 6
È il momento di aggiungere gli elementi alla pagina web in corso, tutti questi elementi devono andare dopo il tag "" e prima del tag "" in modo che siano visibili.
Il primo elemento da aggiungere sarà l'intestazione principale della pagina web, per questo inseriamo tra i tag "" e inseriamo il testo desiderato tra:
Con questo linguaggio HTML possiamo usare i tag "" fino a ""per creare il testo dell'intestazione con dimensioni inferiori.
Passaggio 7
Quindi aggiungeremo paragrafi alla pagina web, i tag di paragrafo sono "" e tra di loro inseriremo il testo del sito:
Solvetic Internet, il punto d'incontro per professionisti e amanti della tecnologia
INGRANDIRE
Passaggio 8
Per aggiungere un'interruzione di paragrafo alla pagina, dobbiamo inserire
dopo il tag di chiusura della riga abbiamo aggiunto, ad esempio:
Solvetic Internet, il punto d'incontro per professionisti e amanti della tecnologia
nUna community che ti sorprenderà e ti aiuterà in più di un'occasione
INGRANDIRE
NotaPossiamo aggiungere un tag "
Addizionale "per creare uno spazio tra il primo paragrafo e il secondo.
Passaggio 9
Ora è il momento di formattare il testo inserito come grassetto, corsivo, apice, pedice o sottolineato, le etichette disponibili saranno:
Testo grassetto Testo in corsivo Testo sottolineato Testo in apice Testo in pedice
INGRANDIRE
3. Come convalidare la pagina web
Passo 1
Per verificare che tutto funzioni come previsto, andiamo nel percorso in cui è stato salvato il file HTML, fai clic destro su di esso e seleziona Apri con e scegli il browser desiderato:
Passo 2
Cliccando lì vedremo la struttura che abbiamo creato:
INGRANDIRE
È così semplice che hai imparato a creare una pagina Web in Blocco note con Solvetic e quindi essere in grado di creare un Web di base per più attività di cui potresti aver bisogno.
