Estructura de un Sitio Web Equipo 5
monselili0315
Created on September 4, 2020
More creations to inspire you
SPRING HAS SPRUNG!
Presentation
THE OCEAN'S DEPTHS
Presentation
2021 TRENDING COLORS
Presentation
POLITICAL POLARIZATION
Presentation
VACCINES & IMMUNITY
Presentation
LETTERING PRESENTATION
Presentation
ARTICLES
Presentation
Transcript
Sitio Web
Estructurade un
Estructura de arbol
Estructura de Red
Contenido de un sitio web
Que es un sitio web?
Gracias
Como no perderse en la estructura
Comparativa
Estructura Mixta
Estructura de rejillas
Estructura secuencial
Estructura logica
Enlaces
Nombre de los directorios y de los ficheros
Estructura Fisica
ÍNDICE
- Es una coleccion de paginas web que se agrupan y normalmene se conectan de varias maneras.
- Las paginas web pertenecen a un dominio web especifico, que es conocido como: World Wide Web (WWW), al cual se accede logicamente con conexion a esta red lejana, utilizando un navegador web.
¿Que es un sitio web?
- Es una coleccion de paginas web que se agrupan y normalmene se conectan de varias maneras.
- Las paginas web pertenecen a un dominio web especifico, que es conocido como: World Wide Web (WWW), al cual se accede logicamente con conexion a esta red lejana, utilizando un navegador web.
¿Que es un sitio web?
- Resence Builder- Sistemas de gestion de conenido (CMS).- Programa cliente FTP.- Administrador de archivos.
-Texto-Imagenes-Video-Audio Contiene politica de privacidad Pagina de contacto
Contenido de un sitio web
La gran mayoria de los usuarios que acuden a un sitio web lo hacen en busca de informacion, que puede presentarse de forma de:
Estructura Fisica
Los elementos de la Web se componen de textos, imágenes, vídeos… Y se colocan dentro de la página de la forma que facilite mejor su entendimiento y uso. La colocación de estos elementos sobre la página se llama estructura.
- Elegir nombres intuitivos, faciles de recordar y de escribir.
- Evitar todo caracter que no sea originario del alfabeto ingles: ñ, %, #, &, etc...
- Cuidado con los operativos que son sensibles a las mayusculas y minusculas llamados "case sensitive"
+ info
Nombre de los directorios y ficheros
En el código fuente HTML los enlaces se identifican mediante la etiqueta <a> y su atributo href, que contiene el URI del destino al que conduce el enlace. Los URI del destino pueden ser absolutos (http://www....) o relativos (con respecto al directorio actual).
Enlaces
Los enlaces de hipertexto (o hiperenlaces) son el elemento característico de la web porque permiten que las páginas se relacionen entre sí. La sencillez y libertad con que se pueden enlazar páginas situadas en servidores distintos son el motivo del éxito de la web.
Son todos aquellos programas que se requieren para las funciones del sistema de computo; desde los pogramas de BIOS, que permiten configurarla computadora cada vez que se enciende o reinicializa, hasta los siguientes operativos o de control.
Estructura logica
- Un Algoritmo
- Un tour guiado por algun asistente
- Un tutorial guiado (Setup Wizard)
- Cualquier Proceso determinado
Estructura secuencial
- Un sitio web bilingue
- Un sitio web en varios formatos de presentacion
+ info
En la mayoría de los sitios web, el contenido se necesita organizar en una estructura de tipo tabla que tiene filas y columnas. Estos bloques son organizados en un rejilla aunque las celdas de la rejilla tienen diferentes anchuras
Estructura rejillas
Estructura de Árbol
El árbol web es una de las herramientas más útiles y necesarias en la arquitectura de la información. De ahí que sea una de las primeras fases que se implementan a la hora de crear un site. Para definirlo, podríamos decir que se trata de la representación gráfica de la estructura de navegación de un sitio web, con la que podemos ver de forma general y esquemática qué información se ofrecerá al usuario y cómo va a estar distribuida entre las diferentes secciones. El término árbol tiene que ver con su forma, que muestra diversas ramas conectadas entre sí y hojas que representan la información que queremos transmitir. Su estructura del árbol en el sitio web las personas implican el cliente y los equipos de programación y diseño pueden apreciar fácilmente la magnitud y profundidad del proyecto, para así hacerse cargo de su complejidad real.
- La estructura de red es una organización en la que aparentemente no hay ningún orden establecido, las páginas pueden apuntarse unas a otras sin ningún orden aparente.
- Por eso es muy recomendable asociar la estructura de las páginas con alguna estructura conocida, como por ejemplo la de una ciudad.
Estructura de red
Estructura mixta o jerarquica
Las paginas y subpaginas se organizan de forma jerarquica pero tambien es posible navegar de forma lineal y transversal. esta es la mejor estructura, ya que todas las paginas estan "conectadas" entre sí y de modo que Google es capaz de rastrearlas antes y la experiencia del usuario mejora notablemente.
La comparativa de páginas web verás la diferencia entre el diseño web tradicional y el diseño web enfocado al crecimiento. En el diseño web tradicional normalmente se enfoca en los gustos y requisitos que tiene la empresa, los colores, textos e imágenes que la empresa desde su punto de vista quiere y cree que es lo que mejora le funcionará. Por su parte el diseño enfocado al crecimiento se enfoca en cumplir con el mínimo indispensable de los requisitos de los clientes de manera que estén felices con el producto inicial y de ahí se parte a escuchar únicamente a los requisitos y requerimientos implícitos que los mismos clientes nos dan para mejorar el sitio web en base a los usuarios, a los clientes finales que ellos son los que dictan las acciones.
Comparativa
+ info
- "Rastro de las migajas de pan": Muestra una lista con los enlaces que el usuario ha utilizado o el nivel actual de la jerarquia de la informacion desde la pagina principal.
- Numeracion de los pasos: se indica una lista con todos los pasos necesarios para completar un proceso asi como el paso en el que se encuentra el usuario
Para evitar que el usuario o visitante se pierda durante su navegacion, se puede utilizar:
Como no perderse en la estructura
EQUIPO
Imanol
Un joven guapo y amistoso, con un gran carisma y cariño.
Anita
Una jovencita muy simpatica y divertida, con un lindo corazon.
Kike
Un joven fuerte y guapo que le encanta socializar con sus compas.
Monse
Una jovensita muy cariñosa y amable que le encanta ayudar a las personas.
¡GRACIAS!