Guía 2- Paginas Web

download Guía 2- Paginas Web

of 4

Transcript of Guía 2- Paginas Web

  • 7/29/2019 Gua 2- Paginas Web

    1/4

    COLEGIO SAN JORGECdigo GAPP20-2

    Versin 02

    GUA # 2Pgina 1 de 4

    Nombre del estudiante:

    Nombre del Docente: Juliana Toro Arias Grupo: Sptimo

    Pretexto: Pginas Web con Microsoft Word

    Asignatura: TIC

    Competencias: Identifica y usa herramientas tecnolgicasIndicadores de logros: Reconoce las funciones de Microsoft Word para el desarrollo de pginas Web mediantela creacin de una pgina sencilla.

    k

    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 deMicrosoft 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 directamentenuestro 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

    - 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 lahora 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 estepunto, trabajamos con la pgina de la forma que estamos

    acostumbrados para el resto de documentos.

    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

  • 7/29/2019 Gua 2- Paginas Web

    2/4

    TEXTO. Es el texto que contiene el hiperenlace, puedes seleccionarlo en el documento con lo cual ya apareceren 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 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 unlugar en el mismo documento en el que nos encontramos. Previamente deberemos haber insertado en nuestrodocumento 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 dilogodonde escribiremos el nombre del marcador.

    3. Crear nuevo documento. El hiperenlace nos llevar al documento que vamos a crear en este momento. En elcuadro 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 porejemplo [email protected]. 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 apareceeste 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 cuadradoamarillo (tooltip) con el texto que hemosintroducido en la sugerencia.Es una buena forma de dar una explicacin

    adicional sobre el contenido del hiperenlace. Slofuncionan con IE 4.0 o superior.

    MARCADOR: Nos muestra los marcadores que contiene la pgina web que tenemos seleccionada (si es quelos tiene). Basta hacer clic en uno de los enlaces que se nos mostrarn en una ventana como esta para que elmarcador 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 InsertarHipervnculo, que acabamos de ver en el punto anterior y en el quepodemos modificar todas las caractersticas del hipervnculo.

  • 7/29/2019 Gua 2- Paginas Web

    3/4

    GUARDAR LA PGINA

    Si partimos de un documento en blanco, este no ser realmente una pgina Web hasta que no lo guardemoscomo 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 guardamosnuestro 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 opcionesms 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 losgrficos 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.

  • 7/29/2019 Gua 2- Paginas Web

    4/4

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

    1. Cul es el nombre del lenguaje de construccin de pginas Web que viene incluido en Microsoft Word?2. Qu es un hiperenlace o hipervnculo?3. A dnde pueden llevarnos los hiperenlaces o hipervnculos?4. 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 lapgina 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.

    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 aqu4. 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.coEn el cuadro Texto aparecer la palabra aqu, si no es as es porque no la habas seleccionado antes.6. PulsaAceptar.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, noes un mal ttulo, pero para practicar vamos a cambiarlo por este Pagina EJEMPLO.11. Clic enAceptar.12. Clic en Guardar.13. Ya tenemos nuestra pgina web. Para verla como si la tuviramos en Internet, ve al Explorador deWindows 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.

    Crea un nuevo documento en el que incluyas las siguientes caracterstica:

    1. Escoge un tema y colcaselo al documento2. Busca una imagen referente al tema que escogiste y pgala en el documento3. 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 deinternet relacionada con el tema. Cuando lo hagas, usa el botn "Info. enpantalla..." y coloca una descripcin de la imagen, la cual podamos leer al colocarel curso del mouse sobre ella.

    5. Guarda el documento como una Pgina Web.

    www.aulaclic.es

    www.eduteca.org

    www.neoteo.com