ATTIVITÁ 1: Crea la tua Homepage Pagina e caricala sul tuo sito di Altervista Ecco qui sotto una traccia da cui prendere spunto. Puoi utilizzare un editor e poi pubblicarla sul tuo spazio web Altervista (cognome nome.altervista.org) oppure utilizzare direttamente l editor di Altervista. Attenzione: togli i dati sensibili che ritieni personali e non devono essere diffusi per privacy (es. indirizzo, tel., da di nascita, ). Ricorda che il responsabile di ciò che pubblichi sul tuo sito sei tu e unicamente tu! AIUTO! - Utilizza il tutoriale su: http://www.w3schools.com/html/ (tag <H1>) Benvenuti nel mio sito personale! (tag <H2> e <i>) Ecco cosa troverai nel mio sito: Curriculum La mia scuola Esercizi informatica Curiosità
ATTIVITÁ 2: Crea la Pagina Curriculum e caricala sul tuo sito di Altervista Ecco qui sotto una traccia da cui prendere spunto. Puoi utilizzare un editor e poi pubblicarla sul tuo spazio web Altervista (cognome nome.altervista.org) oppure utilizzare direttamente l editor di Altervista. Attenzione: togli i dati sensibili che ritieni personali e non devono essere diffusi per privacy (es. indirizzo, tel., da di nascita, ). Ricorda che il responsabile di ciò che pubblichi sul tuo sito sei tu e unicamente tu! AIUTO! - Utilizza il tutoriale su: http://www.w3schools.com/html/ Pinco Pallino (tag <H1>) Curriculum (tag <H2> e <i>) Cognome: Pinco (tag <p> e <i>) Nome: Pallino Anni: 16 Abito a: Paese Frase che mi descrive: Sono un tipo allegro a cui piace imparare cose nuove e stare in compagnia. Mi piace lo sport in generale Professione: Studente Istituto: Einaudi-Scarpa di Montebelluna Classe: 2 a A Grafica Materia preferita: Informatica Sport/hobby praticati: Tennis, collezione di francobolli Se ho tempo libero mi piace. Penso che studiare.. Sito web che navigo più frequentemente: http://www.webfract.it/guida/conversione2.htm Quanto tempo trascorro di fronte la TV: meno di un ora più di un ora meno di 2 più di 2 ore meno di 3 più di 3 ore Per me il cellulare è: utile indispensabile volendo potrei farne a meno uno strumento che uso per giocare uno strumento che uso per comunicare Il computer lo uso maggiormente per: giocare comunicare fare i compiti passare il tempo fare ricerche e imparare Spazio libero alla vostra immaginazione
ATTIVITÁ 3: 1. Creare dentro al vostro pannello di Altervista un nuovo file Esercizi.html che deve essere raggiungibile dalla vostra Homepage (quindi nel file index.html aggiungete un link a questo nuovo file) 2. Il file dovrà contenere il seguente testo ed essere così formattato: sfondo: arancio (trovare il codice esadecimale corrispondente). colore di base per il testo: blu (utilizzare il nome del colore). dimensione di base del testo: 14pt. titolo ESERCIZI HTML titolo H1 nel corpo del testo deve essere allineato al centro con sfondo giallo e solo le iniziali delle parole E ed H devono essere rosse e in corsivo. il sottotitolo H2 deve essere di tipo Verdana di dimensione invariata. Le voci degli esercizi: Esercizio 1 Esercizio 2 devono essere con il font di tipo Courier e di dimensione maggiore, usando le dimensioni relative (+1) e in grassetto. La descrizione degli esercizi devono essere di colore verde scuro (trovare il codice esadecimale corrispondente). 3. Materiale on-line: a. Riassunto tag HTML principali b. Manuale HTML (in inglese) c. Manuale HTML (in italiano) TESTO ESERCIZIO: Esercizi Html Benvenuto in questa pagina. Qui sono contenuti tutti gli esercizi assegnati dal mio prof. a lezione e molti altri Esercizio 1: Pagina Html che utilizza i tag Esercizio 2: Pagina Html che utilizza i tag Esercizio 3: Pagina Html che utilizza i tag Esercizio 4: Pagina Html che utilizza i tag Esercizio 5: Pagina Html che utilizza i tag Esercizio 6: Pagina Html che utilizza i tag Esercizio 7: Pagina Html che utilizza i tag
ATTIVITÁ 4: Creare dentro al vostro pannello di Altervista un nuovo file LaMiaScuola.html che deve essere raggiungibile dalla vostra Homepage (quindi nel file index.html aggiungete un link a questo nuovo file). Questa pagina deve contenere: un titolo sulla vostra scuola, informazioni generiche (indirizzo, email, tipo di istituto, numero classi, ) informazioni sulla mia classe un link al sito della scuola una immagine o più divertenti a vostro piacere Il layout della pagina è libero, puoi sbizzarrirti con tutto ciò che conosci! ATTIVITÁ 5: Aggiungi alla pagina web LaMiaScuola.html una tabella con l orario scolastico della tua classe (http://www.iiseinaudiscarpa.gov.it/files/file/html_dal_10-11/classi/orario_classi_2a_gra.htm). ATTIVITÁ 6: Creare dentro al vostro pannello di Altervista un nuovo file EsercizioTabella.html che deve essere raggiungibile dalla pagina Esercizi.html. Il file EsercizioTabella.html deve contenere una tabella come quella qui sotto impostata. Gli stili (i colori, i font, i bordi, ) sono a vostro piacimento. Cantanti italiani I miei cantanti preferiti Cantanti italiani
ATTIVITÁ 7: Creare dentro al vostro pannello di Altervista un nuovo file EsercizioMappeSensibili.html che deve essere raggiungibile dalla pagina Esercizi.html. Il file EsercizioMappeSensibili.html deve contenere un esempio di utilizzo delle mappe sensibili. (Esempio band musicale, figure geometriche, personaggi di un cartone animato o film, ) http://harsen.altervista.org/as2014-15/2agraf/esempio/mappe_sensibili/mappe_sensibili.pdf