Hipervínculos

4,502 views

Published on

Explicación del concepto de hipervínculo y la definición de una estructura de sitio web.

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,502
On SlideShare
0
From Embeds
0
Number of Embeds
394
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Hipervínculos

  1. 1. ESTRUCTURA DE SITIO nodo básico para administrar información en la web domingo 5 de septiembre de 2010
  2. 2. QUÉ ES UN SITIO WEB? Un sitio web es un grupo o conjunto de páginas que conforman una unidad ya sea de una empresa, organización o tema especifico domingo 5 de septiembre de 2010
  3. 3. ESTRUCTURA DE SITIO Para empezar a producir un sitio web es importante tener claro lo que queremos lograr, por ello debemos armar un diagrama del sitio que nos permita claridad al producir y hacia el cliente domingo 5 de septiembre de 2010
  4. 4. domingo 5 de septiembre de 2010
  5. 5. QUE VAMOS A HACER? El método más común para crear un sitio Web utilizando DW consiste en crear y editar páginas en el disco local, guardándolas en nuestro propio equipo. domingo 5 de septiembre de 2010
  6. 6. domingo 5 de septiembre de 2010
  7. 7. De esta forma comprendemos la importancia que tiene ESA CARPETA que va a ser la base de nuestro sitio: va a ser la que contenga todos los archivos necesarios que después subiremos al servidor. A esa carpeta de la denomina CARPETA RAIZ. domingo 5 de septiembre de 2010
  8. 8. PASO A PASO domingo 5 de septiembre de 2010
  9. 9. LOCALIZAR LA CARPETA RAIZ 1 Si vamos a crear un sitio web desde 0 ,es mejor crear previamente una carpeta vacía que será nuestra CARPETA RAIZ. domingo 5 de septiembre de 2010
  10. 10. ABRIR EL ADMINISTRADOR DE SITIOS 2 Dentro de DW se puede acceder al administrador de sitios de 3 formas diferentes domingo 5 de septiembre de 2010
  11. 11. desde la paleta de bienvenida domingo 5 de septiembre de 2010
  12. 12. desde el administrador de archivos domingo 5 de septiembre de 2010
  13. 13. desde el menú sitio/ nuevo sitio domingo 5 de septiembre de 2010
  14. 14. CONFIGURAR EL SITIO 3 Asegúrate de que estás en la solapa Avanzadas y activada la categoría Datos locales (es predeterminada pero por si acaso) domingo 5 de septiembre de 2010
  15. 15. domingo 5 de septiembre de 2010
  16. 16. CONFIGURAR EL SITIO 3 Desde este cuadro se pueden determinar todas las propiedades de un Sitio Web. Pero por ahora a nosotros sólo nos interesan la categoría Datos Locales y exclusivamente dos de sus datos : Nombre del sitio y su Carpeta Raíz. domingo 5 de septiembre de 2010
  17. 17. Nombre del sitio puede ser el que tu quieras. Ese nombre será para uso interno de DW y para reconocer al proyecto. Con este nombre aparecerá en la lista de sitios del Administrador de sitios. domingo 5 de septiembre de 2010
  18. 18. Debemos decirle a DW cual va a ser la carpeta que albergue los archivos de este proyecto. Pulsa sobre el icono de carpeta para explorar tu sistema y localizar la carpeta que hemos creado en el Paso 1. domingo 5 de septiembre de 2010
  19. 19. ADMINISTRADOR DE SITIOS Pulsamos el botón Aceptar para cerrar el enorme cuadro de configuración del sitio. 4 El sitio ya aparece en la lista del Administrador de sitios... domingo 5 de septiembre de 2010
  20. 20. Pulsamos Listo para iniciarlo Ahora el panel Archivos ya tiene un sitio con el que trabajar y una CARPETA RAIZ para trabajar con sus archivo domingo 5 de septiembre de 2010
  21. 21. HIPERVÍNCULOS asignando estructura a un sitio web domingo 5 de septiembre de 2010
  22. 22. HIPERVÍNCULOS Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc. Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocen como enlaces o links. Normalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo. domingo 5 de septiembre de 2010
  23. 23. HIPERVÍNCULOS Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen. Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta <a></a> que es la que en HTML se encarga de definir los enlaces. domingo 5 de septiembre de 2010
  24. 24. domingo 5 de septiembre de 2010
  25. 25. TIPOS DE HIPERVÍNCULOS Un hipervínculo local o interno es un vínculo a una página que se encuentra en el mismo sitio web (sitio local). Así, para referirnos a ella tan solo basta con poner la ruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner su nombre. domingo 5 de septiembre de 2010
  26. 26. hipervínculo local domingo 5 de septiembre de 2010
  27. 27. TIPOS DE HIPERVÍNCULOS Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completa de la página incluido http:// www.... domingo 5 de septiembre de 2010
  28. 28. hipervínculo externo domingo 5 de septiembre de 2010
  29. 29. FORMATO DEL ENLACE comportamiento de un vínculo domingo 5 de septiembre de 2010
  30. 30. FORMATOS DE ENLACE En general, un texto que tiene asociado un vínculo suele aparecer subrayado. Al mismo tiempo, puede adquirir tres colores diferentes que pueden especificarse a través de las propiedades de la página. Estos tres colores diferentes corresponden a los tres estados del vínculo: vínculo normal, vínculo activo (el último pulsado) o vínculo visitado. domingo 5 de septiembre de 2010
  31. 31. FORMATOS DE ENLACE Recuerda que como todo en nuestra página, los vínculos tienen un formato por defecto, pero es totalmente personalizable por CSS. Para ello, basta con crear una Regla de estilo para la etiqueta <a>. Si queremos distinguir entre los tres estados del enlace, emplearemos los siguientes selectores: a:link para los enlaces normales. a:visited para los enlaces visitados. a:active para los enlaces activos. domingo 5 de septiembre de 2010

×