Unitec

|PRACTICA No. 1 |
|INTRODUCCIÓN A HTML y EDITORES DE PAGINAS WEB |

Nombre:___________________________________No.Cuenta:_________Grupo:_______
Apellido paterno Apellidomaterno Nombre (s)
Número de Máquina:______ Sala:_____Fecha:_________ Calificación:__________

OBJETIVO:
El alumno:
← Reconocerá las principales ventanas de trabajo del programa Dreamweaver.
← Identificará las opciones de las barra de objetos.
← Reconocerá el código HTML, para el desarrollo de una pagina web.
← Reconocerá la utilidad de cada una de lasopciones del cuadro de objetos head
← Creara una página web con elementos de texto, líneas horizontales y caracteres especiales.
← Aplicará el comando de pre-visualizar páginas web por medio del navegador.

DESARROLLO:
1. En el botón de inicio, programas selecciona Macromedia, y posteriormente haz clic en Dreamweaver.

2. Por medio del menú ventana despliega y/u oculta ventanasde manera que solo se desplieguen las ventanas de objetos, insertar y propiedades.

3. Observa en la barra de título los nombres de la página y del archivo:
[pic]

4. Activa el comando de propiedades de página, se encuentra en el menú de modificar.
Nota: También puedes mostrar el cuadro de dialogo propiedades de la página con las teclas Ctrl. + J

Añade las siguientesopciones:

|Título de la pagina: Introduccion a Dreamweaver |Fondo: selecciona un color oscuro |
|Texto: selecciona un color claro |Vínculos visitados: seleccionar un color rojo claro |
|Vínculos: selecciona un color azul claro |Vínculosactivos: selecciona un color amarillo |

[pic]

5. Da un clic en el botón de Aplicar, observa los cambios en pantalla, cambia el color del texto a blanco y da un clic en aceptar.

6. Guarda el archivo en disco con el nombre de Práctica 1, observa como cambio el nombre del archivo en la barra de título.

7. Observa como cambio el nombre de la paginay el nombre del archivo en la barra de titulo:
[pic]

8. Por medio del punto de inserción | escribe las siguientes líneas:
¿Qué es Dreamweaver?
Como hemos visto, HTML es un lenguaje de marcación que puede viajar con el propio texto que se desea formatear. En principio, con cualquier editor de textos, por simple que este sea, se podría crear un documento HTML. Ahora bien, el procesode componer una página de HTML puede ser tedioso y largo, además de que precisa del recuerdo de diferentes "tags" o marcas y las oportunas normas sintácticas. En todo este proceso hay que imaginar como va a quedar la página una vez terminada, ya que no estamos editando de modo visual. Esta manera de trabajar no es la más adecuada para diseñadores.
Para mejorar este proceso creativo surgieron loseditores de páginas web. Estos editores permiten trabajar en un modo visual, más cercano a un entorno WYSWYG (Whay You See is What You Get), típico de otros programas de diseño y formateo de documentos. Dreamweaver fue uno de los primeros editores de HTML. En la actualidad, existen otros editores de páginas web, pero sin duda es Dreamweaver el que ocupa la posición de liderazgo actualmente. ConDreamweaver podemos crear páginas HTML sin tener que preocuparnos por el código HTML, recordar todos los "tags" necesarios para componer nuestra página o tener que previsualizar en nuestra cabeza cual será el resultado compositivo del documento final. De esta manera, crear un documento HTML se convierte en una tarea menos parecida a programar y más parecida a formatear, tal y como se haría en un...