Crear o editar pginas Web

Para crear una nueva pgina, lo haremos creando un documento normal. Ya nos preocuparemos a la hora de guardarlo de hacerlo como una pgina Web. Para editar una pgina ya existente: Si la pgina 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 Abrir con > Microsoft Office Word. Si la pgina est en internet, es decir, no disponemos de ella sino que est alojada en un servidor, deberemos escribir su direccin web completa (por ejemplo www.aulaclic.es/ejemplo.htm) en el cuadro de dilogo Abrir. Lo haremos en la caja de texto donde normalmente se indica el nombre del archivo.

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 formato de Word, y al guardarla, se modificarn.

23.2. Insertar y modificar hiperenlaces

Un hiperenlace (o hipervnculo) puede ser una palabra, frase o grfico. Se caracteriza porque 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, Este 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 o en uno distinto, 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 hacerlo:

Texto. Es el texto que contiene el hiperenlace, puedes seleccionarlo en el documento con lo cual ya aparecer en este campo o escribirlo. En el caso de crear un enlace a partir de una imagen, deberemos seleccionarla antes de hacer clic en el botn de hiperenlace, y veremos que el texto que se muestra es <Seleccin

del documento>.

Vincular a. Aqu tenemos cuatro opciones segn vemos en los cuatro iconos de la parte izquierda:

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, Word2010/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 donde 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. 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 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, como hacer clic en por el

ejemplo mailto:webmaster@aulaclic.com. Al

hiperenlace se abrir el programa de correo del navegador (por ejemplo, Outlook Express) ya preparado para enviar el correo a esta direccin. 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. 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.

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.aulaClic.es, Word genera automticamente un hiperenlace a esa direccin.

Modificar enlaces: 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, donde podemos modificar todas las caractersticas del hipervnculo.

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 la pestaa Archivo y la

opcin Guardar o Guardar como. El proceso ser el mismo, tanto si se trata de una pgina nueva como si queremos guardar un documento de Word como pgina web.

El dilogo Guardar como ya lo conocemos. Lo que debemos modificar es el tipo de archivo, eligiendo Pgina web en el desplegable donde especificamos el tipo:. Podemos elegir varias opciones:

La opcin Pgina web, filtrada, nos dar el mismo resultado que el tipo Pgina web, pero aade menos cdigo a la pgina generada por lo que a menudo se prefiere esta opcin. Si en la pgina hay elementos especiales como imgenes, estas se guardan cada una en un archivo y estos archivos especiales en una carpeta con el mismo nombre que la pgina web. Si elegimos Pagina Web de un slo archiivo, se genera un nico archivo que lleva incorporadas las imgenes, de la misma forma que en el .doc tenemos las imgenes incrustadas dentro del documento, en un archivo .mht las imgenes estarn incrustadas en el documento. Al elegir cualquiera de estos tres tipos de archivo, aparece una caja de texto donde se especifica el Ttulo de la pgina. Para cambiarlo debemos hacer clic en el botn Cambiar 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 ttulo del navegador y en lista de Favoritos, cuando se guarde nuestra pgina en 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, escogiendo el tipo adecuado.

23.4. 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 Firefox 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 envarias 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. 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 incompatibilidades, 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. 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 publicidad. A continuacin te vamos a indicar cmo puedes hacerlo en Espaa, aunque en los dems pases es muy similar.

Obtener espacio gratuito Inscribirse en un sitio que ofrezca servicio de almacenamiento web gratuito

como Multimania o iespaa.

Colocar tus pginas en internet. Una vez hayas elegido el espacio web donde hospedars tus pginas debes seguir las instrucciones que te darn para transferir tus pginas web a su servidor. Normalmente se hace mediante unprograma de transferencia por FTP, como Ws_Ftp, utilizando el usuario, contrasea y DSN que te proporcionen. Una vez accedes vers dos ventanas, una con los ficheros de tu ordenador y la otra con los ficheros en el servidor Web, y 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 la asignen. direccin que Por te

ejemplo.http://members.es.tripod.de/tunombre/tupagina.htm. Si

asignan es larga y complicada puedes utilizar una ms corta mediante una redireccin como la que ofrece CJB.net o bien utilizar un dominio gratuito como los dominios Dot TK.

23.6. Consejos de diseo

Con lo visto hasta ahora ya podramos salir del paso si quisiramos crear una pgina web sencilla y publicarla en internet. Sin embargo, vamos a darte algunos consejos que te resultarn tiles en su diseo. Conviene no hacer las pginas demasiado pesadas, cuanto ms grandes ms tardarn en cargarse y el usuario se puede cansar de esperar e irse a otra pgina. El material grfico y multimedia es el que ms espacio ocupa, por eso no es recomendable sobrecargar las pginas con imgenes de alta resolucin. 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, es decir, para maquetarla. Utilizar formatos grficos que permitan comprimir la imagen como JPG, GIF y PNG. Facilitar la navegacin con ndices o mens, ttulos en cada pgina y flechas para avanzar y retroceder. Esto es fundamental, ya que un sitio web no es ms que un conjunto de pginas y el usuario que la utilice siempre debe saber cmo moverse de una a otra y en qu apartado est situado en cada momento.