Creare una pagina html con queste caratteristiche: titolo "La prima pagina html" Colore di sfondo azzurro Un testo con caratteri grandi Un testo con caratteri piccoli Un testo scorrevole
Creare un mini-glossario informatico con un pagina a frame a due colonne
La colonna a sinistra conterrà delle voci tipo:
bit
Byte
CPU x86
I/O
S.O.
A ciascuna voce corrisponderà un link che visualizza la voce del glossario sulla colonna destra.
La voce del glossario CPU x86 dovrà contenere una tabella comparativa delle dimensioni del bus dati e bus indirizzi delle varie generazioni delle CPU dallo 8086 al Pentium IV.
Ogni voce del glossario dovrà essere dotata di una immagine illustrativa di dimensioni adeguate.
Realizzare un piccolo modulo di contatto, da integrare successivamente all'esercizio03, contenente i seguenti campi: I Dati Anagrafici (NOME, COGNOME, CITTA, INDIRIZZO, EMAIL) Una serie di checkbox, VOCE (VOCE1 ,VOCE2 ,VOCE3), una per ogni voce del glossario in modo che l'utente possa indicare per quale voce vuole maggiori informazioni; Un serie di radiobutton, CONTATTO, che permettano all'utente di indicare come vuole essere contattato (posta, posta elettronica, Facebook); Un campo select, DISPOSITIVO, che permetta all'utente di indicare che tipo di dispositivo usa per navigare (Smartphone, Tablet, Pc fisso, Pc portatile) Il modulo dovrà essere inviato alla pagina "http://labinf25/contattaci.php" I nomi dei campi dei form devono corrispondere ESATTAMENTE a quelli indicati in maiuscolo.
Creare un file stile.css che definisca
colore di sfondo del body
colore del carattere
grandezza del carattere
font del carattere
Creare un file paginacss.html che
richiami il precedente file
definisca all'interno dello stesso file html i seguenti stili per la classe "rossoazzurro"
colore di sfondo rosso
colore carattere blu
definisca al suo interno i seguenti stili per il tag
una immagine di sfondo da visualizzare al centro visualizzata in modo fisso
definisca al suo interno i seguenti stili per il tag
testo giustificato
colore di sfondo bianco
colore testo blu
visualizzi del testo nel body con lo stile di default
visualizzi del testo di classe "rossoazzurro"
visualizzi tre righe di testo all'interno di un paragrafo
visualizzi una quarta riga di testo all'interno del suddetto paragrafo con stile INLINE
colore di sfondo grigio chiaro
colore carattere arancio
ESEMPIO BOX:
<html> <head> <title> prova css <style type="text/css"> #box {background: Silver; border : 10px solid #CC0033; height : 100px;
margin-bottom: 10px; padding : 10px; width : 200px; overflow: auto;} </style> </head> <body> <div id="box"> Un passeggero è stato protagonista nell'atterraggio di emergenza cui è stato costretto, nella notte fra domenica e lunedì, il volo Lufthansa partito dall'aeroporto Usa di Newark e diretto a Francoforte. Mentre il Boeing 747 con 264 persone a bordo sorvolava l'Atlantico, un malore improvviso ha colpito il co-pilota, creando una situazione che ha spinto il comandante a richiedere l'autorizzazione per un atterraggio d'emergenza a Dublino. </div> <div> Un altro passeggero è stato protagonista nell'atterraggio di emergenza cui è stato costretto, nella notte fra domenica e lunedì, il volo Lufthansa partito dall'aeroporto Usa di Newark e diretto a Francoforte. Mentre il Boeing 747 con 264 persone a bordo sorvolava l'Atlantico, un malore improvviso ha colpito il co-pilota, creando una situazione che ha spinto il comandante a richiedere l'autorizzazione per un atterraggio d'emergenza a Dublino. </div> altro testo fuori dal box </body>
Miniportale personale con utilizzo di boxmodel
Il portale dovrà contenere 3 sezioni:
Chi sono
Cosa mi piace
I miei contatti Social
Contattami
La sezione contattami dovrà contenere un modulo con i seguenti campi:
Nome
Cognome
Email
Il modulo avrà come target la pagina "http://server/risposte/feedback.php" utilizzando il metodo POST.
(i nomi dei campi devono essere ESATTAMENTE quelli indicati)