Laboratorio web · terza superiore

Il tuo primo
sito internet

Si parte da un Hello, world.
Il resto parla di te.

Tre file da modificare e una guida per cominciare. Scarica la base, aprila nel browser e costruisci il tuo spazio sul web.

ZIP · 4 file · funziona anche offline

index.htmlHTML

<!-- Il tuo punto di partenza -->
<h1>Hello, world!</h1>

<p>
  Sono Il tuo nome.
  Questo è il mio primo sito.
</p>

Nel browser

Hello, world

Sono Il tuo nome. Questo è il mio primo sito.

memory/kit — 4 file

Poco codice. Spazio per te

index.htmlQuello che racconti

Il tuo nome, le passioni e i progetti. La struttura del sito.

style.cssCome si presenta

Colori, caratteri e spazi. Parti cambiando il colore principale.

script.jsCome risponde

Un pulsante, un saluto e un contatore. Il tuo primo clic programmato.

README.mdDa dove cominciare

Una guida, esempi da provare e piccole sfide per fare il passo dopo.

Estrai lo ZIP.
Apri la cartella estratta e tieni i quattro file insieme.
Apri index.html.
Basta un doppio clic per vedere il sito nel browser.
Scrivi il tuo nome.
Apri il file in un editor, cambia il testo e salva. Aggiorna il browser: il sito è già un po’ più tuo.

memory/esempio — versione akkaz

Io sono Gio Marco Baglioni, online akkaz. Ho preso gli stessi elementi e ci ho messo il mio nome, quello che faccio e lo stile del mio sito.

akkaz · una nota per te

La prima modifica può essere solo il tuo nome. Poi un colore, una frase, una foto. Prova una cosa alla volta e guarda cosa succede.