cf7ñupiy

1. INTRODUCCIÓN
Vamos a imaginar que en nuestro colegio hemos hecho un proyecto muy interesante y queremos difundirlo. Lo
tenemos hecho en formato Word, y contiene fotografías, dibujos y textos.
En teoría, podríamos meter nuestro documento en un ordenador conectado a Internet para que estuviera al alcance
de todo el mundo. Lo podríamos hacer en un ordenador cualquiera del colegio o de nuestra casa (no viene a cuento,
pero hay formas de hacerlo). No obstante nos encontraríamos con los siguientes problemas:
Nuestro documento no tiene un formato apropiado para ser visto en pantalla. El programa Word está pensado para
hacer documentos imprimibles.
El documento es muy largo, y la gente tiene que pasar páginas y páginas buscando lo que quieren.
¡¡Algún graciosillo nos ha hecho cambios en el documento!! Y no sabemos quién ha sido.
El ordenador está que echa humo, porque nuestro proyecto se ha hecho muy famoso y siempre hay cientos de
personas intentando verlo a la vez.
Para evitar todos estos problemas se han inventado las páginas web. Hasta cierto punto se parecen a los documentos
de Word. Incluso veremos que el FrontPage (programa usado para hacer páginas web) se parece bastante al Word.
No obstante, las páginas web tienen estas características especiales:
1. Su formato está pensado específicamente para ser visto en pantalla.
2. Su formato está basado en lo que se llama el hipertexto. Esto significa que no es necesario seguir el documento
de forma lineal, sino que hay unos enlaces (llamados hipervínculos) que nos llevan de unas partes a otras del
documento, incluso de unas páginas a otras.
3. No pueden ser modificados por los usuarios, salvo las páginas preparadas para ello.
4. Las páginas web se publican en servidores, que son básicamente ordenadores con una capacidad y un ancho de
banda suficiente para atender a muchos usuarios simultáneamente.

2. FUNDAMENTOS BASICOS
• Vamos a empezar aclarando conceptos para evitar confusiones.
• Llamaremos sitio web a una publicación en Internet por una empresa o un particular. Por
ejemplo, www.jcyl.es es el sitio web de la Junta de Castilla y León, www.google.com es un sitio web
que nos ayuda a buscar en Internet lo que queremos, etc.
• Un sitio web se compone normalmente de muchas páginas web. Por ejemplo, el sitio web
de un colegio puede tener una página inicial de presentación, una dedicada a proyectos, una de
servicios extraescolares, una de fotografías, etc.
• Cada página web es un archivo, que se transmite a través de las líneas telefónicas desde
el servidorhasta los usuarios, cuyo ordenador mostrará en pantalla el contenido del mismo. Las
páginas web suelen ser archivos con la extensión .htm o .html. También existen otras, como
son .asp o .php, pero esto son otros tipos de código que no trabajaremos con el FrontPage.
• En un sitio web se terminan juntando cientos de archivos: archivos .html (las páginas web
propiamente dichas), archivos .jpg y .gif (imágenes), archivos .pdf (documentos para imprimir),
archivos .wav y .mid(sonidos) e incluso archivos .wmv, .avi o .mpeg (videos).
•
• ¿Pero qué es todo esto de html, jpg y demás cosas raras? ¿Las páginas web no eran siempre
punto com?
• Lo que termina en .com (también puede ser .es, .net, ...) es el dominio. Un dominio es como una
“marca registrada” en Internet. Es decir, que si yo registro el dominio www.micolegio.com,
solamente yo podré publicar páginas web dentro de ese dominio.

3. CREAR UN SITIO WEB
• 1. En el menú Archivo, hacer click en Nuevo:
• 2. A la derecha nos sale un panel de tareas donde seleccionaremos Sitio Web de Una Página:
• 3. A continuación nos sale una ventana como esta: Aquí podemos elegir una plantilla para
hacer nuestro sitio web, en el caso de que alguno de los modelos se adapte a nuestras
intenciones. Normalmente no será así, por lo que elegiremos Sitio Web de una página. A
continuación tenemos que especificar la ubicación del nuevo sitio web (en que parte de nuestro
ordenador lo vamos a guardar), para lo cual pincharemos en examinar.
• 4. A continuación nos sale esta ventana, donde tenemos que seleccionar la carpeta donde
guardaremos el nuevo sitio web. Entonces pincharemos en , y dentro de Mis documentos,
haremos una carpeta nueva pinchando en el icono . Entonces nos saldrá la ventanita donde
solo tendrEmos que introducir el nombre de la carpeta y darle a aceptar y luego a abrir y ya
está.
• Una vez creado el sitio web, esto es lo que vamos a ver. En el panel blanco de la izquierda se
muestra la lista de carpetas . Como podemos ver, hay una carpeta _private , donde se
almacenan archivos que no van a estar accesibles al público, y una carpeta images , donde
guardaremos las imágenes para que no estén mezcladas con el resto de archivos.
También podemos ver que se nos ha creado nuestra primera página: index.htm. Esta va a ser
nuestra página principal. Por supuesto, ahora está en blanco. Nuestra siguiente labor será crear
nuestras propias carpetas y páginas, y después llenarlas de contenido.

4. CREAR CARPETAS
• n la parte izquierda del frontpage tenemos un recuadro blanco que es
la lista de carpetas. Inicialmente sólo nos saldrán la carpeta general (esa
que pone C:/ y no sé qué mas) y las carpetas private e images :
• Tenemos que pinchar en la carpeta general con el botón secundario del
ratón (el derecho). Entonces nos sale un menú contextual donde
seleccionaremos Nueva > Carpeta.
• Entonces nos aparece la nueva carpeta en la lista de carpetas. Mientras
tiene el cursor parpadeante, podemos ponerle el nombre que queramos y
luego pulsar la tecla intro . También podremos cambiar el nombre
posteriormente.
• Si queremos crear una carpeta dentro de otra, seguiremos el mismo
proceso salvo que empezaremos pinchando con el botón derecho del
ratón en la carpeta dentro de la cual queremos crear una nueva.

5. PROPIEDADES DE PAGINAS
• ez que creamos una página nueva, lo primero que conviene hacer es ajustar sus propiedades. Para
ello:
• 1. Abrimos la página haciendo doble click sobre ella en la lista de carpetas que aparece a la
izquierda. La página se nos muestra a la derecha, lo que pasa es que de momento está en blanco.
• 2. Una vez que la página está abierta (lista para trabajar en ella), vamos al menú Archivo y
pinchamos en propiedades:
•
• 3. Nos sale una ventana en la que tenemos que introducir:Título: Es el que se va a mostrar en la
parte superior del navegador de quienes visiten esta página. También aparecerá como título de
nuestra página en los buscadores (google, yahoo, msn, etc.)
• Descripción de la página: también aparecerá en algunos buscadores, debajo del título.
• Palabras clave: las utilizan algunos buscadores para identificar los temas principales de nuestra
página. No hay que abusar de las palabras clave, o nos podrán penalizar (si ponemos demasiadas).
• Ya solo nos queda pinchar en Aceptar.
• Es importante hacer esto con cada una de las páginas de nuestro sitio web.

6. IMÁGENES DE FONDO
•
• 1. Color de fondo
• Podemos elegir el color de fondo de una página web siguiendo estos pasos:
• Vamos al menú Formato y seleccionamos Fondo.
Nos sale la siguiente ventana:
• Aquí podemos elegir el color de fondo.
• 2. Imagen de fondo
• En la misma ventana de antes podemos elegir una imagen de fondo, en vez de un color de fondo. Normalmente
se utilizan imágenes pequeñas, en formato gif o jpg. Tenemos que tener en cuenta que la imagen que elegimos,
aunque sea pequeña, no se va a aumentar hasta llenar la pantalla, sino que se va a repetir indefinidamente en
forma de mosaico, como si fueran azulejos.
Vamos a ver algunas muestras:
•
• Pincha en las imágenes para ver cómo queda una página web con esa imagen de fondo.
En internet podemos encontrar cantidad de fondos para páginas web. Por ejemplo:
• http://www.graphicsbydezign.com/backgrounds.htm
http://www.webpersonal.net/fym/fondos_web.htm
http://www.zonagratuita.com/a-disenio/fondos_web_gratis.htm
• Cuando encontramos en internet una imagen que nos gusta, tenemos que pinchar sobre ella con el botón
derecho del ratón y seleccionar Guardar imagen como... y guardarla dentro de nuestro sitio web,
preferiblemente en la carpeta images.

7. INTRODUCIR TEXTO
• Introducir texto en Frontpage es básicamente igual que en el Word, pero
conviene tener en cuenta un par de aspectos:
• - No podemos (no debemos) elegir el tipo de letra que más nos guste.
Hay que tener en cuenta que los usuarios solamente podrán ver la página
tal como la hemos diseñado en el caso de que tengan instalada en su
ordenador la fuente que hemos utilizado. De lo contrario, su ordenador
mostrará la página con cualquier otra fuente y los resultados pueden ser
muy malos (puede aparecer todo descolocado, al ser un tamaño
diferente). Por esto, en las páginas web se utilizan solo las fuentes más
comunes, como son: Arial o Times New Roman. Un consuelo: para los
niños podemos utilizar la Comic Sans sin miedo. La tiene todo el mundo.
• - La tecla Enter realiza un salto de párrafo, equivalente a dos líneas. Si
queremos un salto de línea simple, tenemos que pulsar la tecla
de mayúsculas + la tecla Enter.

8. INSERTAR TABLA
• Las tablas se utilizan muchísimo en las páginas web, lo que pasa es que normalmente son
invisibles. Se utilizan para organizar y distribuir los elementos de la página en el espacio:
colocar un texto en varias columnas, poner un texto a la derecha de una fotografía, etc.
Para comprender todo el potencial que nos ofrecen las tablas tenemos que tener en cuenta
estas características:
- Dentro de las celdas de la tabla se pueden introducir todo tipo de elementos: texto,
imágenes, etc.
- Se pueden establecer propiedades diferentes para cada una de las celdas (un fondo
diferente, por ejemplo)
- Se puede insertar una tabla dentro de otra.
- Se pueden combinar celdas para adaptar el diseño a nuestras necesidades.
- Se pueden hacer tablas "invisibles": basta con poner Tamaño del borde = 0. Estas tablas
"invisibles" se utilizan muchísimo.
• 2.1. Insertar una tabla
• Podemos insertar una tabla si vamos al menú Tabla y dentro de él seleccionamos insertar >
tabla