Test di valutazione per angelo1515, per grado superiore a Tenente HTML

« Older   Newer »
  Share  
max_400
view post Posted on 24/5/2011, 13:56     +1   -1




1) come si crea un form e mettere le seguenti opzioni
- nome utente
- password (campo con asterischi ****)
- textarea (per il messaggio)
- radiobutton
- checkbox
- menu

Fai un esempio però questo form deve essere inviato
ad una pagina php col nome di "riceve.php"
Questa pagina "riceve.php" deve avere i relativi comandi
per la ricezione delle variabili $_POST con le misure di sicurezza
per evitare infiltrazioni Hacker nel proprio spazio web.


2) crea 3 pagine .html, il cui colore dello sfondo, sia regolabile
da un file.css


3) crea un frameset di 2 colonne
quella di sinistra più stretta che contiene un sommario di link
e quella di destra uno spazio vuoto sul quale
verrà caricata la foto.jpg o il filmato.swf

4) crea un link dove al passaggio del mouse cambia colore
poi crea una tabella di 2 colonne e 2 righe dove quando ci passi sopra cambia il colore dello sfondo della cella.

5) uno script a piacere.


Buon lavoro angelo1515

ER FOUNDER :capt:
by Max_400
 
Top
angelo1515
view post Posted on 24/5/2011, 16:49     +1   -1




1) come si crea un form e mettere le seguenti opzioni
- nome utente
- password (campo con asterischi ****)
- textarea (per il messaggio)
- radiobutton
- checkbox
- menu

Fai un esempio però questo form deve essere inviato
ad una pagina php col nome di "riceve.php"
Questa pagina "riceve.php" deve avere i relativi comandi
per la ricezione delle variabili $_POST con le misure di sicurezza
per evitare infiltrazioni Hacker nel proprio spazio web.


intanto questo è il form.html

HTML
<div align=center>
<table><tr><td>
<form action="riceve.php" method="POST">
Nome utente: <input type="text" name="nome"><br>
Password: <input type="password" name="password"><br>
Messaggio: <br><textarea cols="40" rows="5" name="messaggio"></textarea><br>
sesso:<br>
M: <input type="radio" name="sesso" value="maschio"><br>
F: <input type="radio" name="sesso" value="femmina"><br>

città: <select name='citta'>
<option value = 'Milano' >Milano</option>
<option value = 'Roma' >Roma</option>
<option value = 'Torino' >Torino</option>
</select><br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="submit" value="invia"><input type="reset" value="cancella"><br>
</form>



e quest'altra è la pagina riceve.php
HTML
<?php
$nome=htmlspecialchars($_POST['nome']);
$password=htmlspecialchars($_POST['password']);
$messaggio=htmlspecialchars($_POST['messaggio']);
$sesso=htmlspecialchars($_POST['sesso']);
$citta=htmlspecialchars($_POST['citta']);

echo "Nome: <font color=blue> $nome </font> - Password: <font color=blue>$password</font><br>
Messaggio: <font color=blue> $messaggio</font><br>
Sesso: <font color=blue>$sesso </font> - Citta: <font color=blue>$citta</font><br>
<br><br>
<a href=lista.php>lista amici </a><br>";

$var=fopen("lista.php","a+");
fwrite($var, "
Nome: <font color=blue> $nome </font> - Password: <font color=blue>$password</font><br>
Messaggio: <font color=blue> $messaggio</font><br>
Sesso: <font color=blue>$sesso </font> - Citta: <font color=blue>$citta</font><br>
-----------------------------------------<br>");
fclose($var);

?>

<font color=red size=5>Nuovi iscritti</font><br>
<iframe name="finestra" src="lista.php" width=700 height=200></iframe><br>


ho messo le misure di sicurezza per evitare infiltrazione hacker
in particolare il comando htmlspecialchars che copia i tag html a pappagallo


2) crea 3 pagine .html, il cui colore dello sfondo, sia regolabile
da un file.css



nel file sfondo.css
HTML
body{
background: lightblue;
}


nelle pagine web il richiamo si fa con questa riga
HTML
<link href="sfondo.css" rel="stylesheet" type="text/css">

<body>
ciao


ma è si può abbreviare cosi
HTML
<link href="sfondo.css" rel="stylesheet">



3) crea un frameset di 2 colonne
quella di sinistra più stretta che contiene un sommario di link
e quella di destra uno spazio vuoto sul quale
verrà caricata la foto.jpg o il filmato.swf



allora... abbiamo bisogno di 3 pagine o volendo anche 2
la prima è la pagina pricipale che chiameremo lezioni.html
e metteremo questo script

HTML
<frameset cols="20%,*">
<frame name="" src="sommario.html">
<frame name="lavagna" src="http://ceadr.fisica.gap.it/repository/I4ECE8528FA5DA_545A/Copertina%20Burdge.jpg">
</frameset>


la seconda il Sommario

conterrà i link per il frame (riquadro di destra)

HTML
<h1><font color=red>Sommario</font></h1><br><br><br>

<h2><font color=blue>Chimica</font></h1><br>
<a target="lavagna" href="http://www.vallesabbianews.it/files/magazine/img/1106chimica.jpg">Prima foto</a><br>
<a target="lavagna" href="http://thepandorasbox.altervista.org/tpb_it/wp-content/uploads/2010/02/provette.jpg">Seconda foto</a><br>
<a target="lavagna" href="http://images2.wikia.nocookie.net/__cb20100421104352/nonciclopedia/images/3/39/Chimico_pazzo.jpg">Terza foto</a><br>
<br>
<h2><font color=blue>Fisica</font></h1><br>
<a target="lavagna" href="http://www.mentecritica.net/wp-content/uploads/atom.jpg">Prima foto</a><br>
<a target="lavagna" href="http://images03.olx.it/ui/4/77/39/68296839_1-Foto-di-LEZIONI-PRIVATE-DI-FISICA-SCIENZE-DELLA-FORMAZIONE.jpg">Seconda foto</a><br>
<a target="lavagna" href="http://www.arrigoamadori.com/lezioni/TutorialFisica/InduzioneMagnetica/Induzi288.gif">Terza foto</a><br>
<br>



la terza pagina potremo non meterla e mettiamo una foto qualsiasi tanto per non lasciarlo vuoto

4) crea un link dove al passaggio del mouse cambia colore
poi crea una tabella di 2 colonne e 2 righe dove quando ci passi sopra cambia il colore dello sfondo della cella.


HTML
<a href="jjj.html" onmouseover="this.style.color='red';" >prova colore</a><br>


importante: chi ha firefox deve dare il permesso "permetti file"



NELLA TABELLA....

HTML
<table border=1>
<tr><td onmouseover="this.bgColor='pink';" onmouseout="this.bgColor='lightblue';">prova rosa</td><td onmouseover="this.bgColor='pink';" onmouseout="this.bgColor='lightblue';">prova rosa</td></tr>
<tr><td onmouseover="this.bgColor='pink';" onmouseout="this.bgColor='lightblue';">prova rosa</td><td onmouseover="this.bgColor='pink';" onmouseout="this.bgColor='lightblue';">prova rosa</td></tr>
</table>


5) uno script a piacere.

lo scambio immagine

HTML
<img src="foto1.jpg"
onmouseover="this.src='foto2.jpg'"
onmouseout="this.src='foto1.jpg'"
>
 
Top
max_400
view post Posted on 24/5/2011, 17:16     +1   -1




Molto bene... angelo vuoi continuare o ti fermi qui?
 
Top
angelo1515
view post Posted on 24/5/2011, 17:43     +1   -1




mi fermo qui.
Grazie max!
 
Top
3 replies since 24/5/2011, 13:56   46 views
  Share