¿Qué es Frontpage98?
Micrososoft FrontPage 98 es una aplicación especializada en la creación de Diseño de Página Web.
En él se puede escribir texto, incorporar imágenes, modificar el código HTML generado por Frontpage98 para adaptarlo a lo que se quiera conseguir, Mapas de Imágenes, Formularios,Elementos Multimedia(Sonido, Animación,Video)Fuentes de texto,Hojas de estilo.
1.2 Instalación De FrontPage 98
Debemos instalar El Servidor Web de FrontPage, para ello elegimos la instalación Personalizada y activaremos la casilla Web personal de FrontPage y la casilla de Imágenes adicionales.
Una vez finalizada la instalación, FrontPage realizara una prueba TCP/IP, en la que se determina el nombre del equipo y su dirección IP. Esto es necesario para que nuestro equipo actue como servidor web. (Lugar donde se guardan las Páginas Web para que los usuarios puedan a acceder a ellas. Si la prueba se realiza con éxito, se crea un Web personal en la dirección http: \\nombre_ordenador, donde nombre _ ordenador es el nombre de nuestro ordenador.
El web que se crea se llama Web raíz y esta protegido con un nombre de usuario y contraseña de administrador.
1.3Explorador De FrontPage 98
La ventana del Explorador de FrontPage se divide en dos partes:
A la izquierda se encuentra la lista de visitas, mientras que a la derecha se mostrara el contenido de nuestro proyecto web.
Las vistas no son más que formas distintas de ver el proyecto que hemos abierto. En la vista Carpetas, podemos ver la estructura en carpetas de nuestro proyecto web.
En la figura anterior se podrá ver como existe una carpeta principal en la que se sitúan páginas Web. Aparecen dos subcarpetas: images, carpeta donde se guardan las imágenes utilizadas y _private que es una carpeta especial creada por FrontPage y donde podemos poner aquellos ficheros o páginas que sólo podemos ver nosotros.
En la vista Todos los archivos, se muestran todos los archivos que constituyen el proyecto web. Puede modificar el nombre de los ficheros y esos cambios se actualizaran inmediatamente en el proyecto.
La vista Exploración es similar a la de Carpetas. Desde aquí se puede visualizar e imprimir la estructura del proyecto web.
En la vista Hipervínculos puede ver los hipervínculos que salen y llegan a las páginas web.
En la parte izquierda se sitúa la estructura del proyecto y en la derecha, los hipervínculos que llegan y salen de la página que tenga seleccionada.
En la vista Estado de hipervínculos, se comprueba si los hipervínculos que se han definido en nuestras páginas web son correctos.
La vista Temas: Los temas son un conjunto de elementos de diseño, combinación de colores, fuentes, imágenes, etc.
En la vista Tarea, podrá apuntarse las tareas que debemos realizar en el trabajo diario: modificación de alguna página, mejora de las imágenes.
1.4 Editor De FrontPage
Puede acceder al Editor de FrontPage utilizando el botón situado en la barra de herramientas del explorador o bien haciendo donde click en cualquiera de las páginas web.
En la zona central de la ventana se sitúa el área de edición, donde se trabaja para conseguir el aspecto deseado.
El área de edición se puede ver de tres formas diferentes, según en el área que se encuentre:
Normal, HTML y vista previa.
En la ficha Normal se inserta el texto y el resto de elementos de la página.
Podemos acceder a la ficha HTML, donde aparece el código HTML generado por FrontPage.
En ella podemos modificar el código.
La ficha vista previa presenta la página tal como se visualizaría en Internet Explorer.
1.5 Editor De Imágenes
Existe otra aplicación que puede ayudarnos en la creación de páginas web. Esta aplicación se llama Microsoft Image Composer.
Con Image Composer , podemos crear y editar imágenes que deseamos incluir en nuestras páginas web.
Para acceder a esta aplicación se puede hacer de diferentes formas:
En el Explorador de FrontPage elegir Herramientas y seleccionar Mostrar Editor de imágenes.
Desde el Editor de FrontPage elegir Herramientas y seleccionar Mostrar Editor de imágenes.
El editor de imágenes es una completa aplicación de dibujo que permite trabajar con distintos tipos de imágenes.También podemos utilizar la aplicación Gif Animator, con ella podemos crear gif Animados.
Podemos acceder a ella desde el menú de inicio de Windows o desde el menú TOOLS de Image Composer.
1.6 Utilizar La Ayuda
FrontPage presenta un sistema de ayuda compuesto por tres fichas: Contenido, Indice, Buscar.
Elegimos Ayuda de Microsoft FrontPage en el menú Ayuda y aparecerá la siguiente ventana.
La ficha Contenido es ideal para tener una visión general de la aplicación.
En esta ficha la ayuda se presenta dividida por temas, representados a través de iconos de libros.
Una vez abierto un tema del contenido (haciendo doble clic sobre él) , podemos encontrar subtemas u hojas de ayuda.
Otra forma de obtener ayuda es a través de la ficha Índice. Se accede a una lista de temas ordenadas alfabéticamente.
Podemos elegir directamente un tema de la lista o teclear algunas palabras que se relacione con la ayuda que necesitemos.
La ficha Buscar permite introducir varias palabras o incluso frases completas de texto sobre un determinado tema.
TEMA 2: TRABAJAR EN EL EDITOR
2.1 CREANDO UN NUEVO WEB
Para crear un nuevo Web, hacemos los pasos siguientes:
1. Iniciamos el Explorador de FrontPage, elegimos Crear nuevo Web de FrontPage y aceptamos.
Para realizar nuestras propias páginas elegiremos: web de una página.
2. Indicamos el tipo de Web que deseamos crear ( Web de una página, Importar un web asistente, Desde asistente o plantilla).
3. Indica él titulo y la ubicación del nuevo Web. El titulo es descriptivo sobre el web y es el que se utiliza para en la lista que aparece al iniciar FrontPage.
Fromtpage creara una carpeta donde guardara el web. Puede ser una carpeta del disco duro o de su ubicación local.
Por Ejemplo:
Queremos crear un web de forma que nuestras páginas estén incluidas en una carpeta de un disquete.
1º) Seleccionamos la opción: Web de una página
2º) En el apartado Elija un titulo para su Web de FrontPage:
Escribiremos a: \Fromtpage(Nombre de la carpeta donde tendremos nuestras páginas en el disquete)
3º) Hacemos clic en Cambiar y ponemos: a: \FrontPage y aceptamos.
2.2 AÑADIR CONTENIDO
Una vez creado el web, trabajaremos en el Editor, donde se crea y se modifica la página Web.
Para facilitar el manejo de texto FrontPage incorpora la barra de herramientas Formato, en la que se sitúan la mayoría de botones que vamos a necesitar.
Si el texto que vamos a escribir es un párrafo independiente, elegimos la opción Normal.
El proceso a la hora de modificar cualquier característica del texto siempre es el mismo:
1º) Seleccionamos el texto y después realizamos el comando adecuado, ya sea desde la barra de herramientas Formato o desde el comando Fuente del menú Formato.
Desde este cuadro de diálogo podemos indicar el tipo de fuente a
utilizar(cursiva, negrita, subrayado). Además podemos cambiar el tamaño, el color.
Además de utilizar las características de un determinado tipo de letra, el cuadro de diálogo Fuente nos permite acceder a otros comandos especiales de formato situados en la ficha Estilos especiales.
A excepción del texto, que se escribe directamente en la página, el resto de elementos: imágenes, lineas, objetos, etc., se añaden al contenido de la página a traves del menu insertar.
Una vez insertado el elemento, podemos utilizar el menú contextual (realizando clic con el botón derecho en dicho elemento), para cambiar cualquiera de sus propiedades.
2.3 INSERTAR LISTAS EN LA PÁGINA WEB
Una forma sencilla de organizar el texto de la página es ir insertando listas.
Las listas sin numerar se conocen en FrontPage como listas con viñetas.
Cada elemento de la lista es un párrafo distinto de texto.
Para crear listas con viñetas, se utiliza el botón de la barra de herramientas y para las listas numeradas, el botón
En el cuadro de diálogo que aparece, podemos establecer el estilo de viñeta o de numeración, además de crear otros tipos de listas.
El cuadro de diálogo se divide en cuatro fichas:
Viñetas con imagen, Viñetas, Numeración y Otros.
En las fichas Viñetas y Numeración se indica el estilo a realizar.
En la ficha Otros se permite crear otros tipos de listas: de definición, menú.
En la lista Viñetas con imagen, se indica una imagen como viñeta.
A la hora de insertar una imagen en la página deberemos indicar su ubicación incluso podemos utilizar la Galería de imágenes de Microsoft.
Si no disponemos de la imagen, indicamos su ubicación, ya sea desde una carpeta de nuestro equipo o en una ubicación en Internet
2.4 MEJORANDO EL ASPECTO
Una de las caracteristicas que mejor resultado ofrece para mejorar el aspecto general de la página es utilizar un fondo atractivo.
Para indicar el aspecto del fondo de la página, acceda al comando Fondo del menú Formato.
Aparecerá el siguiente cuadro de diálogo.
En la sección Especificar fondo y colores, podemos establecer, bien una imagen o bien un color como fondo de la página. Además podemos especificar el color del texto y de los hipervínculos.
También podemos utilizar el fondo conseguido en otra página web. Para ello, indicamos, en la sección Obtener fondo y colores de la página, donde se encuentra dicha página.
Si lo que deseamos es utilizar un determinado color, desplegamos la lista adecuada y lo elegimos directamente. Si no aparece en la lista de colores, utilizamos la opción Personalizado.
En el caso de utilizar una imagen, activamos la casilla Imagen de fondo e indicamos la ubicación.
2.5 INSERTAR HIPERVINCULOS
1º) Crear un marcador en la página: Se selecciona el objeto que actuara como marcador y después se define utilizando el comando Marcador del menú de Edición
Aparecerá el siguiente cuadro de diálogo.
Debemos indicar el nombre del marcador (Con el que será conocido a la hora de la definición de hipervínculos).
2º) Definir el hipervínculo: Seleccionamos el objeto que actuara como hipervínculo y elegimos Hipervínculo en el menú Edición o utilizamos el botón de la barra de herramientas.
Aparecerá el cuadro de diálogo de la figura, donde lo único que tenemos que hacer es indicar a donde apunta el hipervínculo.
Para definir un hipervínculo que apunte a un determinado marcador, elegirlo de la lista Marcador.
Para definir un hipervínculo que apunte a otra página del mismo web, elegirlo en la lista o escribiendo su Dirección URL.
Para definir un hipervínculo a cualquier otro fichero que este disponible en su ordenador, lo buscamos utilizando el botón
Para definir un hipervínculo que apunte a una página situada en Internet, escribimos la dirección completa de la página al estilo de http://www.nombre.com Podemos buscar dicha página en Internet utilizando el botón
También podemos definir un hipervínculo a una dirección de correo electrónico: Para ello, pulsamos en el boton e indicamos la dirección del correo electronico.
Podemos definir un hipervínculo a una nueva página, pulsando el botón
¿QUÉ OCURRE CUANDO DEFINIMOS UN HIPERVINCULO A UN DETERMINADO FICHERO?
Cuando se define un hipervínculo a un fichero html, se carga automáticamente la página web en el navegador. Sin embargo, el fichero es de otro tipo, entonces esta permitido que se descargue dicho fichero desde el web. Si es un fichero ejecutable, tendrá la opción de ejecutarlo desde su ubicación original o traérnoslo a nuestro ordenador.
2.6 GUARDAR PÁGINA Y COMPROBAR EL RESULTADO
Debemos guardar nuestro trabajo y observar el resultado en un navegador de Internet.
Para ello utilizaremos el comando Guardar Como del menú Archivo.
FrontPage nos pedirá que indiquemos el nombre y titulo de la página, si la página tiene objetos insertados, nos pedirá lo mismo para los objetos. En el caso de las imágenes es adecuado guardarlas en una carpeta aparte, como imagen.
Una vez guardada la página por primera vez, podemos seguir haciendo modificaciones en la misma.
Cuando deseemos volver a guardarla, no utilizaremos Guardar Como sino Guardar.
Alternativamente al comando Guardar del menú Archivo, puede utilizar el botón de la barra de herramientas.
Para ver el resultado de la página, acuda a la ficha Vista Previa. Tal como se ve en esta ficha deberá verse en Internet Explorer.
Si deseamos ver el resultado en un navegador, utilizaremos el botón Vista previa en el programa explorador o elegimos el comando equivalente en el menú Archivo.
Si lo elegimos a través del menú podremos indicar en que navegador deseamos ver la página Web (entre los que tengamos instalados en el ordenador).
viernes, 14 de mayo de 2010
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario