Mostrando entradas con la etiqueta html. Mostrar todas las entradas
Mostrando entradas con la etiqueta html. Mostrar todas las entradas

sábado, 23 de noviembre de 2013

8.2 HIPERVÍNCULOS

8.2 HIPERVÍNCULOS

En temas anteriores como powerpoint, recordarás la palabra "hipervínculo", que es una referencia de un texto o imagen, que al dar clic, te muestra alguna información contenida el mismo documento (interno) o en otro lugar fuera del documento o en internet (externo).

Para poder realizar un hipervínculos en un marco y que se muestre en otro marco, es necesario realizar la actividad siguiente:

ACTIVIDAD 9: De el mismo ejercicio anterior, seguir con los pasos que se muestran a continuación

1. Abrir cada uno de los temas que se mostrarán en la parte del marco derecho (contenido)

Por ejemplo, mi página contiene el archivo "Introducción a la computación básica".

Al abrirlo, ir al primer tema, sombrearlo o ponerse al inicio de la letra del tema. Después ir al menú "Insertar" --> "Anclaje con nombre"

anclaje

2. Ponerle un nombre a ese tema (no debe comenzar por numero, y no debe tener espacios)
nombre anclaje
agregar anclaje con nombre a todos los temas contenidos de cada página.

Los temas de cada página deben indicar que tienen anclaje con nombre, con un icono de carpeta:


anclaje

Guardar las páginas.

3. Abrir el archivo "index.html". Y sombrear el texto del primer tema, y clic en el botón "insertar hipervínculo".

hipervinculo


4. Buscar el archivo al que hará referencia.

buscar archivo html



5. Al final del texto que se puso el vínculo, agregar el signo gato ( # ) y seguido el nombre de anclaje que le diste en su respectivo archivo.

Por ejemplo, en mi archivo "computacion_basica.html", al primer tema, le di de nombre de anclaje "cb_tema". Es por eso le agrego al final "#cb_tema".

anclaje


Continuar así agregando hipervínculos al marco de temas, y agregando al final # seguido del nombre que le diste al respectivo tema.

6. Esto es con el objetivo de que al tener la página completa index.html en el marco "temas", dar clic un tema, y en el marco "contenido", me muestre sólo la parte del respectivo tema al que le he dado clic.

index


index

jueves, 21 de noviembre de 2013

IV. CREAR UNA PÁGINA WEB CON IMÁGENES

IV. CREAR UNA PÁGINA WEB CON IMÁGENES

Para crear una página web con imágenes, debes crear una carpeta llamada imágenes, fuera de la carpeta "actividades", para separar imágenes de archivos HTML.

Si se desean insertar varias imagenes, y en varias posiciones, lo más indicado es hacer uso de tablas.


Un ejemplo básico es el siguiente:

ACTIVIDAD 4: Usando el archivo de la actividad anterior, lo primero es:

1. Buscar imágenes relacionadas al tema de contenido de la página creada.
a

2. Una vez que guardes las imagenes dentro de la carpeta "imagenes", crear una tabla (filas y celdas deseadas), en el archivo HTML creado.

tabla

La tabla debe tener "0" de borde, para que no se note en la página, que se está usando una tabla.

3. El objetio de la tabla, es organizar texto e imágen dentro de la tabla:
org

Y al guardarlo localmente.

4. Subir nuevamente el archivo HTML para actualizar contenido, y subir las imágenes dentro de la carpeta "Imagenes", para que se puedan mostrar:

5. Ahora la vista de la página se muestra con imágenes, tanto local, como en la web.
pagina