COLEGIO SAN JORGE GUA # 2

Nombre del estudiante: Nombre del Docente: Juliana Toro Arias Grupo: Sptimo Pretexto: Pginas Web con Microsoft Word Asignatura: TIC Competencias: Identifica y usa herramientas tecnolgicas Indicadores de logros: Reconoce las funciones de Microsoft Word para el desarrollo de pginas Web mediante la creacin de una pgina sencilla.

Versin Pgina

Cdigo

GAPP20-2 1 de 4 02

PAGINAS WEB CON MICROSOFT WORD

A. VIVENCIA

Dada la revolucin de la 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, 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. 1. 2. Escribe con tus propias palabras Qu es una pgina Web? 3. Enumera las 5 pginas Web que ms te gustan

B. FUNDAMENTACIN CIENTFICA
-

INSERTAR HIPERENLACES EN UNA PGINA 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 siguiente imagen. Que tiene varios campos y botones que es necesario conocer, estos son: TEXTO, VINCULAR A, INFO EN PANTALLA

El lenguaje de construccin de las pginas web, el HTML, ha sido integrado completamente dentro de Word, por lo cual, trabajar en una pgina Web desde Word ser completamente transparente, y lo haremos como con cualquier documento, sin preocuparnos por el HTML. 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. 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, trabajamos con la pgina de la forma que estamos acostumbrados para el resto de documentos.

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 seleccinala 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:

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.google.com.co. 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. 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 profesanjorge@gmail.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.

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.

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.

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.

GUARDAR LA PGINA

Si partimos de un documento en blanco, este no ser realmente una pgina Web hasta que no lo guardemos como tal. Para guardar el documento, basta con pulsar el Botn Office y la opcin Guardar o Guardar como.

Lo que debemos modificar es el tipo de archivo, eligiendo Pagina Web (*.htm; *. html) en el desplegable 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 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 Google Chrome.

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.

C. ACTIVIDADES DE PRCTICA
1. 2. 3. 4.

Escribir y responder las siguientes preguntas en el cuaderno de acuerdo a lo explicado anteriormente

Cul es el nombre del lenguaje de construccin de pginas Web que viene incluido en Microsoft Word? Qu es un hiperenlace o hipervnculo? A dnde pueden llevarnos los hiperenlaces o hipervnculos? En el dialogo que aparece al presionar el botn hipervnculo de la pestaa Insertar, aparecen cuatro opciones. Explique el funcionamiento de cada una de ellas. 5. Cul es el tipo de archivo que debemos escoger para guardad nuestro documento como una pgina Web? 6. Qu caractersticas de formato no estn disponibles en HTML y, por lo tanto, no sern visibles al ver la pgina en un navegador como Internet Explorer, Mozilla o Google Chrome.? 7. Qu caractersticas de formato varan de aspecto en HTML? Vamos a crear una pgina web muy sencilla. Slo tendr un texto, un hiperenlace y un ttulo de pgina web. Esta actividad debes presentarla al profesor durante la clase.

D. ACTIVIDADES DE APLICACIN

Estos son los pasos a seguir: 1. Primero hay que abrir un Nuevo documento. 2. Escribe el siguiente texto: Mi primera pgina web. Al pulsar aqu, irs a la pgina del buscador Google 3. Ahora crearemos el hiperenlace Selecciona la palabra aqu 4. Hacer clic en el botn Hipervnculo de la pestaa Insertar, 5. Aparecer el cuadro de dilogo Insertar Hipervnculo, en el campo Direccin escribir: http://www.google.com.co En el cuadro Texto aparecer la palabra aqu, si no es as es porque no la habas seleccionado antes. 6. Pulsa Aceptar. 7. Ahora hay que guardar la pgina web, para ello haz clic en Botn Office, Guardar. 8. Escribe el nombre del archivo, por ejemplo, pagina1. 9. En Guardar como tipo elige: Pgina Web. 10. Vamos a cambiar el ttulo de la pgina web, para hacerlo haz clic en el botn Cambiar ttulo... Como ttulo provisional aparecen las primeras palabras del documento, en este caso Mi primera pgina web, no es un mal ttulo, pero para practicar vamos a cambiarlo por este Pagina EJEMPLO. 11. Clic en Aceptar. 12. Clic en Guardar. 13. Ya tenemos nuestra pgina web. Para verla como si la tuviramos en Internet, ve al Explorador de Windows o a Mi PC y haz doble clic en el archivo pagina1 que acabamos de crear. Vers cmo se arranca el navegador de tu ordenador con nuestra pgina web. Si haces clic en el hipervnculo aqu se arrancar el buscador Google (siempre que ests conectado a Internet en ese momento). Desarrolla la siguiente actividad y presntala durante la clase.

E. PROFUNDIZACIN

Crea un nuevo documento en el que incluyas las siguientes caracterstica: 1. Escoge un tema y colcaselo al documento 2. Busca una imagen referente al tema que escogiste y pgala en el documento 3. Crea un hipervnculo con una de las palabras del ttulo que nos lleve a una pgina de internet relacionada con el tema. 4. Selecciona la imagen que pegaste y con ella crea un hipervnculo a otra pgina de internet relacionada con el tema. Cuando lo hagas, usa el botn "Info. en pantalla..." y coloca una descripcin de la imagen, la cual podamos leer al colocar el curso del mouse sobre ella. 5. Guarda el documento como una Pgina Web.

Agradece por un nuevo da Por un nuevo despertar

BIBLIOGRAFA

www.aulaclic.es www.eduteca.org www.neoteo.com