Post

Visualizzazione dei post con l'etichetta Html

3E e 3I Sia: Sistema di login semplificato che include un CAPTCHA testuale

Immagine
  Sistema di login semplificato che include un CAPTCHA testuale 1. Obiettivo dell'Esercizio Imparare a gestire i moduli (form), confrontare stringhe di testo e utilizzare le funzioni JavaScript per generare codici casuali. Suggerimenti per l'accessibilità DSA: Font Leggibile: Useremo un font senza grazie (sans-serif). Colori: Contrasto elevato tra testo e sfondo. Codice Commentato: Spiegazioni brevi e dirette.  2. La Struttura HTML (`index.html`) Questa pagina contiene il modulo di accesso. Abbiamo aggiunto un'area dedicata al CAPTCHA che cambia ogni volta che la pagina viene caricata. <!DOCTYPE html> <html lang="it"> <head>     <meta charset="UTF-8">     <title>Login Accessibile</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="login-container">         <h1>Accedi al Portale</h1>         ...

Test sui programmi svolti nelle classi 3 - 4 - 5 indirizzo Sia e impianto elettrico per il corso CAT

Immagine
Test sui programmi svolti nelle classi 3 - 4 - 5 indirizzo Sia, impianto elettrico per il corso CAT e test sulla Costituzione Italiana Verifica la tua preparazione: i test sono definiti da 10 o 20 domande da un archivio di 100 domande per ogni test test_CSS.html test_attacchi_hacker.html test_cyber_security.html test_html.html test_impianto_elettrico.html test_javascript.html test_leaflet_javascript_php.html test_php_mysql.html test_costituzione_italiana.html Test di economia aziendale per la classe III AFM/SIA test_economia_aziendale.html

4E e 4I Sia: Utilizzando le librerie Leaflet e Leaflet Routing Machine, tracciare un percorso tra due coordinate geografiche a Lodi, seguendo le strade.

Immagine
  L'esercizio (codice e spiegazione riga per riga per studenti DSA) utilizza le librerie Leaflet e Leaflet Routing Machine per tracciare un percorso tra due coordinate geografiche a Lodi , seguendo le strade. L’esercizio include un modulo per inserire le coordinate di partenza e destinazione e visualizza un camioncino che si muove lungo il percorso. Al termine della consegna, appare un messaggio di conferma. Esempio_leaflet.html <!   –  Esempio di coordinate geografiche: Istituto Tecnico Economico e tecnologico A. Bassi di Lodi Latitudine e Longitudine: 45.312358655777444, 9.498796177908355 Piazza della Vittoria di Lodi Latitudine e Longitudine: 45.314393659486534, 9.502692596604604  –>   Codice HTML   <!DOCTYPE html> <html lang="it"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     ...

3E e 3I SIA: Gli array paralleli ed esercizio "Inventario"

Immagine
  Cosa sono gli Array Paralleli? Lezione del 9 gennaio 2026 – ore 11 - Laboratorio Cisco Itet A. Bassi di Lodi prof. Paolo Latella Gli array paralleli sono due o più array della stessa lunghezza in cui gli elementi corrispondenti (quelli con lo stesso indice) sono logicamente collegati tra loro. Immagina di voler gestire un database di studenti e i loro voti: L'array studenti conterrà i nomi. L'array voti conterrà i risultati. Se "Mario" è all'indice 0 di studenti, il suo voto sarà all'indice 0 di voti. Esempio Pratico: Gestione Inventario Supponiamo di voler gestire un piccolo magazzino di frutta. Abbiamo bisogno di tre informazioni: il nome del prodotto, la quantità disponibile e il prezzo unitario. 1. Dichiarazione degli Array Per prima cosa, definiamo i nostri dati. È fondamentale che ogni array abbia lo stesso numero di elementi. JavaScript let prodotti = [" Mele ", " Pere ", "...