Diseo Web

DEFINICIN DE SITIO WEB Un sitio web est formado por un conjunto de pginas web, archivos y herramientas de administracin necesarias para publicar informacin en Internet. Deben estar organizadas y tener buena navegacin mediante hipervnculos o enlaces entre ellas. La pagina web inicial debe llamarse index o home (depende del servidor).

VENTANA DE FRONTPAGE
Las opciones ms importantes son: Pgina: es donde diseamos y modificamos cada una de las pginas. Exploracin: muestra la estructura de las barras de exploracin. Lista de carpetas: por cada pgina web tendremos una carpeta con cuatro letras en la que incluiremos todo lo relacionado con la web. -Selector rpido de etiquetas: muestra las etiquetas. -Panel de tareas: muestra un panel en la parte derecha que se debe activar slo al utilizarlo. Distintas vistas de pgina web: Cuando elegimos ver/pgina en la parte inferior de la zona de edicin tenemos cuatro vistas: Diseo: presenta la pgina web de forma parecida a Internet Explorer. Cdigo: muestra el cdigo de la pagina en lenguaje HTML. Dividir: divide la ventana en dos. En la parte de arriba muestra la vista cdigo y en la de abajo la vista Diseo. Vista previa: muestra la pagina web como Internet Explorer pero dentro de la Zona de edicin.

CREACIN DE UN SITIO WEB VACO

Procedimiento para crear un sitio web vaco: a) Abrimos FrontPage. b) En el panel Nuevo elegimos: Nuevo sitio Web/Sitio Web de una pgina. c) Buscamos la carpeta en que lo vamos a guardar, le ponemos el nombre al sitio web y en la ficha general elegimos: Sitio Web vaco. d) Los nombres tienen que ser mximo de 8 letras minsculas sin ms caracteres.

EXPLORACIN
Cuando estamos creando un sitio web que tiene ms de una pgina, debemos especificar la navegacin que se va a producir a travs del sitio web. Procedimientos para aadir una pgina web a un sitio web a) Creamos una pgina normal nueva. b) Especificamos las propiedades de la pgina creada. c) Guardamos la pgina web con un nombre en una carpeta. d) En Ver colocamos la pgina web nueva debajo de la que dependa de forma que aparezcan unidas con un conector.

TEMAS
Determina el formato de la pgina especificando el fondo, las fuentes, los colores, las vietas, etc.

IMGENES
Las imgenes se debern insertar en la carpeta images. Para modificar las propiedades de una imagen utilizamos el men contextual Propiedades de imagen

TABLAS
Para insertar una tabla en la barra de herramientas, elegimos insertar tabla. En la ventana que nos aparece especificamos las caracterstica de la tabla y le damos a aceptar.

ENLACES E HIPERVNCULOS
Seleccionamos en la pgina web el soporte, que puede ser un texto o una imagen. En el men contextual elegimos Insertar hipervnculo. Hipervnculo o enlace a una pgina web del mismo Sitio Web En el marco Vincular a, elegimos un archivo o pgina web existentes. Hipervnculo o enlace a una pgina web externa de Internet En Direccin escribimos el url de la pgina web. En los enlaces a pginas web externas hacemos clic en Marco de destino y elegimos Nueva ventana. Hipervnculo o enlace a una cuenta de correo electrnico En el marco Vincular a, elegimos Direccin de correo electrnico y escribimos el nombre del correo en Direccin. Ver hipervnculos o enlaces de una pgina web Elegimos Ver/Hipervnculos y en la zona de edicin aparecen todos los hipervnculos y sus relaciones.

Daniel Fco Bastarrica Lacalle 1 BH