Estructura de sitio
-
Upload
patricio-rodriguez-m -
Category
Design
-
view
3.356 -
download
4
description
Transcript of 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
multimedia 1 - internet y sitios web
estructura de un sitio web
sábado 27 de agosto de 2011
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.
multimedia 1 - internet y sitios web
que vamos a hacer
sábado 27 de agosto de 2011
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
multimedia 1 - internet y sitios web
hipervínculos
sábado 27 de agosto de 2011
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
multimedia 1 - internet y sitios websábado 27 de agosto de 2011
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
multimedia 1 - internet y sitios websábado 27 de agosto de 2011
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.
multimedia 1 - internet y sitios websábado 27 de agosto de 2011
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....
multimedia 1 - internet y sitios websábado 27 de agosto de 2011
<body>
multimedia 1 - internet y sitios web
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>
sábado 27 de agosto de 2011
<body>
multimedia 1 - internet y sitios web
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>
estado para revisar el<a href=”contenido.html”>contenido de este documento</a>
hipereferencia
sábado 27 de agosto de 2011
<body>
multimedia 1 - internet y sitios web
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>
estado para revisar el<a href=”contenido.html”>contenido de este documento</a>
documento o destino
sábado 27 de agosto de 2011
definir las instancias de un hipervínculo con CSS
multimedia 1 - internet y sitios web
administración de un hipervínculo
sábado 27 de agosto de 2011
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.
multimedia 1 - internet y sitios web
estados de un hipervínculo
sábado 27 de agosto de 2011
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>.
multimedia 1 - internet y sitios web
estados de un hipervínculo
sábado 27 de agosto de 2011