Programma di “PROGRAMMAZIONE SU WEB” (da AA 2019/20 in poi) - Prof. A. Postiglione
Dipartimento di Scienze Aziendali - Management & Innovation Systems (DISA-MIS) - Università di Salerno
Corso di Laurea in ECONOMIA E MANAGEMENT
Programma di PROGRAMMAZIONE SU WEB (5 CFU di tipo INF-01) Prof. A. POSTIGLIONE
Modulo 1 - Il linguaggio di markup HTML5
1. Concetti Preliminari e introduzione a HTML
1.1. Concetti di base su reti geografiche e protocolli TCP/IP
1.2. HTML 0 (Introduzione): Come si accede al web – Strumenti di sviluppo - Come si crea una pagina web - Come funziona il web (1 Esercizio: 1.01)
1.3. HTML 1 (struttura): Capire la struttura - Il markup - Tag ed elementi - Creare una pagina - Verifica di conformità di una pagina Web - Leggere il codice html (1 Esercizio: 1.02)
2. Il Testo, le Liste, i Link
2.1. HTML 2 (Testi): Marcatura strutturale e semantica - Titoli e paragrafi - Grassetto, corsivo, apice, pedice - Spazi vuoti, Interruzione di pagina, riga orizzontale - Citazioni, Abbreviazioni, Fonti, Definizioni, Dettagli dell’Autore - Modifiche ai contenuti – Esercizi (12, da 2.01 a 2.12) e Progetto 1 ("La storia del libro")
2.2. HTML 3 (Liste): Liste numerate (ordinate) e puntate (non ordinate) - Liste di definizioni, liste innestate - Esercizi (4, da 3.01 a 3.04) e Progetto 2 (Ricetta)
2.3. HTML 4 (Link): Creare un Link - Aprire un link in una nuova finestra - URL assoluto e URL relativo – Directory - Link verso altri siti e verso lo stesso sito - Link e-mail - Link interni a una pagina - Esercizi (7, da 4.01 a 4.07) e Progetto 3 (Planning annuale di festival)
3. Immagini e Tabelle
3.1. HTML 5 (Immagini): Aggiungere immagini alle pagine - Altezza e larghezza delle immagini - Posizionare un'immagine in una pagina - Allineare testo e immagini (orizzontale e verticale) - Scegliere il formato delle immagini - Risoluzione delle immagini - Dimensione delle immagini - Immagini vettoriali, GIF animate e Trasparenza - Inserire didascalie - Tools software - Esercizi (6, da 5.01 a 5.06) e Progetto 4 (Sito di gastronomia)
3.2. HTML 6 (Tabelle): Struttura base - Titoli - Celle su più righe e più colonne – Larghezza, spaziatura - bordi e sfondo pagina - Esercizi (7, da 6.01 a 6.07) e Progetto num. 5: Hosting
4. Moduli, Altri Concetti
4.1. HTML 7 (Moduli): Controlli, funzionamento e struttura di un modulo - Immettere testo (linea singola, password e linea multipla) - Pulsanti di opzione (Radio Button) - Caselle di selezione (Checkbox) - Elenchi a discesa singoli e multipli - Pulsante per l'invio di dati (testo e/o immagini) - Invio di Files - Pulsanti personalizzati e controlli Hidden - Inserire Date, Email, URL - Caselle di ricerca - Etichettare i controlli - Raggruppare i controlli - Validare i moduli - Esercizi (20, da 7.01 a 7.20) e Progetto num. 6: Modulo di Iscrizione. 4.2. HTML 8 (Altri Concetti): Versioni di HTML e DOCTYPE - Aggiungere commenti al
codice - Attributi globali class e id – Elementi di blocco ed elementi inlinea, Raggruppare parti della pagina in blocchi (<div>) o inlinea (<span>) - Incorporare una pagina con Iframe - Aggiungere informazioni sulla pagina con <meta> - Inserire caratteri speciali e simboli (Escape) - Esercizi (10, da 8.01 a 8.10) e Progetto num. 7: ArtBook Shop
Modulo 2 - I fogli di stile con CSS 3 (concetti di base)
5. Concetti di base su CSS
5.1. Come funziona CSS - Regole CSS: Selettori (singoli e multipli) e Dichiarazioni (monovalore, multivalore, multiproprietà) - CSS Esterno - CSS Interno - Tipi di Selettori - Regole a Cascata: Ultimo, Specificità, Importanza - Regola dell'Ereditarietà - Esercizi (15, da 10.01 a 10.10e) e Progetto num. 8: Giardino Cottage
Programma di “PROGRAMMAZIONE SU WEB” (da AA 2019/20 in poi) - Prof. A. Postiglione
Prerequisiti
Concetti di base di Informatica, come dal corso di “Fondamenti di Informatica” di questo corso di laurea.
Bibliografia
Duckett, J. "HTML & CSS: Design and Build Websites" - John Wiley & Sons Inc - 2014 - Pagine: 490 - ISBN:
978-1118008188
In alternative c’è la versione italiana: Duckett, J. "HTML e CSS. Progettare e costruire siti web" – Apogeo – 2017 – Pagine 490 – ISBN: 978-8850334049
Sitografia (consultazione)
https://www.w3.org/ http://www.html.it/
Sul sito del docente (http://docenti.unisa.it/000794/home ) sono reperibili lucidi e altro materiale didattico http://www.htmlandcssbook.com/ Sito del libro " HTML & CSS ", su cui è disponibile materiale extra e su cui è
possibile provare online il codice degli esempi e scaricare tutto il codice sorgente.
http://www.apogeonline.com/libri/9788850334049/scheda Sito del libro " HTML & CSS " in italiano, da cui è possibile scaricare il pdf di indice, introduzione, capitolo 1 e capitolo 10
Elenco dei principali siti citati
• Validatore W3C: https://validator.w3.org/#validate_by_upload+with_options
• Informazioni utili su HTML e CSS: https://www.w3schools.com/
• Corrispondenza tra nomi e codici dei colori: http://chir.ag/projects/name-that-color
• Elenco di caratteri Escape: https://www.web-link.it/caratteri-speciali-html.html
• Elenco principali simboli Unicode e ASCII: http://www.htmlandcssbook.com/extras/html-escape-codes/
Valutazione Finale
In sede di esame lo studente dovrà mostrare di conoscere “teoricamente” i concetti e di saper applicare “praticamente” le tecniche apprese nello studio del corso.
