lalallala

Práctica 1: HTML básico
El objetivo de esta práctica es familiarizarse con el lenguaje HTML, por lo que se trabajará con
un editor de ficheros ASCII como el Notepad, aunque existen otros métodos para conseguir el
mismo resultado (editores de HTML o conversores desde otras aplicaciones).
Esta práctica consiste en un website que se irá completando progresivamente. Crea una carpeta
en tu cuentay descarga en ella el archivo Practica01.zip de la web de Informática III.

Ejercicio 1.1: Estructura del HTML; FRAMES.
Crea la página index.html con las siguientes características:
•

Título: CULTURSITE.

•

Dos frames: margen izquierdo (20% de la pantalla) y parte principal (80%).

•

Contenido del margen izquierdo: página menu.html. Target de nombre: navegador.

•

Contenidode la parte principal: página principal.html. Target de nombre: main.

Ejercicio 1.2: TAGs para estructurar y formatear texto; LISTAS.
Formatea el texto de instituciones.html según se muestra.

2

Informática 3

Formatos:
•

Color de fondo: #8CACD4

•

Texto de título: fuente arial, color blanco, tamaño 2 puntos mayor que el estándar.

•

Resto del documento: listas numeradasy no numeradas; negrita; subrayado; itálica
(cursiva); fuente arial / por defecto.

Ejercicio 1.3: IMÁGENES; TABLAS.
Añade la última columna de la tabla de turismo.html y modifica la tabla para que muestre este
aspecto:

Imágenes: receta1.jpg, receta2.jpg, cultura.jpg, playa.jpg.

Ejercicio 1.4: LINK en IMAGEN (mapa de bits); TARGETs especiales.
Añade links en la imagen deprincipal.html:
•

Las dos imágenes de la izquierda: link a turismo.html en ventana nueva.

•

Las dos imágenes de la derecha: link a instituciones.html en ventana actual completa.

Práctica 2: Formularios en HTML
En esta práctica se añadirán dos nuevas páginas al website de la práctica anterior. Se trata
de crear dos formularios para que el usuario pueda registrarse como tal y pedir información.Descarga en la misma carpeta de la práctica 1 el contenido de Practica02.zip, que está en la
zona de material de la web de la asignatura. Redirecciona los links de menu.html y
menu_tur.html
donde
corresponda
a
información.html
y
arte.html
(antes
enconstruccion.html).
Los formularios deben estar dirigidos a: http://www.tecnun.es/cgi-bin/ii/CGI0.exe.

Ejercicio 2.1
Introduce elformulario y sus cajas de texto en informacion.html y ordénalos de esta forma:

Características de los campos del formulario:
Campo

Nombre de la caja de texto

Tamaño

Nombre

nombre

12

Primer Apellido

apell1

(por defecto)

Segundo Apellido

apell2

(por defecto)

Domicilio

domicilio

18

Código Postal

CP

5

Teléfono

tel

9

e-mail

mail

25

4Informática 3

Confirmar e-mail

c_mail

25

Ejercicio 2.2.
Completa el formulario de arte.html disponiéndolo de la siguiente manera:

Elementos del formulario:
•

Tipo: casillas checkbox de nombre tipo y valores esc, arq y pint.

•

Disponibilidad: casillas radio de nombre disp y valores publ y priv.

•

Estilo: ventana de selección de nombre estilo y valores clas, abs,surr y otro,
representados por los textos Clásico, Abstracto, Surrealista y Otros.

•

Área de texto: 4 filas y 40 columnas y con un texto por defecto.

Práctica 3: Lenguaje JavaScript
Esta práctica tiene dos partes. En la primera de ellas, correspondiente a los ejercicios 3.1, 3.2 y
3.3, se analizarán varias funcionalidades de JavaScript que pueden ayudarnos en la creación de
nuestrospropios formularios. En la segunda parte de esta práctica, correspondiente al ejercicio 3.4,
se realizará la validación de un formulario de la práctica anterior utilizando recursos vistos en los
ejercicios previos.

Ejercicio 3.1: Calculadora
Se parte del ejemplo de una calculadora realizada con JavaScript: Calculator.html. Se pide
analizar su funcionamiento. ¿Sería capaz de realizar las...