Guia Lab 06 - Ing - Web - Utp
Guia Lab 06 - Ing - Web - Utp
Guia Lab 06 - Ing - Web - Utp
INTRODUCCION
En JavaScript, la interacción con el usuario se consigue mediante la captura de los eventos que
éste produce. Un evento es una acción del usuario ante la cual puede realizarse algún proceso
(por ejemplo, el cambio del valor de un formulario, o la pulsación de un enlace).
I. OBJETIVOS
Codificar y ejecutar los ejercicios de aplicación con Listas, Tablas, Enlaces, Hiperenlaces usando
HTML y
IV. INDICACIONES
Antes de comenzar la Pagina Web crear siempre, una carpeta, donde se guardarán todas
las páginas web realizadas por usted en el presente laboratorio con el nombre
Web_Apellidos_Guia0 dentro de esta carpeta crear las carpetas imágenes.
La presentación es personal y en el Laboratorio
Página 1 de 13
Practica Dirigida
Evaluación de Guia6
Sentencia echo
Primer Programa
Para crear programas en php debe guardar el archivo dentro de una carpeta en la ruta
1.- Mostrar la configuración del servidor
<?
phpinfo();
?>
<?
echo("¡Hola Mundo!<BR>");
?>
Página 2 de 13
4.- Ejercicio con Operaciones
Ejer004.php
<?php
$a=12;$b=20;
$suma=$a+$b;
$resta=$a-$b;
$multi=$a*$b;
$divi=$a/$b;
echo "El valor de a es==>".$a."<br>";
echo "El valor de b es==>".$b."<br>";
echo "El valor de la suma es==>".$suma."<br>";
echo "El valor de la resta es==>".$resta."<br>";
echo "El valor de la multiplicacion es==>".$multi."<br>";
echo "El valor de la division es==>".$divi."<br>";
BienvenidaPost.php
<?php
$xnombre=$_POST["txtnombre"];
$xedad=$_POST["txtedad"];
echo "<h1><font color=blue</h1><br>";
echo "Su nombre es <font
color=red>".$xnombre."</font><br>";
echo "Su edad es <font color=red>".$xedad."</font><br>";
Página 3 de 13
EjerFormularioGET.php
<body>
<form name=fmr1 method=GET action=bienvenidaGET.php>
<table border="1">
<tr><th colspan="2">DATOS PERSONALES</th></tr>
<tr>
<td>INGRESE NOMBRE</td>
<td><input type="text" name="txtnombre"></td>
</tr>
<tr>
<td>INGRESE EDAD</td>
<td><input type="text" name="txtedad"></td>
</tr>
<tr>
<td>
<input type="submit" name="btnenviar">
</td>
<td>
<input type="reset" name="btnuevo">
</td>
</tr>
</table>
</form>
</body>
BienvenidaGET.php
<?php
$xnombre=$_GET["txtnombre"];
$xedad=$_GET["txtedad"];
echo "<h1><font color=blue</h1><br>";
echo "Su nombre es <font
color=red>".$xnombre."</font><br>";
echo "Su edad es <font
color=red>".$xedad."</font><br>";
Estructuras de Control
Estructura if
ejercicioif.php
<? $edad=28;
if ($edad>=0&&$edad<=13)
echo "niño";
else
if ($edad>=14&&$edad<=17)
echo "adolescente";
else if ($edad>=18&&$edad<=60)
echo "adulto";
elseif ($edad>=60&&$edad<=120)
echo "anciano";
else
if ($edad<=0||$edad>=120)
echo "no existe";
?>
Página 4 de 13
Ejercicio recursivo con Tallas
<?Php
$i=0;$xtalla = "";
echo "i= ",$i;
if( isset($_GET['txttalla'])) {
$xtalla= $_GET['txttalla']; } EjemploTallas.php
if ($xtalla>0&&$xtalla<=1.55)
$i=1;
else if($xtalla>1.55&&$xtalla<=1.85)
$i=2;
else if($xtalla>1.85&&$xtalla<=2.2)
$i=3;
?>
<body>
<form name=fmr1 method=GET action=EjemploTallas.php>
<table border="1">
<tr><th colspan="2">EJEMPLO TALLAS</th></tr>
<tr>
<td>INGRESE TALLA</td>
<td><input type="text" name="txttalla" onClick="foco('txtta');"></td>
</tr>
<tr>
<td colspan="2">
Página 5 de 13
<?php
echo "<img src=imagenes/imagen0".$i.".jpg></img>";
?>
</td>
</tr>
<td>
<input type="submit" name="btnenviar">
</td>
<td>
<input type="reset" name="btnuevo">
</td>
</tr>
</table>
</form>
</body>
Lazos
<?
echo "<h1>Lazo While</h1>"."<br>";
$a=1;
while ( $a<=9)
{$a +=1;
echo "valor de a====>". $a."<br>";
}?>
Página 6 de 13
ejer011.php Ejemplo con For
<?
echo "<h1>Lazo For</h1>"."<br>";
for($a=1;$a<10;$a++)
{
echo "valor de a====>". $a."<br>";
}
?>
Controles en Formularios
RADIO
Sexo:
<INPUT TYPE="radio" NAME=“sexo" VALUE=“M“CHECKED>Mujer
<INPUT TYPE="radio" NAME=“sexo" VALUE=“H">Hombre
<?PHP
$sexo = $_POST[‘sexo’];
print ($sexo);
?>
CHECKBOX
<INPUT TYPE="checkbox" NAME="extras[]" VALUE="garaje" CHECKED>Garaje
<INPUT TYPE="checkbox" NAME="extras[]" VALUE="piscina">Piscina
<INPUT TYPE="checkbox" NAME="extras[]" VALUE="jardin">Jardín
<?PHP
$extras = $_POST[‘extras’];
$n = count ($extras);
for ($i=0; $i<$n; $i++)
print (“$extras[$i]<BR>\n”);
//foreach ($extras as $extra)
//print (“$extra<BR>\n”);
?>
Página 7 de 13
<form action="#" method="post">
<input type="checkbox" name="check_list[]" value="C/C++"><label>C/C++</label><br/>
<input type="checkbox" name="check_list[]" value="Java"><label>Java</label><br/>
<input type="checkbox" name="check_list[]" value="PHP"><label>PHP</label><br/>
<input type="submit" name="submit" value="Submit"/>
</form>
<?php
if(isset($_POST['submit'])){//to run PHP script on submit
if(!empty($_POST['check_list'])){
// Loop to store and display values of individual checked checkbox.
foreach($_POST['check_list'] as $selected){
echo $selected."</br>";
}
}
}
?>
SELECT simple
Color:
<SELECT NAME=“color">
<OPTION VALUE=“rojo" SELECTED>Rojo
<OPTION VALUE=“verde">Verde
<OPTION VALUE=“azul">Azul
</SELECT>
<?PHP
$color = $_POST[‘color’];
print ($color);
?>
SELECT múltiple
Idiomas:
<SELECT MULTIPLE SIZE="3" NAME="idiomas[]">
<OPTION VALUE="ingles" SELECTED>Inglés
<OPTION VALUE="frances">Francés
<OPTION VALUE="aleman">Alemán
<OPTION VALUE="holandes">Holandés
</SELECT>
<?PHP
$idiomas = $_REQUEST[‘idiomas’];
$n = count ($idiomas);
for ($i=0; $i<$n; $i++)
print (“$idiomas[$i]<BR>\n”);
//foreach ($idiomas as $idioma)
//print (“$idioma<BR>\n”);
?>
Página 8 de 13
Ejercicio con Listas
<?php
$xcat=$_POST["lista"];
echo "LA CATEGORIA ES ".$xcat;
?>
<body>
<form name=form1 method="POST" action="lista1.php">
<select name="lista" size="multiple">
<option value="EMBUTIDOS">EMBUTIDOS</option>
<option value="GASEOSAS">GASEOSAS</option>
<option value="LICORES">LICORES</option>
</select>
<input type="submit" name="cmdenviar" value="enviar"></input>
</form>
</body>
Ejercicio2
<script>
function escoge(combo)
{
url="Lista1.php?codigo="+combo;
document.location.replace(url);
}
</script>
<?
$cod=$_GET[codigo];
echo "Has escodigo la opcion===>".$cod."<br>";
?>
<body>
<form name="form1" method="GET" action="ListaJava.php"
onchange='escoge(document.form1.office.selectedIndex)'>
<SELECT NAME="office" size="3" MULTIPLE>
<OPTION VALUE="W">WORD</OPTION>
<OPTION VALUE="E">EXCEL</OPTION>
<OPTION VALUE="A">ACCESS</OPTION>
</select>
</body>
Página 9 de 13
Formulariovarios.php
<head>
<title>CURSO DE HTML</TITLE>
</head>
<BODY bgcolor="white">
<FORM METHOD=GET ACTION='respuestaformulario.php'>
<table border=1>
<tr><td>Nombres </td><td colspan=4><INPUT TYPE=TEXT SIZE=40 MAXLENGTH=20
NAME=txtNombre></td></tr>
<tr><td>Apellidos</td><td><INPUT TYPE=TEXT SIZE=20 MAXLENGTH=40
NAME=txtApellidos></td></tr>
<tr><td>Estado Civil</td>
<td><input type="radio" name="rbtECivil" value='Soltero' checked>Soltero</td>
<td><INPUT TYPE="radio"name="rbtECivil" value='Casado'>Casado</td>
<td><INPUT TYPE="radio" name="rbtECivil" value='Viudo'>Viudo</td>
<td><INPUT TYPE="radio" name="rbtECivil" value='Divorciado'>Divorciado</td>
</tr>
<tr><td colspan=4>Cursos a llevar</td></tr>
<tr><td><INPUT TYPE=checkbox name="chkCurso" value='Word'>Word</td>
<td><INPUT TYPE=checkbox name="chkCurso" value='Excel'>Excel</td>
<td><INPUT TYPE=checkbox name="chkCurso" value='Access'>Access</td>
<td><INPUT TYPE=checkbox name="chkCurso" value='Power Point'>Power Point</td>
</tr>
<tr><td>Clave de Acces</td>
<td><INPUT TYPE =PASSWORD name=txtpass size=15 maxlength=15></td>
</tr>
<tr><td>Archivo adjunto</td>
<td><INPUT TYPE=FILE name=txtattach size=30></td></tr>
<tr>
<td>
<td><INPUT TYPE=SUBMIT NAME='btnEnviar' value='Enviar'></td>
<td><INPUT TYPE=RESET NAME='btnLimpiar' value='Borrar Datos'></td><td><INPUT
TYPE=button NAME='btnCerrar' value='Cerrar Ventana '><td></tr></table></FORM>
</BODY>
Página 10 de 13
</HTML>
respuestaformulario.php
<?
$xnombre=$_GET[txtNombre];
$xapellido=$_GET[txtApellidos];
$xestadocivil=$_GET[rbtECivil];
$xcurso=$_GET[chkCurso];
$xpassword=$_GET[txtpass];
$xattach=$_GET[txtattach];
echo "El nombre es ".$xnombre.
"<br>";
echo "El apellido es ".$xapellido. "<br>";
echo "Estado Civil ".$xestadocivil. "<br>";
echo "Curso ".$xcurso. "<br>";
echo "Password ".$xpassword. "<br>";echo "Archivo adjunto ".$xattach. "<br>";
?>
Página 11 de 13
Lazos
<?
echo "<h1>Lazo While</h1>"."<br>";
$a=1;
while ( $a<=9)
{$a +=1;
echo "valor de a====>". $a."<br>";
}?>
<?
echo "<h1>Lazo For</h1>"."<br>";
for($a=1;$a<10;$a++)
{
echo "valor de a====>". $a."<br>";
}
?>
Página 12 de 13
Ejercicio Propuesto
Se ingresa el nombre de la categoría que pueden ser (Embutidos, Licores, Gaseosas) con
opciones de Radio luego se ingresa el número de imágenes ,debe aparecer tal cantidad de
imágenes en una matriz de 6 columnas y n filas en un solo formulario.
Cuantas Imágenes 10
Página 13 de 13