1. Crea un nuovo repository su GitHub
- Segui gli stessi passaggi dell'esercizio precedente, ma questa volta chiama il repository "catalogo_cani".
2. Clona il repository in locale
- Come prima, usa git clone seguito dall'URL del tuo nuovo repository "catalogo_cani".
3. Crea la struttura del progetto
- Dentro la cartella catalogo_cani creare queste sottocartelle:
- images: per le immagini delle razze canine.
- razze: per le pagine HTML di ogni razza.
4. Crea il file index.html
- Questo file sarà la pagina principale del catalogo.
- Includi un titolo, ad esempio "Catalogo di Razze Canine".
- Crea un elenco di 15 razze canine.
- Per ogni razza:
- Mostra un'immagine rappresentativa (es. pastore_tedesco.jpg nella cartella images).
- Inserisci il nome della razza come titolo (es. "Pastore Tedesco").
- Collega sia il titolo che l'immagine alla pagina HTML corrispondente nella cartella razze (es. pastore_tedesco.html).
5. Crea le pagine delle razze
- Per ogni razza, crea un file HTML nella cartella razze (es. pastore_tedesco.html).
- In ogni pagina, includi:
-
Foto della razza in formato 3:1: usa Photopea per ritagliare un'immagine della razza in questo formato e posizionala in alto, occupando tutta la larghezza della pagina.
-
Nome comune: es. "Pastore Tedesco"
-
Nome scientifico: es. Canis lupus familiaris
-
Breve descrizione: carattere, origini, utilizzo.
-
Foto 1:1 cane maschio: (es. pastore_tedesco_maschio.jpg) e una breve descrizione.
-
Foto 1:1 cane femmina: (es. pastore_tedesco_femmina.jpg) e una breve descrizione.
-
Curiosità: aneddoti o informazioni interessanti sulla razza.
-
Link "Torna alla Home": per tornare a index.html.
Elementi HTML da utilizzare
Usa gli stessi elementi HTML che avresti usato per l'erbario, adattandoli al nuovo contesto:
-
Titolo principale: <h1>
-
Titoli delle sezioni: <h2>
-
Paragrafi di testo: <p>
-
Immagini: <img src="percorso/immagine.jpg" alt="descrizione immagine">
-
Liste: <ul>, <ol>, <li>
-
Link: <a href="percorso/pagina.html">Testo del link</a>
Consigli
- Scegli 15 razze canine che ti interessano.
- Cerca immagini di buona qualità e con licenza che permette l'uso gratuito.
- Scrivi descrizioni accurate e interessanti.
- Utilizza un linguaggio chiaro e semplice.
- Formatta il testo con titoli, paragrafi e liste per renderlo più leggibile.
- Controlla attentamente i link per assicurarti che funzionino correttamente.
Questo esercizio ti aiuterà a familiarizzare con la creazione di pagine web, la strutturazione di un sito semplice e l'utilizzo di GitHub per la gestione del codice. Buon lavoro!