Post

Visualizzazione dei post con l'etichetta disturbi specifici apprendimento

3E e 3I SIA: Unità didattica: creare una semplice pagina Htm5 e Css

Immagine
  Unità Didattica: Creare una Pagina HTML5 con CSS Esterno Obiettivi dell’Unità - Comprendere la struttura di base di un documento HTML5. - Imparare a collegare un file CSS esterno a un documento HTML. - Creare una semplice pagina web stilizzata utilizzando HTML e CSS. Durata 2-3 ore Materiali Necessari - Computer con accesso a un editor di testo (come Visual Studio Code, Sublime Text, o Notepad++). - Browser web (come Chrome, Firefox, o Safari). Introduzione (15 minuti) 1. Discussione: Introduzione ai concetti di HTML e CSS.    - Spiegare cosa sono HTML e CSS e la loro importanza nel web design.    - Presentare le differenze tra HTML (struttura) e CSS (stile). Parte 1: Creare un Documento HTML5 (30 minuti) 1. Struttura di Base:    - Spiegare la struttura di base di un documento HTML5, inclusi i tag `<html>`, `<head>`, e `<body>`.    - Esempio di codice:      html     <!DOCTYPE html>   ...

3e e 3I SIA: Unità didattica per studenti DSA e BES - 1a lezione Html5 e CSS

Immagine
Esempio di mappa mentale: unità didattica - prima lezione di HTML5 e CSS, pensata per supportare studenti DSA e BES.  Questa mappa aiuta a visualizzare i concetti principali in modo chiaro e strutturato. Mappa Mentale: Introduzione a HTML5 e CSS Idea Centrale: HTML5 e CSS 1. HTML5 (HyperText Markup Language) - Definizione: Linguaggio di markup utilizzato per creare pagine web. - Struttura Base di un Documento HTML: - `<!DOCTYPE html>`: Dichiarazione del tipo di documento. - `<html>`: Inizio del documento HTML. - `<head>`: Contiene informazioni sulla pagina (meta-dati, titolo). - `<body>`: Contiene il contenuto visibile della pagina (testo, immagini, etc.). - Elementi Fondamentali: - `<h1> ... <h6>`: Intestazioni (titoli). - `<p>`: Paragrafo di testo. - `<a>`: Link (ancora). - `<img>`: Immagini (integrate nella pagina). - `<div>`: Sezione di blocco per raggruppare altri ...