, se llama Vista previa en el programa explorador. CURSO DE EDICIÓN DE WEBS DIDÁCTICAS. DÍA
1
Por © Rafa Mellado, Jefe del Departamento de Nuevas Tecnologías de
CLIC-International House Sevilla.
Objetivos: En esta sesión vamos a aprender a elaborar y diseñar una
página web a la que incorporaremos diferentes elementos multimedia: imágenes,
animaciones, sonido, enlaces a otras páginas o dentro de la misma página, al correo
electrónico y a otra parte de la página, y campos para completar. Todo ello tiene como
objetivo final la creación de una actividad para realizar a través Internet.
Para ver un ejemplo de las posibilidades que ofrecen las
últimas teconologías en la edición de materiales, haz clic aquí y recorre la
actividad.
PRIMEROS PASOS
En el el centro del escritorio encontrarás
tres iconos de: Internet Explorer, Front Page
(editor de páginas web) y una carpeta llamada Formación donde
guardarás todos los archivos que vayas a utilizar para tu página.
Abrimos el Editor de Front Page. Se abrirá una página en blanco
y ya podéis empezar a trabajar. El formato es como el de un procesador de textos. Podéis
cambiar el tipo y tamaño de fuente, cambiar el color de la fuente, el del fondo...
Practicad un poco con esto.
Para visualizar vuestra web
habréis de hacerlo en el Internet Explorer, pero para ello es muy importante que siempre
guardéis la página web antes de verla. La guardáis en vuestra carpeta de FORMACIÓN,
y le ponéis vuestro nombre sin mayúsculas, ni espacios, ni tildes, ni otros
signos. Para verla, hacéis
clic en este iconito del editor , se llama Vista previa en el programa explorador.
Cómo navegar con más de una página o aplicación
En el Internet Explorer para trabajar con más
comodidad es muy práctico tener más de una página de Internet abierta. Para ello, una
vez abierto el navegador, teclea Control+N (Control+U en
las más recientes versiones del Internet Explorer) y se abrirá otra página, así
podrás ver dos páginas simultáneamente. Para cambiar de una a otra trabaja con la barra
inferior de la pantalla o bien pulsando Alt y el tabulador
(situado encima de la tecla Bloq Mayús). De esta forma nos permite
alternar entre diferentes aplicaciones que tengamos abiertas.
Para este curso es MUY importante no perder de vista
las instrucciones, por ello tendréis que tener varias páginas abiertas.
Es bueno renombrar la imagen una vez la tenemos guardada en la carpeta con un nombre que permita identificar la imagen y que no tenga ni mayúsculas, ni espacios, ni tildes, ni otros signos.
¿Dónde encontrarla?
Busca una animación en www.animaniacos.com.
También puedes encontrar animaciones en casi cualquier página web. Cualquier
cosa que se mueva es una animación (prueba en www.elpais.es,
siempre encontrarás alguna).
¿Cómo? Como con las imágenes de
Internet. Haz clic con botón derecho del ratón sobre una animación, luego Guardar
imagen como... Guardarla en tu carpeta. Dale un nombre que la identifique y que no tenga ni
mayúsculas, ni espacios, ni tildes, ni otros signos. Para pasarla a Front Page: Insertar-Imagen, la buscas en
tu carpeta y haces doble clic sobre el archivo a insertar.
La imagen sólo se moverá si visualizas la página
web con el Explorer. No se moverá si estás en Front Page.
Cómo
insertar un campo de formulario
Esto es un cuadro de texto de una línea:
Esto es un cuadro de texto con desplazamiento:
Nos permiten escribir en la misma página web; existen
varios campos de formularios, los puedes encontrar en Insertar-Campo de
formulario-Cuadro de texto de una línea (o Cuadro de texto con
desplazamiento). El primero para escribir en una sola línea, para escribir
palabras, y el segundo para escribir un texto tan largo como queramos. Una vez lo
seleccionamos borramos las casillas de Enviar y Restablecer.
Podemos agrandarlos como si fueran imágenes.
Sólo podrás escribir en el cuadro
si estás en el Explorer, nunca en Front Page.
Hipervínculo a una página web
Un hipervínculo es una palabra o imagen que está enlazada con una página web. Se caracterizan por estar subrayadas o marcadas y por aparecer una manita sobre ellas cuando pones el puntero.
Marcar la palabra o la imagen que nos llevará a otra
página de Internet. Luego: Insertar-Hipervínculo o Control+D
o con el símbolo 
. Escribimos la dirección de la
página web donde dice Dirección URL
y damos a aceptar. Ya está. La palabra aparecerá subrayada en azul indicando que está
hipervinculada. Si escribimos una dirección de Internet con www o con http:// siempre
se hipervinculará automáticamente.
Sólo funcionará el
hipervínculo si estás en el Explorer nunca en Front Page.
Hipervínculo a una dirección de correo electrónico
Un hipervínculo a
una dirección de correo es una palabra a la que pinchas y se abre un mensaje con
una dirección que nosotros determinemos. Es muy práctico para enviar instantáneamente
un mensaje. También se caracterizan por estar subrayadas y por aparecer una manita sobre
ellas cuando pones el puntero.
Marcar la palabra deseada (suele ser una referencia al correo electrónico o el
nombre de alguien) que abrirá el programa de correo electrónico. Luego: Insertar-Hipervínculo
o Control+D o .
Seleccionamos el botón con el sobrecito 
y ahí escribimos la dirección de correo
y damos a aceptar. Ya está. La palabra aparecerá subrayada en azul indicando que está
enlazada. Si escribimos una dirección de correo electrónico con la arroba @ se
hipervinculará automáticamente.
Sólo funcionará el
hipervínculo si estás en el Explorer, nunca en Front Page.
Hipervínculo a un archivo sonoro
Un hipervínculo a
un archivo sonoro nos permite abrir un archivo de este tipo para escuchar un
fragmento de audio. Al igual que los hipervínculos desde palabras e imágenes también se
caracterizan por estar subrayadas y por aparecer una manita sobre ellas.
Cómo grabar e insertar un sonido
Busca sonidos en Internet. Sugerimos a
modo de prueba la web de los Simpsons de Antena 3: www.antena3tv.com/simpsons/voces.jsp?inicio=0. En la página de los Simpsons selecciona un personaje, haz clic
sobre un sonido o diálogo. Se abre el reproductor multimedia y oirás el sonido.
Guárdalo en tu carpeta: Archivo-Guardar como... (si está
en inglés: File/Save as...). Dale un nombre que lo
identifique y que no tenga ni
mayúsculas, ni espacios, ni tildes, ni paréntesis, ni otros signos.
También puedes encontrar todo tipo de sonidos en www.findsounds.com, éstos te pueden
servir de ambientación y contextualización. Y en www.elrellano.com hay también un buen archivo sonoro, pero ten en
cuenta el tamaño del archivo sonoro.
Grabar un sonido. Abre la grabadora de sonidos, que para este curso tienes en Escritorio, (pero normalmente está siguiendo esta ruta: Inicio-Programas-Accesorios-Entretenimiento-Grabadora de sonidos). Funciona como una grabadora normal. Grabamos el sonido con el micrófono presionando el botón rojo y lo guardamos en nuestra carpeta. Dale un nombre que lo identifique y que no tenga ni mayúsculas, ni espacios, ni tildes, ni paréntesis, ni otros signos.
Para insertar el sonido en la página, se hará mediante
hipervínculo desde una palabra o imagen. Marcar la palabra deseada que nos llevará al
archivo sonoro. Luego: Insertar-Hipervínculo o Control+D
o . Seleccionamos el botón con la carpeta 
y buscamos
el archivo sonoro dentro de nuestra carpeta y damos a aceptar. La palabra aparecerá
subrayada en azul indicando que está activa.
Sólo funcionará el
hipervínculo al archivo sonoro si estás en el Explorer, nunca en Front Page.
Cómo insertar un
marcador (vínculo a otra parte de la página)
Un marcador nos permite introducir un enlace a otro lugar en nuestra página para facilitar la navegación u ofrecer algún tipo de información en otra parte de la misma página. Lo haremos siempre que la página sea demasiado larga o cuando introduzcamos un menú (como el de esta página).
Vamos a insertar un marcador de arriba a abajo y viceversa. Marcamos la palabra o la parte del texto a la que nos llevará el enlace. Podemos establecer un marcador simplemente en un punto de la página, situando el cursor sobre la página, o bien en una palabra, marcándola. Vamos a Edición-Marcador. Le damos un nombre que lo identifique fácilmente (arriba o abajo, top o bottom) y aceptamos.
Luego escribe la palabra arriba en la parte
inferior de la página (o abajo en la superior). La marcamos. Abrimos la ventana de
hipervínculo (recuerda: Control+D o botón ). Y en la
parte inferior izquierda, seleccionamos el marcador que hicimos antes. Damos a aceptar.
Guarda los cambios, acepta y visualiza la página para ver si funcionan los marcadores. Si
no, repite los pasos.
Sólo funcionará el marcador si estás en el Explorer, nunca en Front Page.
