I.S.T. “F.P.G.V.” Computación e Informática

Curso: Proyectos Web

GUÍA DE LABORATORIO N° 01 OBJETIVOS: Conocer el funcionamiento de la Web, los diferentes lenguajes para el desarrollo de Paginas Web, iniciando con HTML en un editor de texto básico (sugerido: Notepad++) 1. Funcionamiento de la WEB La Web funciona siguiendo el modelo clienteservidor. Existe un servidor, que es quien presta el servicio, y un cliente, que es quien lo recibe. 2. Introducción a HTML Un documento HTML comienza con la etiqueta , y termina con . Dentro del documento hay dos zonas bien diferenciadas: el encabezamiento, delimitado por y, que sirve para definir diversos valores válidos en todo el documento. Y el cuerpo, delimitado por y , donde reside la información del documento. Encabezado <TITLE>Título del documento Cuerpo Texto del documento A continuación veremos algunos ejemplos, los cuales serán creados en un editor de textos básico como el bloc de Notas, se sugiere el NotePad++ que es especial para editar archivos HTML, PHP, etc.

1. Tablas básicas: tabla.html

2. Tablas extendidas: tablaavanzada.html

<TITLE>Ejemplo 2

Tablas básicas

Cabecera 1	Cabecera 2	Cabecera 3
Dato 1	Dato 2	Dato 3
Dato 4	Dato 5	Dato 6

<TITLE>Ejemplo 3

Tablas avanzadas

Dato 1		Un texto cualquiera	Dato 3
Dato 4	Dato 4	Dato 5

3. Inclusión de Imágenes: imagenes.html <TITLE>Ejemplo 4 Desarrollado por: José L. Ponce Segura

www.redtacna.net

Prac01 (1 de 2)

I.S.T. “F.P.G.V.” Computación e Informática

Curso: Proyectos Web

Imagenes

Un texto cualquiera.

4. Formularios Básicos: formulario.html <TITLE>Ejemplo 5

Formularios

5. Formularios Básicos: extensión.html

6. Campos de Selección: campos.html

<TITLE>Ejemplo 6

Formularios

Texto:
Password:
Sexo: Hombre Mujer
Vehiculo:Moto Coche

<TITLE>Ejemplo 7

Formularios

<SELECT NAME="Colores" MULTIPLE> Rojo Verde Azul

<SELECT NAME="Colores" SIZE="1"> Rojo Verde Azul

Desarrollado por: José L. Ponce Segura

www.redtacna.net

Prac01 (2 de 2)