DISEÑO DE SITIOS WEB FRONTPAGE 2003

CARACTERISTICAS Creacion de paginas en un entorno visual. Diseñar y modificar tanto el sitio como cada página individualmente. Forma parte del paquete de aplicaciones Office2003 . Compatibilidad con word, excel y access

Elementos del entorno de desarrollo

Diseño del sitio

CREACION DE UN SITIO WEB 1. Hacer clic en Archivo - Nuevo. 2. Nuevo sitio web, hacer clic en Sitio Web de una página 3. En Plantillas de sitio Web, en el apartado Opciones pulsar Examinar.... buscar la carpeta donde se creara el sitio “Mis documentos/…/personal (si no la tienes hay que crearlas), hacer clic en Abrir. 4. Hacer clic en la plantilla Sitio Web de una página. 5. Hacer clic en Aceptar 6. Crear la nuevas carpetas 7. Poner nombre al sitio (opcional) Herramientas - Configuración del sitio

Con el asistente (ayuda) 1. Para crear el sitio Archivo - Nuevo 2. En el panel de tareas a la derecha,Nuevo sitio web, hacer clic en Sitio Web de una página 3. En el diálogo Plantillas de sitio Web en el apartado Opciones pulsar Examinar. hacer clic en la carpeta Mis documentos y crear la carpeta del sitio 4. Pulsa el botón Abrir 5. Hacer clic en la plantilla Sitio Web personal y en el botón Aceptar

TEXTO Tipo de letra, tamaño, negrita, cursiva, subrayado                                                                                                                                                                                                                          Salto de linea en el mismo parrafo: shift (mayuscula) + enter PARRAFOS Formato y Fuente Fuente, Estilo, Tamaño, Color y Efectos Formato y Párrafo Sangrias

Listas y Viñetas lista numerada o lista de viñeta , texto existente botón de lista numerada o lista de viñeta lista existente botón derecho del ratón sobre la lista o viñeta, Propiedades de lista

Temas herramienta WordArt Combinación de colores, tipos de letras, separadores, etc. en una o todas las paginas Formato - Tema herramienta WordArt Insertar - Imagen opción WordArt.

IMAGENES Insertar imagen desde archivo Insertar – imagen – desde archivo – seleccionar - aceptar poner una imagen de fondo Formato – fondo – imagen de fondo – elegir grafico - aceptar Convertir en marca de agua Activar la casilla marca de agua, el fondo no se desplaza

HIPERVINCULOS hiperenlaces, enlaces o links entre dos páginas web de un mismo sitio, a una página de otro sitio web, a un fichero, a una imagen, etc Hipervínculo de texto Hipervínculo de imagen Hipervínculo a una página del propio sitio web (página local). Hipervínculo a otro sitio web (página externa). Hipervínculo a una dirección de correo electrónico.

Insertar y Marcador o pulsaR Alt+Ctrl+G. Hipervínculo de texto 1. Seleccionar el texto asociado al enlace. 2. A continuación: Pulsar en el menú Insertar y después, en Hipervínculo. Pulsar el botón          de la barra formato. Presionar Alt + Ctrl + K del teclado 3. Especificar el documento asociado en “direccion” 4. Elegir el marco destino. ANCLAS O MARCADOR Un ancla o marcador es una señal invisible que se deja en ciertas partes de una página web para acceder directamente a esas partes. Insertar y Marcador o pulsaR Alt+Ctrl+G.

Definir el marcador o ancla Hacer clic justo delante del texto a establecer como referencia Elegir Insertar y opción Marcador o presiona Alt+Ctrl+G Escribir la primera palabra en el cuadro Nombre de marcador Aceptar.aparece el simbolo Definir el enlace al marcador o ancla 1. Seleccionar el texto asociado al enlace. 2. A continuación: Pulsar en el menú Insertar y después, en Hipervínculo. Pulsar el botón          de la barra formato. Presionar Alt + Ctrl + K del teclado 3. Elegir la opción marcador y elegir el adecuado y aceptar 4. En “direccion” aparecerá el nombre del marcador precedido de #

TABLAS 1. ELEGIR INSERTAR TABLA 2. DELIMITAR FILAS Y COLUMNAS Y CLIC añadir filas o columnas botón derecho del ratón sobre la tabla y elegir la opción insertar filas o la opción añadir columnas Menu Tabla – insertar – filas o columnas

eliminar filas o columnas botón derecho del ratón sobre la selección (borde de la tabla), y elegir la opción eliminar filas o la opción eliminar columnas. Combinar celdas Demarcar el grupo de celdas a combinar Botón derecho y combinar celdas Dividir Celdas clic en la celda a dividir, botón derecho del ratón y hacer clic en la opción Dividir celdas clic en Dividir en columnas clic en Dividir en filas anidar una tabla crear una tabla en una celda de otra tabla

PROPIEDADES DE UNA TABLA Clic botón derecho sobre la tabla – propiedades de la tabla

Propiedades de una celda Clic sobre la celda – botón derecho – propiedades de celda Imagen de fondo para la tabla Clic sobre la celda – botón derecho – propiedades de celda – Utilizar imagen de fondo – examinar - aceptar

MARCOS utilizar una de las plantillas de marcos Archivo - Nuevo - Más plantillas de página.... - Páginas de marcos

TITULAR PRINCIPAL CONTENIDO

Configuración del marco en cada marco, se puede crear una Nueva página o cargar páginas ya hechas, con el botón Establecer página inicial.... Si se crea nuevas paginas en cada marco, se las puede grabar individualmente o de manera global con archivo - guardar Configuración del marco Clic en el marco – botón derecho – propiedades del marco Hipervínculo desde un marco ¿Cual es el marco destino?

FORMULARIOS Formulario, dos botones de uso habitual, Enviar y Restablecer Cuadro de texto: Crea un cuadro en el que el usuario puede introducir texto Área de texto: Es similar al cuadro de texto Casillas de verificación: permite mostrar varias opciones Y seleccionar una o más haciendo clic en ellas. Botón de opción: Es similar a las casillas de verificación, con la diferencia de que los botones son excluyentes entre sí Cuadro desplegable: Muestra un cuadro desplegable con varias opciones. Por defecto sólo se eige una Botón de comando: Nos permite crear botones y asignarles acciones Imagen: Nos permite poner imágenes en un formulario

Para crear un formulario Insertar - Formulario Elementos del formulario Insertar – Formulario - items CEACION DE PAGINAS DE FORMULARIOS Archivo – nuevo – mas plantillas de paginas – asistente para páginas de formulario – siguiente – agregar elementos al formulario y finalizar