Post

Visualizzazione dei post con l'etichetta Css

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

Di -
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>         ...
Posta un commento
continua a leggere.... --->

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

Di -
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
Posta un commento
continua a leggere.... --->

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

Di -
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">     ...
Posta un commento
continua a leggere.... --->

3E e 3I SIA: Creare un sistema di login con Html, Css e Javascript senza file e database con due array paralleli

Di -
Immagine
Crea un sistema di login in html, css e javascript che consente di accedere ad una pagina main.html con la possibilità di registrare le credenziali in due array paralleli, utilizzando local storage e la funzione di cancellazione della cronologia. Le possibilità di accesso deve essere condizionato a tre tentativi e i campi del modulo devono essere obbligatori. Ho suddiviso il progetto in tre file principali (index.html, style.css, script.js) e la pagina di destinazione (main.html). Il sistema utilizza array paralleli per gestire utenti e password, salvando i dati nel localStorage del browser per mantenerli anche dopo la chiusura della pagina. 1. La Logica del Sistema Il funzionamento si basa su due array distinti: utenti[] e password[]. L'indice (la posizione) è il legame tra loro: la password dell'utente all'indice 0 dell'array utenti si trova all'indice 0 dell'array password. Spiegazione esercizio : https://laboratoriosia.altervista.org/3DSIA/informatica/eserci...
Posta un commento
continua a leggere.... --->

3E e 3I SIA: Creare un banner pubblicitario che appare appena apri una pagina html ( procedura con Javascript)

Di -
Immagine
Esercizio completo Useremo 3 file: index.html (lo scheletro) style.css (i vestiti e i colori) script.js (il cervello) Immagina di costruire una casa: l'HTML sono i mattoni e le stanze. Il CSS sono i mobili, il colore delle pareti e le tende. Lo JavaScript è l'impianto elettrico che accende le luci e apre le porte. 📁 1. File: index.html (Lo Scheletro) Questo file costruisce la struttura di tutto. Dice al browser "qui c'è un titolo, qui c'è un banner, qui c'è il testo normale". HTML <!DOCTYPE html > < html lang = "it" > < head > < meta charset = "UTF-8" > < title > Pagina Principale (Senza Server) </ title > < link rel = "stylesheet" href = "style.css" > </ head > < body > < div id = "banner-overlay" > < div class = "banner-content" > < h2 > 🎉 OFFERTA SPECIALE! 🎉 ...
Posta un commento
continua a leggere.... --->