Semana Nº 5

Conexión de páginas web mediante hipervínculos textuales. - Creación de hipervínculos mediante marcadores-Vínculos de correo electrónico .
Conexión de páginas web mediante hipervínculos textuales.
Al hipervínculo se le suele llamar “enlace Web” o en su versión anglosajona “link”. Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página.
El destino es con frecuencia otra página Web, pero también puede ser una imagen, una dirección de correo electrónico, un archivo (como por ejemplo, un archivo multimedia o un documento de Microsoft Office) o un programa. Un hipervínculo puede ser texto o una imagen.
Por ejemplo:
a href="Index.html" Inicio /a
a href="QuienesSomos.html" Quienes Somos /a
a href="Contactanos.html" Contáctanos /a
Estos códigos van dentro de la página principal en el body , y nos llevaran a una página distinta cada uno de ellos dentro de nuestra página.
Se recomienda utilizar al menos una palabra clave del título de la página a la cual apunta el vínculo.

Creación de hipervínculos mediante marcadores.
Para insertar un hipervínculo en un marcador
1. Seleccione el texto o la imagen que desee utilizar como hipervínculo.
2. En el menú Formato, haga clic en Convertir en hipervínculo.
Aparecerá el cuadro de diálogo Hipervínculo.
3. En la lista Tipo, seleccione (otro).
4. En el cuadro Dirección URL, escriba una almohadilla (#) y el nombre del marcador (por ejemplo, #delimitador) y, a continuación, haga clic en Aceptar.


Vínculos de correo electrónico
Por lo general las personas que diseñan sus paginas proporcionan la opción de tener una retroalimentación por parte del visitante. La manera mas sencilla de lograr esto es través de un vínculo que lleve al surfeador a un cuadro de correo electrónico con la dirección pblacketerminada.
La estructura es la siguiente:
A HREF=mailto :"dirección de correo electrónico" Texto del vínculo /A

Eliminación de hipervínculos-Como se modifica el aspecto de una pagina web-Edición del texto de una página web
Eliminación de hipervínculos
Para eliminar un hipervínculo:
1. Abra el recurso deseado: el contenido se desplegará en la Vista de detalles.
2. Seleccione el hipervínculo de desea eliminar.
3. En el menú Vínculos, haga clic en Hipervínculo.
4. Haga clic en Eliminar hipervínculo.
5. Haga clic en Sí para confirmar.

Creación de hipervínculos mediante arrastrar y soltar.



Como se modifica el aspecto de una pagina web
Para realizar cualquier cambio en la página web de tu empresa o en la tuya personal, como por ejemplo introducir el contador de visitas que ofrecemos gratuitamente, necesitas editar el código HTML de la página en la que vayas a realizar los cambios.
Una etiqueta es una palabra o letra encerrada entre los simbolos y (menor que y mayor que). Por ejemplo para mostrar un texto en negrita en una página web tendriamos que encerrar dicho texto entre las etiquetas: b (b del inglés bold, negrita) y /b (esta etiqueta cierra a la primera y es para indicar que ya no queremos poner nada más en negrita).
Con el Hipertexto, al contrario que el texto normal, podemos ir pasando de página en página a través de los hiperenlances habilitados para ellos, también conocidos como enlaces a secas o links.

Edición del texto de una página web.
• Agregar Texto.
Con los mencionados WYSIWIG editors podemos agregar textos en la misma forma como en los procesadores de texto (word etc) sin preocuparnos mucho por el lenguaje HTML (Hyper text markup language) Para una buena presentación gráfica de las páginas se usan en muchos casos tablas para la mejor distribución de los textos y/o gráficas, estas tablas pueden tener los bordes visibles o invisibles, entre otras características.

Mapa de imágenes.-Inserción de sonidos en las paginas web-Insercion de peliculas en el sitio web.-Mapa de imágenes..
Mapa de imágenes.

Puede crear diferentes áreas de selección dentro de una misma imagen usando el atributo USEMAP conjuntamente con la etiqueta MAP
El atributo USEMAP de la etiqueta IMG apunta a una etiqueta MAP que contiene una descripción de las áreas seleccionables en las que se divide el mapa.
La etiqueta MAP tiene un atributo NAME para definir su nombre, y también declara qué áreas son accesibles usando las etiquetas AREA.


A continuación hay un ejemplo de un mapa de imagen:
IMG SRC="images/image.gif"
WIDTH=150
HEIGHT=70
USEMAP="#Map"
MAP NAME="Map"
AREA SHAPE="rect"
HREF="start.html"
COORDS="0,0,48,28"

AREA SHAPE="circle"
HREF="previous.html"
COORDS="50,30,10"

AREA SHAPE="poly"
HREF="next.html"
COORDS="60,50,80,30,100,40,50,100"
/MAP

Como utilizar compoentes webBots.
Los WebBots son mecanismos que invocan diversas funciones interactivas integradas en FrontPage.

Algunos, tales como Incluye y Subsitucion, permiten introducir una vez algún elemento del web e incluirlo a cualquiera o a todas las páginas insertando un componente Bot que referencie ese elemento. Los cambios en el elemento "master" se hacen automáticamente en cualquier página que contenga el Bot.
Otros Bots, tales como búsqueda, Tabla de Contenidos, Inserción de la hora, controlan funciones browse-time dinámicas. Estos Bots trabajan para mantener el web actualizado para los visitantes.
El Bot Contador de Páginas, que esta disponible desde el CD-ROM de FrontPage o website de Microsoft no funcionaran en servidores UNIX.
Para más información sobre la utilización de Bots consulte la documentación del software de FrontPage o contacte el Servicio Técnico de Microsoft.




Inserción de sonidos en las paginas web.
Para insertar sonido en nuestra pagina web se debe de ingresar el siguiente código en el cuerpo de la pagina.El sonido debe estar guardado dentro de la carpeta dondeeste la pagina.
EMBED SRC=" desafio.mp3" HEIGHT="300" WIDTH="400" AUTOSTART="TRUE" LOOP="FALSE"

Insercion de peliculas en el sitio web.
El formato de vídeo utilizado es el AVI de Windows, que como es sabido, incluye imágenes y sonido digitales.

El mayor problema de los ficheros digitales de vídeo es el gran tamaño de los mismos, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios Mb. (mega bytes), en realidad es como si se trataran dos ficheros separados, uno con el sonido y otro con las imágenes, pero sincronizados. No hay que confundir este formato AVI con el MPEG, que también puede integrar imágenes y sonido, aunque con un nivel de compresión diferente, y peor sincronización con el sonido. Habitualmente los ficheros .MPG se suelen encontrar sin sonido.
Al utilizar estos videos en nuestra pagina debemos tener cuidado porque como se explico anteriormente son de gran tamaño, lo cual puede hacer que nuestra pagina se demore mucho en abrirse lo que puede ocasionar que el visitante se desepere y se salga de nuestra pagina
La etiqueta utilizada para insertar un video en tu WEB es EMBED y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene el video a insertar.

EJEMPLO:

EMBED SRC="c:\variedades\videos\traduweb.avi"

Mapa de imágenes.

Puede crear diferentes áreas de selección dentro de una misma imagen usando el atributo USEMAP conjuntamente con la etiqueta MAP
El atributo USEMAP de la etiqueta IMG apunta a una etiqueta MAP que contiene una descripción de las áreas seleccionables en las que se divide el mapa.
La etiqueta MAP tiene un atributo NAME para definir su nombre, y también declara qué áreas son accesibles usando las etiquetas AREA.


A continuación hay un ejemplo de un mapa de imagen:
IMG SRC="images/image.gif"
WIDTH=150
HEIGHT=70
USEMAP="#Map"
MAP NAME="Map">
AREA SHAPE="rect"
HREF="start.html"
COORDS="0,0,48,28"

AREA SHAPE="circle"
HREF="previous.html"
COORDS="50,30,10"

AREA SHAPE="poly"
HREF="next.html"
COORDS="60,50,80,30,100,40,50,100"
/MAP

Como utilizar compoentes webBots.
Los WebBots son mecanismos que invocan diversas funciones interactivas integradas en FrontPage.

Algunos, tales como Incluye y Subsitucion, permiten introducir una vez algún elemento del web e incluirlo a cualquiera o a todas las páginas insertando un componente Bot que referencie ese elemento. Los cambios en el elemento "master" se hacen automáticamente en cualquier página que contenga el Bot.
Otros Bots, tales como búsqueda, Tabla de Contenidos, Inserción de la hora, controlan funciones browse-time dinámicas. Estos Bots trabajan para mantener el web actualizado para los visitantes.
El Bot Contador de Páginas, que esta disponible desde el CD-ROM de FrontPage o website de Microsoft no funcionaran en servidores UNIX.
Para más información sobre la utilización de Bots consulte la documentación del software de FrontPage o contacte el Servicio Técnico de Microsoft.




Inserción de sondos en las paginas web.
Para insertar sonido en nuestra pagina web se debe de ingresar el siguiente código en el cuerpo de la pagina.El sonido debe estar guardado dentro de la carpeta dondeeste la pagina.
EMBED SRC=" desafio.mp3" HEIGHT="300" WIDTH="400" AUTOSTART="TRUE" LOOP="FALSE"

Insercion de peliculas en el sitio web.
El formato de vídeo utilizado es el AVI de Windows, que como es sabido, incluye imágenes y sonido digitales.

El mayor problema de los ficheros digitales de vídeo es el gran tamaño de los mismos, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios Mb. (mega bytes), en realidad es como si se trataran dos ficheros separados, uno con el sonido y otro con las imágenes, pero sincronizados. No hay que confundir este formato AVI con el MPEG, que también puede integrar imágenes y sonido, aunque con un nivel de compresión diferente, y peor sincronización con el sonido. Habitualmente los ficheros .MPG se suelen encontrar sin sonido.
Al utilizar estos videos en nuestra pagina debemos tener cuidado porque como se explico anteriormente son de gran tamaño, lo cual puede hacer que nuestra pagina se demore mucho en abrirse lo que puede ocasionar que el visitante se desepere y se salga de nuestra pagina
La etiqueta utilizada para insertar un video en tu WEB es EMBED y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene el video a insertar.

EJEMPLO:

EMBED SRC="c:\variedades\videos\traduweb.avi"

Como se organiza la información de una página web-Division de celdas de una tabla.-

Como se organiza la información de una página web
Cuerpo de la página
Contenido
Dependiendo de tu página, ya sea negocios o personal, el contendio es lo más importante. Los que navegan la web les importa la apariencia, pero les interesa más encontrar lo que buscan. Planea y organiza bien tu contenido. Si hablas de algo en especifico, concentra el texto en lo que hablas y no pongas material irrelevante.
Apariencia - Es bueno dedicar tiempo a la apariencia de una página. No tiene que ser la mejor, pero comoda de navegar y leer. No exageres con colores, osea, que cada página no parezca un carnaval, con texto en muchos colores o en diferentes tamaños y formatos. Tienes que pensar en que tipo de visitas buscas, y de eso va a depender la apariencia. Por ejemplo un banco o restaurante puede tener una página muy profesional, con colores limitados, y no cambia su apariencia al navegarla. Una disco puede tener una página llena de imagenes, con muchos colores, algo atractivo para aquellos que quieren visitarla. Mi recomendación es hacer un poco de investigación antes de empezar a trabajar en la apariencia. Visita otras páginas y fijate en su contenido y apariencia.
Longitud - No escribas más de lo necesario, a nadie le gusta leer 3 páginas cuales pueden ser correctamente resumidas en uno o dos párrafos. Si se te presenta una ocasión donde tienes que escribir mucho, trata de cortar lo más posible y ve directo al grano (nada irrelevante).
Tiempo De Carga
De varios articulos que he leido, aquellos que navegan quieren leer la información en segundos y se van de tu página si dura mucho al cargar. Yo veo que muchas compañias estan usando Flash, FireWorks, y otras animaciones sin pensar en aquellos que tienen Dial-up/56K. Aquellos que tienen esos modems lentos, les puede durar minutos cargar una página, no quieren esperar y se van. Quizas LeThe Online no tenga la mejor apariencia, pero esta optimizada para aquellos con modems a 14.4 K.

Division de celdas de una tabla.
En realidad, las celdas no pueden dividiirse, lo que hacen es "expandirse" o "fusionarse". Así que replantea el diseño de tu tabla con eso en mente.

Para expandir en filas: rowspan="número de filas"

Para expandir en columnas: colspan="número de columnas"

Todo eso como atributo de la celda.
Normalmente lo que se hace cuando se quiere dividir una celda en varias filas y/o columnas es utilizar una tabla anidada en el interior de la celda. Por ejemplo si queremos tener una tabla con dos filas y dos columnas de modo que la celda que esta en el margen inferior derecho tenga a su vez en su interior dos filas usariamos el siguiente código
Código HTML:

Combinación de dos o más celdas en una tabla

1. Seleccione las celdas en una línea contigua y en forma de un rectángulo.

En la siguiente ilustración, la selección es un rectángulo de celdas, por lo que éstas se pueden combinar.

En la siguiente ilustración, la selección no es un rectángulo, por lo que las celdas no se pueden combinar.

2. Siga uno de estos procedimientos:
*

Seleccione Modificar > Tabla > Combinar celdas.
*

En el inspector de propiedades ampliado (Ventana > Propiedades), haga clic en Combinar celdas .
Nota: Si no se muestra el menú, haga clic en la flecha de la esquina inferior derecha del inspector de propiedades para ver todas las opciones.

El contenido de las celdas individuales se sitúa en la celda combinada resultante. Las propiedades de la primera celda seleccionada se aplicarán a la celda combinada.

División de una celda

1. Haga clic en la celda y siga uno de estos procedimientos:
*

Seleccione Modificar > Tabla > Dividir celda.
*

En el inspector de propiedades ampliado (Ventana > Propiedades), haga clic en Dividir celda .
Nota: Si no se muestra el menú, haga clic en la flecha de la esquina inferior derecha del inspector de propiedades para ver todas las opciones.
2. En el cuadro de diálogo Dividir celda, especifique cómo desea dividir la celda:

Dividir celda en
Especifica si la celda debe dividirse en filas o en columnas.

Número de filas/Número de columnas
Especifica el número de filas o de columnas en que debe dividirse la celda.

Aumento o disminución del número de filas o columnas que ocupa una celda
Siga uno de estos procedimientos:

*

Seleccione Modificar > Tabla > Aumentar tamaño de fila, o bien Modificar > Tabla > Aumentar tamaño de columna.
*

Seleccione Modificar > Tabla > Reducir tamaño de fila, o bien Modificar > Tabla > Reducir tamaño de columna.