'El ordenador es el producto más logrado de la pereza humana'. IBM.
CREA RÁPIDAMENTE TU PRIMER SITIO WEB
CREA RÁPIDAMENTE TU PRIMER SITIO WEB
CREACIÓN ABREVIADA DE UN SITIO WEB
PARA USUARIOS DE WINDOWS: CON FRONTPAGE 2000.
1.- Decide un nombre para la carpeta donde meteremos nuestro sitio WEB. Por ejemplo:
C:\Mis documentos\Mis Webs\Extremaweb
2.- Entra en FrontPage. Si hay algún sitio o página abierto, ciérralo en el menú Archivo. Sabremos que está cerrado cuando en la barra de título superior sólo ponga Microsoft FrontPage.3.- En el menú Archivo selecciona Nuevo/Web.
4.- Especifica la ubicación de la carpeta que queremos utilizar para guardar nuestro sitio. Si seguimos el ejemplo propuesto sería: C:\Mis documentos\Mis Webs\Extremaweb. Selecciona la opción de Sitio Web Vacío.
5.- En este momento FrontPage prepara la carpeta Extremaweb para alojar un sitio web, creando algunas carpetas. Podemos verlas activando 'Exploración' en la barra de Vistas -en gris en el margen izquierdo de la pantalla. Activar en la barra de menú Ver/Lista de carpetas si es que no está activo.
Como vemos, aún no hay ninguna página (ni archivos correspondientes).
Creamos la página inicial con Archivo/Nuevo/Página/Página en blanco.
Manteniendo esta Página principal seleccionada repetimos tres veces el paso de creación de página en blanco. Después seleccionamos la Página nueva 1 y añadimos otra página en blanco más. De esta manera, nos quedará un sitio web con 5 páginas y esta estructura:ESQUEMA
6.- A continuación, le cambiamos los títulos a las páginas por estos otros títulos más específicos (o los que nos parezca):
Página principal: Extremaweb. Página nueva 1: Guadalupe. Página nueva 2: Almaraz. Página nueva 3: Trujillo. Página nueva 4: Monasterio.
Para hacerlo, pinchamos con el botón derecho sobre cada página y usamos la opción Cambiar nombre del menú emergente.
7.- Abrimos la página principal haciendo un doble clic sobre ella, de esta forma cambiamos de Vista exploración a Página. Veremos que nuestra página web es de momento un lienzo en blanco.
8.- Activamos la opción del menú Formato/Bordes Compartidos (ojo, Bordes y sombreado no).
Elegimos en el cuadro de diálogo: Aplicar a todas las páginas. Marcamos las opciones de bordes Superior, Izquierdo e Inferior. Incluimos los Botones de exploración en el borde izquierdo.
En este momento aparecerán unas líneas punteadas que delimitan los bordes para todas las páginas, unos comentarios explicativos y quizá, aparezcan también los primeros hiperenlaces (subrayados en azul).
9.- Pinchamos con el botón derecho en el borde izquierdo y activamos la opción de Propiedades de barra de exploración del menú emergente.
Elegimos los Hipervínculos de nivel secundario más los de página principal y primaria.
A partir de ahora ya podemos navegar -saltar de una página a otra- en nuestro sitio web.
Es un buen momento para salvar el trabajo realizado con la opción Guardar del menú de Archivo. Debemos guardar todas las página una a una, o utilizar la opción de Cerrar web, también en el menú Archivo. En este caso tendremos que volver a cargar nuestro web con Abrir web para seguir trabajando.
10.- Demos colorido. Elige la opción que más te guste del menú Formato/Tema. Ten la precaución de marcar 'Aplicar a todas las páginas'.
11.- Hagamos más bonitos los hipervínculos: pinchamos en el borde izquierdo con el botón derecho, y seleccionamos Propiedades de barra de exploración. En la parte inferior seleccionamos botones en lugar de texto.
12.- Pincha con el ratón en el borde superior y selecciona en el menú Insertar/Titular de página. Selecciona las propiedades como imagen.
13.- Vamos a ver el estado de nuestro trabajo. Primero lo volvemos a guardar -Menú Archivo/Cerrar web.
Minimizamos FrontPage y buscamos la carpeta Extremaweb -en C:/Mis documentos/Mis web.
Entramos en ella y seleccionamos el archivo Index -que contiene la página principal. Si todo ha ido bien se abrirá el Explorer o el Navigator y nos permitirá darnos un paseo por nuestro sitio Extremaweb.
14.- Después de disfrutar un poco probando todos los hipervínculos, cerramos el navegador y maximizamos FrontPage. Cargamos con Abrir web para seguir trabajando.
15.- Pinchamos en el borde inferior y metemos un par de líneas con nuestro nombre -el autor- y dirección electrónica o postal o lo que nos parezca.. Podemos usar los iconos de centrar línea, negrita... y darle formato al texto como si usáramos el procesador de textos.
Añadimos también un dibujo animado con la opción del menú Insertar/Imagen/Desde archivo. Lo buscamos en la carpeta Cursoweb/gift. Para buscarlo, usamos el icono de selección de archivo en el equipo, en la parte inferior de la derecha, el de la lupa sobre la carpeta.
Al haber metido todo esto en el borde inferior, será copiado automáticamente en todas las páginas.
16.- Una vez que hemos definido las zonas comunes de todas las páginas, podemos dedicarnos a darle contenido a cada una.
Para ello iremos redactando texto e insertando imágenes tal como haríamos con el procesador de textos.
Podemos insertar las imágenes que vienen en la carpeta Cursoweb/fotos: las incluimos con Insertar/Imagen/Desde archivo. Para buscarlo volvemos a usar el icono de Selección de archivo en el equipo, en la parte inferior de la derecha, el de la lupa sobre la carpeta.
También puedes pegar algunos textos que encontrarás en los archivos de texto que vienen en la carpeta Cursoweb/textos. Abre el documento de texto, selecciona la parte que te interese, presiona copiar, y pégalo sobre la página web en FrontPage.
17.- Podemos separar los contenidos de una página con líneas horizontales introducidas con Insertar/Línea horizontal.
18.- Si queremos meter un vídeo, el procedimiento es el mismo que con las fotos: Insertar/Imagen/Vídeo. Podemos buscar un vídeo en Internet.
19.- Volvemos a guardar el sitio. A continuación, vamos a ver el estado de nuestra página. Para ello cambiamos en las solapas inferiores de Vista normal a Vista previa. Navegamos un poco para comprobar el estado de lo que llevamos. Al finalizar la prueba volvemos a Vista normal.
20.- No sería extraño que si has metido distintos bloques de texto, imágenes, rótulos... hayas comprobado que hay partes que se han desplazado y no quedan como habías previsto. La solución más rápida para evitar estos movimientos es crear una tabla y meter los dibujos y textos en las celdas de dicha tabla. Crea la tabla con el menú en Tabla/Insertar tabla.
Para borrar las líneas de la tabla, tenemos que pinchar con el botón derecho sobre la misma y elegir en el menú emergente la opción de Propiedades de tabla. En la casilla de bordes debemos darle un grosor de línea 0.
21.- Pongamos sonido. Para poner un sonido de fondo a cualquiera de las páginas hay que pinchar sobre ella con el botón derecho y seleccionar Propiedades de página en el menú contextual. En la ficha General, bajo Sonido de fondo, escribe en el cuadro Ubicación el archivo de sonido que desees reproducir. Puedes buscar uno con Examinar en Cursoweb/sonidos. Guardamos la página.
23.- Quizá hayas observado que FrontPage no facilita insertar como sonido de fondo un archivo en formato MP3: es lógico puesto que son demasiado grandes para una página web, pero pueden quedar muy bien en documentos HTML guardados en un CD-ROM. Para conseguirlo tenemos que actuar como en el punto anterior, pero con la precaución de seleccionar 'Todos los archivos(*.*)' en el cuadro de diálogo inferior de la ventana de selección de archivos. Así no sólo se nos mostrarán en la lista de archivos posibles, los .wav o .mid, sino también los .mp3. Elige un archivo mp3.
22.- Efectos de transición entre páginas: podemos probar los que nos ofrece el menú Formato/Transición de Página. Para ver el efecto nos vamos a la Vista Previa y navegamos un poco.
Hay que aclarar aquí, que algunos efectos no son visualizados en la vista previa de la misma manera que después se verán con el navegador. Por eso es necesario guardar los archivos y visualizar el sitio web con el Explorer o el Navigator para ver el resultado definitivo.
ÍNDICE EJERCICIOS INFORMÁTICA 
VOLVER