Mdulo 13

Pginas Web con Word

2007
Dado el auge que est experimentando Internet es comprensible
que Word incorpore un editor de pginas Web. Por supuesto no se
puede comparar con FrontPage, la herramienta especfica de
Microsoft en este campo, o con otros programas como Dreamweaver
de Macromedia, pero es muy til para empezar a realizar nuestras
primeras pginas Web. Sobre todo dada la posibilidad de convertir
directamente nuestro documento Word en una pgina Web.

En cuanto a las caractersticas de Word respecto de la edicin de

pginas Web cabe resaltar que el lenguaje de construccin de las
pginas web, el HTML, ha sido integrado completamente dentro de
Modulo 13 Paginas Web con Word 2007 2

Word2007. Para nosotros, trabajar en una pgina Web desde Word

ser completamente trasnparente, y lo haremos como con cualquier
documento, sin preocuparnos por el HTML.

TRABAJAR CON UNA PAGINAS WEB

Si queremos crear una nueva pgina, lo haremos como un

documento normal, y ya nos preocuparemos a la hora de guardarlo
de hacerlo como una pgina Web.

Si lo que queremos es editar una pgina existente...

Si la pgna est en nuestro disco duro, podemos buscarla y abrirla

como un documento normal, a travs del dilogo Abrir. O buscar el
archivo, y hacer clic derecho sobre l, y en el men contextual, elegir
Microsoft Office Word en el men Abrir con.

Otra opcin es abrir una pgina directamente desde su servidor.

Para ello, pulsamos en el Botn Office y elegimos Abrir. En la barra

de exploracin, donde aparece la carpeta en la que nos
encontramos, escribimos la direccin Web completa (podemos
copiarla del navegador) y pulsamos Abrir.

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 3

Para trabajar con una pgina web, disponemos de la vista Diseo

Web, en la barra de vistas o en la pestaa Vistas.

A partir de este punto, trabajaremos con la pgina de la forma que

estamos acostumbrados para el resto de documentos.

Luego veremos que por las caractersticas del HTML, una pgina
Web no soporta todos los formatos de Word, y al guardarla, se
modificarn.

INSERTAR HIPERENLACES EN UNA PAGINA WEB

Un hiperenlace (o hipervnculo) es una palabra, frase o grfico que

al hacer clic sobre l saltamos a la pgina web a la que apunta el
hiperenlace. Cuando pasamos el cursor por encima de un
hiperenlace, ste cambia de forma y toma la forma de una mano.

Los hiperenlaces pueden llevarnos a otra parte dentro de la misma

pgina, a otra pgina en el mismo servidor, a otra pgina en otro
servidor, a una direccin de correo electrnico, a un servidor ftp, etc.

Para insertar un hiperenlace ir a la pestaa Insertar,y pulsar el botn

Hipervnculo.

Aparecer un cuadro de dilogo como el que vemos en la imagen,

debemos rellenar el campo Texto y el campo Direccin, veamos cmo
Modulo 13 Paginas Web con Word 2007 4

hacerlo:

Texto.

Es el texto que contiene el hiperenlace, puedes seleccionarlo en el

documento con lo cual ya aparecer en este campo o en otro caso
debers escribirlo ahora.

Si quieres insertar un hiperenlace en una imagen seleccionala antes

de insertar el hipervnculo, vers como aparece <Seleccin del
documento> en este campo Texto.

Vincular a.

Aqu tenemos cuatro opciones segn vemos en los cuatro iconos

de la parte izquierda:

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 5

1.- Archivo o pgina Web existente. En el campo Direccin

escribiremos una direccin completa de Internet (URL) si queremos
enlazar con una pgina de Internet, por ejemplo,
http://www.aulaclic.com/index.htm .

Tambin podemos escribir la direccin de una pgina de nuestro

mismo servidor Web, por ejemplo, tema_14_word.htm, como la pgina
est en nuestro servidor no hace falta indicar la primera parte de la
direccin (http://www.aulaclic.com)

Si la pgina estuviese en otro directorio habra que indicarlo, por

ejemplo, Word2007/tema_14_word.htm.

2.- Lugar de este documento. Utilizaremos esta opcin si queremos

que nuestro hipervnculo nos lleve a un lugar en el mismo documento
en el que nos encontramos. Previamente deberemos haber insertado
en nuestro documento el marcador al que hacemos referencia, esto
se hace colocndose en el lugar donde queremos insertar el
marcador y desde el pestaa Insertar, seleccionar Marcador para que
aparezca un cuadro de dilogo donde escribiremos el nombre del
marcador.

Veremos ms detalladamente el uso de marcadores en los

prximos temas.

3.- Crear nuevo documento. El hiperenlace nos llevar al

documento que vamos a crear en este momento. En el cuadro de
dilogo que aparecer escribir el nombre del archivo nuevo en el
campo Nombre del nuevo documento. En el documento original se
Modulo 13 Paginas Web con Word 2007 6

rellenar el campo Direccin con el nombre de este nuevo

documento, y se cerrar el cuadro de dilogo.

4.- Direccin de correo electrnico. En el campo Direccin

escribiremos una direccin de correo.

En la parte derecha del cuadro de dilogo tenemos unos botones

que vamos a ver ahora.

Info. de pantalla... Al hacer clic aparece este cuadro de dilogo

para que introduzcamos el texto de la sugerencia. Cuando el usuario
coloque el cursor encima del hiperenlace y lo mantenga un cierto
tiempo aparecer un cuadrado amarillo (tooltip) con el texto que
hemos introducido en la sugerencia.

Es una buena forma de dar una explicacin adicional sobre el

contenido del hiperenlace. Slo funcionan con IE 4.0 o superior.

Si queremos que nuestro hiperenlace nos lleve a un archivo,

con este botn podemos elegir ese archivo en nuestro disco. Se abrir
una ventana como la que aparece cuando utilizamos el comando
Abrir archivo.

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 7

Una vez encontrado el archivo pulsar INTRO y se copiar en el

campo Direccin.

Si estamos conectados a Internet, este botn abrir el

navegador para que busquemos la pgina a la que queremos que
nos lleve el hiperenlace que estamos insertando. La direccin (URL) de
la pgina que estemos visitando se copiar en el campo Direccin.

Marcador... Nos muestra los marcadores que contiene la pgina

web que tenemos seleccionada (si es que los tiene). Basta hacer clic
en uno de los enlaces que se nos mostrarn en una ventana como
esta para que el marcador se aada a la direccin de la pgina.
Cuando el usuario pulse en el hiperenlace, el navegador se colocar
en la posicin de la pgina en la que se insert el marcador.
Modulo 13 Paginas Web con Word 2007 8

Marco de destino... Una pgina web puede estar dividida en

marcos o frames, aqu podemos elegir en qu marco queremos que
se abra la pgina apuntada por el hipervnculo

Al hacer clic en este botn se abrir un cuadro de dilogo como el

que ves aqu para que selecciones el marco de destino. Puedes elegir
entre las opciones que ves en la imagen.

Nota: Por defecto, si escribimos una direccin, como por ejemplo

www.Unidata.org, Word genera automticamente un hiperenlace a
esa direccin.

MODIFICAR UN HIPERENLACE

Al seleccionar un elemento que contiene un hiperenlace y pulsar el

botn derecho del ratn aparece la ventana que ves aqu, al elegir la
opcin Modificar hipervnculo se abrir el cuadro de dilogo Insertar
Hipervnculo, que acabamos de ver en el punto anterior y en el que
podemos modificar todas las caractersticas del hipervnculo.

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 9

GUARDAR LA PGINA

Si partimos de un documento en blanco, este no ser realmente

una pgina Web hasta que no lo guardemos como tal. Y si hemos
abierto una pgina directamente desde su servidor, deberemos
guardarla en nuestro disco duro para salvar los cambios.

Para guardar el documento, basta con pulsar el Botn Office y la

opcin Guardar o Guardar como.
Modulo 13 Paginas Web con Word 2007 10

El dilogo Guardar como ya lo conocemos. Lo que debemos

modificar es el tipo de archivo, eligiendo Pagina Web en el
desplegable Guardar como tipo:.

Al elegir este tipo de archivo, aparece el botn Cambiar ttulo.

Pulsando sobre l aparecer un cuadro de dilogo, como el que

ves aqu, en el que introducir el ttulo. Este ttulo no tiene nada que ver
con el nombre del documento Web que damos cuando guardamos
nuestro archivo. Aqu nos referimos al propio ttulo de la pgina Web.
Este ttulo es el que se ver en la barra de direcciones y en lista de
Favoritos desde un navegador, (cuando se guarde nuestra pgina en

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 11

Favoritos), y tambin el ttulo que se suele ver cuando un buscador

lista nuestra pgina.

Pulsando en el botn Herramientas, encontramos las Opciones

Web, donde podremos elegir algunas opciones ms avanzadas sobre
la web.

Nota: Del mismo modo, podemos guardar una pgina Web en un

formato de documento de Word.

CONVERTIR A HTML

Cuando guardamos el documento, Word lo convierte a HTML, pero

hay algunas caractersticas de formato que no estn disponibles en
HTML y, por lo tanto, no sern visibles al ver la pgina en un
navegador como Internet Explorer, Mozilla o Netscape Navigator.

Por ejemplo, las letras en relieve, los efectos sobre caracteres, el

doble tachado y el contorno no tendrn ningn efecto sobre los
caracteres en HTML, es decir, que en HTML estas caractersticas de
formato desaparecen.

Hay otras caractersticas de formato que varan de aspecto en

HTML, por ejemplo, todos los estilos de bordes de las tablas y cuadros
de texto son vistos en HTML como borde simple; el texto en varias
columnas es convertido en una sola columna; las notas al pie son
desplazadas hasta el final de la pgina HTML; la alineacin de los
grficos y tablas respecto al texto tambin puede variar ligeramente;
el texto en vertical es convertido en texto horizontal.
Modulo 13 Paginas Web con Word 2007 12

Por ltimo, hay algunos elementos que desaparecen en HTML, por

ejemplo, los nmeros de lnea, los encabezados y pies de pgina y los
mrgenes de la pgina.

Si surge alguna de estas incopatibilidades, Word nos lo comunicar

en un mensaje.

PUBLICAR EN INTERNET

Una vez tenemos acabada nuestra pgina Web podemos

publicarla en Internet y podr ser vista desde cualquier parte del
mundo. Slo tienes que seguir los pasos que te vamos a indicar, sin
gastarte un duro. As de sencillo.

Para que tu pgina se vea desde internet simplemente tiene que

estar almacenada en un servidor de internet.

Cualquiera puede tener un servidor de Internet, slo hace falta un

ordenador, una direccin IP fija, una conexin telefnica y un
software adecuado, como el servidor Apache que adems es
gratuito. Esto explica el gran crecimiento inicial de Internet. Han
surgido miles de servidores que comparten su informacin por el
simple gusto de aprender y ensear. Y muchos ms que esperan
hacer negocio en la red.

De todas formas, crear un servidor es bastante ms complicado de

lo que vemos en este curso. Sin embargo hay una forma mucho ms
fcil de publicar en Internet: basta utilizar los servicios gratuitos que
ofrecen algunos servidores comerciales, a cambio de un poco de

Centro de Computacin
Modulo 13 - Paginas Web en Word 2007 13

publicidad. A continuacin te vamos a indicar cmo puedes hacerlo

en Espaa, aunque en los dems pases es muy similar.

Obtener espacio gratuito. Hay dos alternativas.

1. Inscribirse en un sitio especializado en ofrecer espacio gratuito

como Lycos-Tripod, Geocities, iespaa, Pobladores, etc,

2. Utilizar el espacio gratuito que suelen ofrecer los proveedores de

internet como Tiscali, Inicia, Telpolis, WorldOnLine, Jazzfree,
Navegalia, Terra, etc.

Colocar tus pginas en internet.

Una vez hayas elegido el sitio web que hospedaras tus pginas
debes seguir las instrucciones que te darn para transferir tus pginas
web a su servidor. Normalmente se hace mediante un programa de
transferencia por FTP, por ejemplo Ws_Ftp, a partir del usuario,
password y DSN que te proporcionen tendrs dos ventanas, una con
los ficheros de tu ordenador y la otra con los ficheros en el servidor
Web, mediante unos botones podrs pasar los ficheros de un lado al
otro. As de fcil.

A partir del momento en que transfieras tus ficheros ya podrs ver

tus pginas en internet tecleando la direccin (URL) que te asignen.
Por ejemplo. http://members.es.tripod.de/tunombre/tupagina.htm
Modulo 13 Paginas Web con Word 2007 14

Si la direccin que te asignan es larga y complicada puedes utilizar

una ms corta mediante una redireccin. Hay sitios que hacen esto
gratuitamente como redireccion.com

DISEO

Vamos a esbozar algunas consideraciones sobre el diseo de

pginas web.

Conviene no hacer las pginas demasiado grandes, cuanto ms

grandes ms tardarn en cargarse y el usuario se puede cansar de
esperar e irse a otra pgina. Entre 20 y 30 Kb. es un buen tamao.

Hay que tener en cuenta que la ventana del navegador puede

cambiar de tamao segn el monitor con que se est visualizando la
pgina web. Es mejor utilizar dimensiones relativas (en porcentaje)
que absolutas (en pixels).

Conviene utilizar tablas para contener las diferentes partes de la

pgina y lograr que se siten en el sitio que ms nos interese.

Utilizar formatos grficos que permitan comprimir la imagen como

JPG, GIF y PNG.

Facilitar la navegacin con ndices y flechas para avanzar y

retroceder.

Centro de Computacin