practica html3

Escuela en Ingeniería en Computación

Diseño Web Multimedia I

Instructores: Milagro de Arévalo, Josué Fortis, Christopher Lara, Carlos Narváez

1. formularios

<html>

<head>

<title></title>

</head>

<body>

<form action="recibir.php" method="post" name="form1">

<table width="347" height="101" border="1">

<tr>

<td>Nombre</td>

<td><label>

<input type="text" name="textfield">

</label></td>

</tr>

<tr>

<td>Apellido</td>

<td><label>

<input type="text" name="textfield2">

</label></td>

</tr>

<tr>

<td>Contraseña</td>

<td><input type="password" name="textfield3"></td>

</tr>

<tr>

<td>Edad</td>

<td><label>

<select name="select">

<option value="18-25">18- 25</option>

<option value="26-35">26-35</option>

<option value="35...">35 o mas...</option>

</select>

</label></td>

</tr>

<tr>

<td>Equipo favorito </td>

<td><label>

<select name="select2" size="2">

<option value="1">El Salvador</option>

<option value="2">Alianza</option>

<option value="3">Barcelona</option>

<option value="4">Real Madrid</option>

<option value="5">Fas</option>

</select>

</label></td>

</tr>

<tr>

<td>Sexo</td>




<td><label>

<input name="sex" type="radio" value="femenino">

Fem

<input name="sex" type="radio" value="masculino>

Mas</label></td>

</tr>

</table>

<p> </p>

<p> </p>

<p> </p>

</form>

</body>

</html>

Guarda el archivo con el nombre de formulario.html 2. Pagina de titulo y pagina de menu.

- Crea las siguientes paginas, según el diseño mostrado en estas imágenes:

Aplica mas diseño, según tu creatividad y guardala con el nombre de “cabecera.html” - Luego crea la siguiente pagina utilizando hipervinculos(vistos en la clase anterior)

como lo nuestra la siguiente imagen.

Aplica un diseño según tu creatividad y guardala con el nombre de menu.

Investiga el atributo Target de la etiqueta <a href…

Y solicita ayuda a tu instructor para crear los vinculos adecuados para que funcionen en

los marcos. 3. Sonidos y videos

<html>

<head>

<title>Sonidos y Videos</title>

</head>

<body>

<table width="383" height="228" border="1">

<tr>

<td><embed src="music/cancion.mp3" loop="true" autostart="true" hidden="false"

></td>

<td>Esta es la consola de sonido para HTML</td>

Mi pagina principal, usando Marcos

<<Nombre>>

Formularios.

Ejericio de marquesinas.

Ejercicio de Tablas.

Imágenes

Sonidos y Videos




</tr>

<tr>

<td><embed src="videos/video.avi" autostart="true" height="50%" width="50%"

></td>

<td> </td>

</tr>

</table>

</body>

Guarda el archivo con el nombre de vid_mus.html 4. Pagina de marcos

<html>

<head>

<title>Pagina de marcos</title>

</head>

<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">

<frame src="cabecera.html" name="arriba">

<frameset cols="80,*" frameborder="no" border="0" framespacing="0">

<frame src="menu.html" name="menu" scrolling="No" noresize="noresize">

<frame src="bienvenida.html" name="principal" >

</frameset>

</frameset>

<noframes><body>

</body>

</noframes>

</html>

practica html3

Economy & Finance