1

Facultad De Filosofa Letras Y Ciencias De La Educacin

Extensin Samborondn

Computacin


Integrantes:

Docente:


Curso:


Ao Lectivo



2

Unidad 23. Pginas web con Word (I)

Microsoft dispone de un programa llamado Expression Web que est especialmente
diseado para crear pginas web, pero su utilizacin requiere un cierto nivel de
especializacin en el campo. Ante el poco xito de Expression Web, Microsoft ha
decidido parar su desarrollo en la versin 4 y dejarlo para su descarga gratuita.

Dado que una pgina web, en el fondo, no es ms que texto, Word incorpora un editor
de pginas Web bsico para aquellos usuarios que necesiten publicar contenido en
internet de una forma sencilla. Esto nos permite transformar un documento de Word en
una pgina en lenguaje HTML sin conocimientos previos de programacin o diseo. En
esta unidad descubrirs lo fcil que es.

23.1. 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 > Word.
Puede ocurrir que Word no pueda abrir la pgina HTML por algn problema con el
contenido. Por ejemplo, como se ve en la siguiente imagen, si usa DTD. En estos casos
hay que eliminar la instruccin que impide el acceso.

No se puede abrir











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.
3


Luego veremos que, por las caractersticas del HTML, una pgina Web no soporta todos
los formatos 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, pulsar el botn Vnculo, y luego
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:

INSERTAR HIPERVNCULO

















4

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 por ejemplo mailto:webmaster@aulaclic.com. Al hacer clic en el
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.

Informacin De Pantalla
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.
5


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.

SELECCIONAR LUGAR DEL DOCUMENTO

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.

ESTABLECER MARCO

Nota: Por defecto, si escribimos una direccin, como por ejemplo www.aulaClic.es,
Word genera automticamente un hiperenlace a esa direccin.










6

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.























UNIDAD 23. PGINAS WEB CON WORD (II)

23.3. 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:






7


Desplegable Guardar como

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 pgina Web de un slo archivo, 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 .htm 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.

























ESTABLECER 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.

8

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 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.

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.

Para practicar lo visto hasta ahora realiza los ejercicios Crear una pgina web y Convertir
documento maestro a web.


UNIDAD 23. PGINAS WEB CON WORD (III)

23.5. 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 a la red y un software adecuado, como el servidor Apache
9

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 tiene cierta complejidad y se sale del mbito de este
curso, adems necesitaras una conexin permanente a Internet y un ordenador con el
servidor web en funcionamiento las 24 horas del da. S es ms accesible instalar en
servidor local como WAMP, en el curso de Dreamweaver de aulaClic lo tienes
explicado.

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 Google
Sites o Galen

PROVEEDORES DE ACCESO

Cuando contratas un servicio de conexin a Internet a travs de un proveedor, suelen
ofrecer de forma gratuita un espacio web en sus servidores. Por ejemplo ya.com, Orange,
Telefnica, etc. Si ya tienes contratada una conexin a Internet, revisa las condiciones
porque probablemente tienes derecho a un espacio gratuito en el servidor.

SERVIDORES DE PAGO

Si quieres tener un lugar ms profesional donde colocar tus pginas o las de tu empresa
puedes utilizar los servicios de empresas especializadas que por menos dinero de lo que
piensas te ofrecen muchos servicios, prueba a visitar Arsys , Acens o Alojalia y ver sus
condiciones y tarifas.

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 un programa de transferencia por FTP, como Ws_Ftp, utilizando el
usuario, contrasea y DSN que te proporcionen. Los proveedores tambin suelen
proporcionar ftp via web, fcil de usar y sin tener que instalar nada en tu ordenador. 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 asignen. Por ejemplo.
http://members.es.tripod.de/tunombre/tupagina.htm. Si la direccin que te asignan es
larga y complicada puedes utilizar una ms corta mediante una redireccin como la que
ofrecen algunos sitios web gratuitamente o bien utilizar un dominio gratuito como los
dominios Dot TK.
10


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). Y an mejor utilizar tcnicas de diseo
web fluido o adaptativo.

Conviene utilizar etiquetas DIV 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.















11

EVALUACIN 23: PGINAS WEB CON WORD

Slo una respuesta es vlida por pregunta. Haz clic en la respuesta que consideres
correcta.
Contesta todas las preguntas y haz clic en el botn Corregir para ver la solucin.
Si pulsas Restablecer podrs repetir la evaluacin.



1. Qu es un editor de pginas web?
a) Un programa que permite crear y modificar pginas web.
b) Un glosario de ayuda en HTML para crear pginas web.
c) Un visor para navegar por las pginas web y modificar cualquier pgina
publicada.
d) Un asistente Word con los formatos que son compatibles con la web y los
que no lo son.
2. Es Word un editor de pginas web?
a) No, no sirve para eso. Para editar webs debemos utilizar Frontpage.
b) No est pensado para ello, pero est adaptado y posee algunas funciones
que permiten que se utilice con ese fin.
c) S, es el principal editor de pginas web de Microsoft.
3. Al pasar documentos Word a pginas web no se pierde ninguna caracterstica.
a) Verdadero.
b) Falso.
4. La vista adecuada para visualizar una pgina web en Word es...
a) Diseo web.
b) Navegador web.
c) Diseo de impresin.
d) Vista de internet.
5. Qu cuesta y quin puede poner nuestras pginas web en Internet?
a) Es algo slo al alcance de empresas o de personas con conocimientos
avanzados de informtica.
12

b) Puede hacerse gratis y lo puede hacer cualquiera con un mnimo de
conocimientos informticos. Las pginas se podrn ver en todo el mundo.
c) Puede hacerse gratis y lo puede hacer cualquiera con un mnimo de
conocimientos informticos. Las pginas slo se podrn ver en tu pas.
6. Word nos permite escribir una pgina web sin saber nada de HTML.
a) Verdadero.
b) Falso.
7. Un enlace o hiperenlace puede estar en...
a) Un texto.
b) Una imagen.
c) A y B son ciertas.
d) A y B son falsas.
8. Cul es el destino de un hiperenlace?
a) Siempre otra pgina.
b) Otra pgina o bien otro lugar dentro de la misma.
c) Siempre en la misma pgina.
9. Cmo se crea una pgina web con Word?
a) Se crea un documento normalmente y se guarda especificando como
tipo Pgina web (*.htm, *html). Luego podremos decidir dnde publicarla.
b) Se crea un documento normalmente y se guarda como Word, pero luego
se publica en un servidor de internet a travs del FTP que nos indique el proveedor.
10. Qu es importante tener en cuenta a la hora de crear una pgina web?
a) Que no ocupe demasiado para que se cargue rpidamente.
b) Que tenga enlaces y mens que faciliten la navegacin, permitiendo al
usuario saber siempre en todo momento dnde est y cmo llegar a los distintos
apartados.
c) A y B son ciertas.
d) A y B son falsas.