Organizzare cartelle e file di un sito

Obiettivo della lezione

Impostare una struttura ordinata con cartelle per CSS, immagini, script, pagine e include.

Spiegazione

Una buona organizzazione evita link rotti e rende più semplice mantenere il sito. Nei progetti didattici conviene separare pagine, fogli di stile, script e immagini.

La regola è semplice: nomi chiari, minuscoli, senza spazi e senza caratteri strani.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

miosito/
  default.asp
  lezioni/
  assets/
    css/style.css
    js/site.js
    img/logo.png
  inc/
    MENU.INC
    FOOTER.INC

Errori comuni

Usare spazi nei nomi dei file.
Spostare una pagina senza correggere i percorsi.
Mescolare immagini, CSS e HTML nella stessa cartella senza criterio.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

Apri il tuo editor.
Crea o aggiorna un file .html o .asp.
Inserisci il codice della lezione.
Modifica testi e attributi.
Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.

Precedente Successiva