Estructura de sitio

ESTRUCTURA DE SITIOnodo básico para administrar información en la web

taller_mediasábado 27 de agosto de 2011

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

multimedia 1 - internet y sitios web

qué es un sitio web?

sábado 27 de agosto de 2011

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


estructura de un sitio web



estructura de sitio


El método más común para crear un sitio Web utilizando un modelado que consiste en crear y editar páginas en el disco local, guardándolas en nuestro propio equipo para posteriormente publicarlas en un servidor remoto.


que vamos a hacer



estructura de sitio


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.

multimedia 1 - internet y sitios websábado 27 de agosto de 2011

asignando estructura a un sitio web


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.

hipervínculo



modelo de hipervínculo


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.

hipervínculo



tipos de enlaces



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.



hipervínculo local


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


http://www

http://www


hipervínculo externo


<body>


la etiqueta vínculo (a) define la incorporación de un hipervínculo dentro de un documento, su estructura puede afectar desde una letra hasta una imagen.

</body>

estado para revisar el<a href=”contenido.html”>contenido de este documento</a>


<body>


la hipereferencia (href) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.

</body>


hipereferencia


http://es.wikipedia.org/wiki/Documento_electr%C3%B3nico




http://es.wikipedia.org/wiki/Recurso

http://es.wikipedia.org/wiki/Recurso

http://es.wikipedia.org/wiki/Documento

http://es.wikipedia.org/wiki/Documento

<body>


después de el sigo igual y las comillas, debe de aparecer el nombre del documento o dirección url al cual nos lleva el vínculo

</body>


documento o destino


definir las instancias de un hipervínculo con CSS


administración de un hipervínculo


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.


estados de un hipervínculo


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.




Estructura de sitio

Design

Transcript of Estructura de sitio