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

1. ESTRUCTURA DE SITIO
nodo básico para administrar información en la web
domingo 5 de septiembre de 2010

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. 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. domingo 5 de septiembre de 2010

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. domingo 5 de septiembre de 2010

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. PASO A PASO
domingo 5 de septiembre de 2010

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. 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. desde la paleta de bienvenida
domingo 5 de septiembre de 2010

12. desde el administrador de archivos
domingo 5 de septiembre de 2010

13. desde el menú sitio/ nuevo sitio
domingo 5 de septiembre de 2010

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. domingo 5 de septiembre de 2010

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. 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. 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. 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. 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. HIPERVÍNCULOS
asignando estructura a un sitio web
domingo 5 de septiembre de 2010

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. 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. domingo 5 de septiembre de 2010

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. hipervínculo local
domingo 5 de septiembre de 2010

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. hipervínculo externo
domingo 5 de septiembre de 2010

29. FORMATO DEL ENLACE
comportamiento de un vínculo
domingo 5 de septiembre de 2010

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. 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