Metricas Del Software

ESCUELA DE INGENIERIA EN COMPUTACIÓN
TECNICO EN INGENIERIA DE SISTEMAS INFORMATICOS
DISEÑO WEB Y MULTIMEDIA

Guía Práctica Nº 1
CREANDO PÁGINAS WEB
EDITORES DE PÁGINAS WEB
Un editor es un programa que nos permite redactar documentos. Hoy en día ex isten un gran número
de editores que permiten crear páginas Web sin la necesidad de escribir ni una sola línea de código
HTML. Estos editoresdisponen de un entorno visual, y generan automáticamente el código de las
páginas. Al poder ver en todo momento cómo quedará la página en el navegador, se facilita la
creación de las páginas, y el uso de menús permite ganar rapidez.
Algunos de los editores visuales con los que podrás crear tus páginas Web son Macromedia
Dreamweaver, Microsoft FrontPage, Adobe Pagemill, NetObjects Fusion,CutePage, HotDog
Proffesional, Netscape Composer y Arachnophilia, de los cuales algunos tienen la ventaja de ser
gratuitos.
Para crear páginas Web escribiendo directamente el código HTML puedes utilizar la herramienta
WordPad o el Bloc de notas que proporciona Windows.

ETIQUETAS
Las etiquetas o marcas delimitan cada uno de los elementos que componen un documento HTML.
Existen dos tipos deetiquetas, la de comienzo de elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está compuesta por el identificador
o nombre de la etiqueta, y puede contener una serie de atributos opcionales que permiten añadir
ciertas propiedades. Su sintaxis es:
Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y pueden tomarcualquier
valor propio del usuario, o valores HTML predefinidos.
La etiqueta de final está delimitada por los caracteres . Está compuesta por el identificador o
nombre de la etiqueta, y no contiene atributos. Su sintaxis es: .
Cada uno de los elementos de la página se encontrará entre una etiqueta de comienzo y su
correspondiente etiqueta de cierre, a excepc ión de algunos elementos que nonecesitan etiqueta de
cierre. También es posible anidar etiquetas, es decir, insertar etiquetas entre otras etiquetas de
comienzo y de cierre.

ESTRUCTURA DEL DOCUMENTO HTML
La estructura básica de una página web es:


Indica el inicio del documento


...


Inicio de la cabecera


...


Inicio del cuerpo del documento



Final de la cabecera del documento

Final del cuerpo deldocumento
Final del documento

EJEMPLO
Crear una página Web con el título “Página 1”, en la que se coloque una imagen
como fondo y se muestre texto en diferentes líneas.


Página 1


Hola

Bienvenidos a mi página web, espero lo disfruten


Estoy aprendiendo a trabajar con HTML



Gracias por visitar este sitio.


Hasta luego
En    
este    ejercicio    



EJERCICIOS DE PRÁCTICA:
1. Escriba el código que permita obtener una página Web con el siguiente resultado:
a. El título de la página debe llevar su nombre
b. Coloque “amarillo” como color de fondo
c. Aplique el color azul como color de texto
d. Escriba la definición de HTML como párrafo dentro de la página

2. Cree una página Web con las siguientescaracterísticas:
a. El título de la página será Página Personal
b. Como “palabras clave” coloque: Página Personal, pasatiempos y amigos.
c. Coloque una imagen como fondo de la página
d. El texto será color rojo
e. Escriba haciendo uso de las etiquetas y sus datos personales, incluyendo
estudios, pasatiempos y amigos

ETIQUETAS DE FORMATO TEXTO
Para escribir texto en una página web, bastacon escribir lo que queremos visualizar, aunque bien es
cierto que sólo podremos visualizarlo como texto normal y corriente.
LINEAS EN HTML
Las líneas son separadores horizontales que se consiguen con la etiqueta (no existe la
correspondiente de cierre).
ETIQUETAS DE PÁRRAFO
El texto de una página puede agruparse en párrafos. Para ello, el texto de cada uno de los párrafos
debe insertarse...