
FRONTPAGE
FrontPage2003 es un programa con el cual podemos crear páginas Web de una forma visual. Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin necesidad de saber programar. No obstante, un usuario avanzado puede usar las características avanzadas de FrontPage2003 para hacer sitios Web más complejos.
Elementos de la pantalla inicial.
Al arrancar FrontPage aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales.
Diseñar un sitio Web
PLANTILLAS WEB DINÁMICAS Adjunte una plantilla Web dinámica a un conjunto de páginas en las que desee utilizar un mismo diseño.
Tablas de diseño y celdas Cree un marco para el contenido de las páginas Web utilizando tablas y celdas de diseño.
Capas Utilice capas para situar el contenido en cualquier parte de su página Web. Puede superponer, anidar y mostrar u ocultar capas en una página. Las capas pueden contener elementos HTML, como texto y gráficos.
Comportamientos Agregue de forma rápida interactividad o funciones mejoradas a textos, imágenes u otros elementos de páginas Web mediante Comportamientos basados en secuencias de comandos.
Botones interactivos Agregue botones de apariencia profesional a la página Web seleccionándolos en una lista. Elija los colores de fuente y color, defina un vínculo y establezca los valores de imagen y texto para los estados original, activar y presionado.
Elementos de la pantalla inicial.
Al arrancar FrontPage aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales.
Diseñar un sitio Web
PLANTILLAS WEB DINÁMICAS Adjunte una plantilla Web dinámica a un conjunto de páginas en las que desee utilizar un mismo diseño.
Tablas de diseño y celdas Cree un marco para el contenido de las páginas Web utilizando tablas y celdas de diseño.
Capas Utilice capas para situar el contenido en cualquier parte de su página Web. Puede superponer, anidar y mostrar u ocultar capas en una página. Las capas pueden contener elementos HTML, como texto y gráficos.
Comportamientos Agregue de forma rápida interactividad o funciones mejoradas a textos, imágenes u otros elementos de páginas Web mediante Comportamientos basados en secuencias de comandos.
Botones interactivos Agregue botones de apariencia profesional a la página Web seleccionándolos en una lista. Elija los colores de fuente y color, defina un vínculo y establezca los valores de imagen y texto para los estados original, activar y presionado.
¿Qué es un sitio Web?
Un sitio Web se compone del conjunto de páginas Web que diseñemos para un objetivo concreto.
Para crear un sitio web
1. Entrar a FrontPage
2. Clic en sitio web
3. Crear un sitio , clic en examinar y guardar todo en una carpeta
4. Damos doble clic en índex y está listo para empezar a crear la página.
Como insertar una marquesina
1. Insertar
2. Clic en componente web
3. Seleccionar marquesina, aceptar
4. Escribir lo que queremos que salga en la marquesina
5. Seleccionamos( la dirección, la velocidad y el comportamiento), aceptar
Insertar imagen
1. Insertar
2. Imágenes de archivo
3. Se selecciona e Insertar
4. Colocarla en una capa para poder moverla en cualquier lugar dewl area de trabajo

Menús dinámicos
1. Colocar una capa e insertar un nombre, cambiarle bordes y sombreado
2. Colocar otra capa con el nombre de otro producto
3. Luego damos clic derecho en propiedades de la capa
4. Activar visibilidad de las capas
5. Seleccionar la capa del efecto
6. Seleccionar comportamientos
7. Insertar
8. Cambiar propiedad
9. Seleccionar elementos (eje capa1 )
10. Visibilidad (visible)
11. Luego para ocultar la segunda capa y que solo se vvea con el mouse seleccionamos:
12. Comportamientos
13. Visibilidad(oculto)
Botones iterativos
1. Colocar capa dar clic dentro de la capa
2. Insertar
3. Botón iterativo
4. Seleccionar botón y colocar nombre
5. Vincularlo con la pagina que necesitemos abrir
6. aceptar
GALERIA DE FOTOGRAFIAS
- insertar
- componente web
- galeria de fotografias
- seleccionar la opcion que se quiera colocar y aceptar
- agregar imagenes
- modificar tamaño, aceptar
Efecto DHTML
me permite cambiar de una imagen a otra
- ver
- barra de herramientas
- efectos DHTML
- colocamos dos imagenes, una que se ve al principio y la otra que se ve cuando colocamos el mouse
No hay comentarios:
Publicar un comentario