Creando un Sitio Web personal.

Creando un Sitio Web personal.

FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95. Quizás por ello no sea tan fácil conseguirlo pero en varios sitios está disponible (www2.conce.plaza.cl). Este apunte explicará las funciones más importantes y comunes de este programa. Sugerencia. Mientras vayan creando cada página debe ser guardada constantemente, ya que el programa no posee una función de auto guardar cada x minutos como Microsoft Word Xp, por lo que situaciones inesperadas pueden hacer perder el trabajo realizado. Inicio de Microsoft Frontpage Express Una vez ejecutado el programa, se despliega la ventana del programa en la cual se encuentra la Barra de menú y la Barra de Herramientas y El area de trabajo (Figura 1). Figura 1. Barra de Menú y herramientas de Frontpage Express Desde este momento todo lo que haga en el área de trabajo serán elementos de la Página Web, se puede escribir texto, insertar imágenes, crear hipervínculos, etc. 1 El lenguaje HTML es un conjunto de comandos, que permiten dar formato a un archivo, con el objetivo básico de crear un documento que pueda ser visualizado en ambiente Internet. 1 www. telecentros.udec.cl

Los hipervínculos corresponden a texto o imágenes que están relacionados con otras páginas Web de nuestro sitio u otro sitio que no nos pertenezca. Se sugiere que para mantener un orden de los elementos dentro de la página, lo primero que se debe insertar es una TABLA la que contendrá, dentro de cada celda, todos aquellos elementos que se desean (imágenes, texto, etc). Crear Tablas Solo debe buscar el icono de la barra de herramientas, al hacer un clic se despliega una cuadro subdividido, sobre el cual debe seleccionar el primer cuadro de la esquina superior izquierda y sin soltar el botón del mouse se arrastra aumentando la selección de celdas de acuerdo a las necesidades (Figura 2). Figura 2. Selección de celdas para insertar una tabla. En la figura 3 aparece una Página Web en la cual se ha insertado una tabla de 3 filas y 2 columnas, en ellas se puede ver la inserción de texto, imagen y un vínculo a otro sitio web (www.conce.plaza.cl/telecentros). Figura 3. Ejemplo de página Web. 2 www. telecentros.udec.cl

Para cambiar el formato de texto, al igual que en Microsoft Word Xp, seleccionamos primero el texto y luego se puede pulsar sobre los botones de formato. Recuerde que puede utilizar mas de un tipo de formato para el texto seleccionado. Coloca el texto en negrita Coloca el texto en cursiva Subraya el texto Aumentar tamaño de letra Disminuir tamaño de letra Cambiar color de letra Agregar imágenes prediseñadas A diferencia de los programas como Microsoft Word Xp, para agregar imágenes a una Página Web estas deben estar previamente Archivadas en alguna carpeta del disco duro del computador. Si desea utilizar las imágenes prediseñadas de Microsoft Office Xp puede hacerlo, para ello debe iniciar una de sus aplicaciones como por ejemplo Microsoft Word Xp y seleccionarla desde la galería de imágenes prediseñadas, seleccionar la opción copiar que aparece al hacer un clic en la flecha de opción que aparece a su derecha (Figura 4 y 5). Figura 4 Figura 5. Galería de imágenes de Microsoft Word Xp. 3 www. telecentros.udec.cl

Insertar imágenes Para insertar una imagen, que se encuentra grabada en disco, se debe hacer clic en el lugar donde se quiere agregar dentro del área de trabajo, luego hacer clic en el botón de la barra de herramientas y ubicar el archivo de la imagen dentro del disco duro. También puede insertar imágenes en el menú insertar opción Imagen (Figura 6). Figura 6. Insertar imagen. Figura 7. Ventana búsqueda archivo de imagen. Es recomendable que los formatos de de las imágenes se encuentren en formato.jpg ó.gif. Recuerde, la galería de imágenes en Frontpage Express no esta disponible, por lo que cualquier imagen que se quiera utilizar en una Página Web debe estar previamente grabada en el disco duro del computador. Desafío Cree una tabla en el área de trabajo de Frontpage Express e inserte una tabla con tres filas y tres columnas. En las celdas agregue: texto e imagen. 4 www. telecentros.udec.cl

Enlaces a otras páginas (Hipervínculo) Se pueden agregar enlaces a otras páginas (nuestras o cualquier otra) sobre un texto o imágen. Por ejemplo el texto: www.conce.plaza.cl/telecentros que aparece de color azul, contiene el enlace (hipervínculo) a la página principal del nuevo portal de Telecentros. NOTA: El enlace se puede hacer en una sola palabra, en varias o en una frase completa. Para insertar un enlace hay que seleccionar la palabra o imagen en la cual se desea insertar y hacer clic en el botón ó en el menú Insertar opción "Hipervínculo" (Figura 8). Figura 8. Insertar hipervínculo. Aparecerá una ventana en la que se debe seleccionar la solapa World Wide Web y a continuación escribir la dirección de Internet que queremos relacionar con el texto o la imagen seleccionada (Figura 9). Figura 9. Creación de Hipervínculos. 5 www. telecentros.udec.cl

Salto de línea En Microsoft Word Xp para dejar una línea en blanco se presionaba la tecla Enter del teclado, sin embargo, en FrontPage Express esta acción inserta 2 líneas en blanco. Para dejar sólo una línea se debe presionar la tecla (Shift) y luego Enter. Línea Horizontal Este elemento decorativo sirve para separar el contenido de una Página Web. Para insertarla basta con hacer clic en el menú Insertar y escoger la opción Línea horizontal (Figura 10). Figura 10. Inserción de Línea horizontal. Haciendo un clic con el botón derecho del mouse sobre ella es posible cambiar las "Propiedades como: alto y ancho, color, alineación y si queremos podemos configurarla para que no se vea sombreada. Ejemplos: Línea Horizontal sombreada: Línea Horizontal no sombreada: 6 www. telecentros.udec.cl

Note que al presionar el botón derecho del mouse sobre alguno de los elementos ya insertados en la Página Web se muestra un Menú Contextual en el que aparecen las características que puede tener el elemento (Figura 11). Figura 11. Menú contextual de imagen. Elegir un fondo de página Figura 12. Selección de fondo. Un fondo puede hacer mucho mas atractiva la Página Web que se ha diseñado. Para ello se hace clic con el botón derecho del mouse sobre el área blaca de trabajo y en el menú desplegado se escoge la opción Propiedades de página. Se puede utilizar un color como fondo ó una imagen (Figura 13). 7 www. telecentros.udec.cl

Figura 13. Menú contextual. ATENCIÓN, se debe elegir un fondo que combine bien con el texto y las imágenes, a fin de facilitar ver el contenido. Al seleccionar esta opción se despliega una ventana desde la cual se busca la imagen para utilizar como fondo de página, es muy parecido a la forma de insertar una imagen (Figura 14 y 15). Figura 14. Selección de color de fondo o imagen de fondo. Figura 15. Resultado de la inserción de fondo. 8 www. telecentros.udec.cl

Guardar una Página Web Para guardar la Página Web se puede hacer clic sobre el icono de la barra de herramientas, ó en el menú Archivo opción Guardar. Ambos métodos despliegan un cuadro de dialogo en el que se debe escribir un nombre de archivo en el cuadro Título de la página, luego se presiona el botón Como archivo y finalmente Aceptar (Figura 16). Figura 16. Ventana Guardar como.+ Desafío 2 A la Página Web del ejercicioo anterior agregue una imagen y un texto que incluya un hipervínculo al Sitio Web www.conce.plaza.cl/telecentros. Es importante destacar que desde el momento en que una Página Web es publicada en un servidor de Internet se denomina Sitio Web 9 www. telecentros.udec.cl