SlideShare una empresa de Scribd logo
1 de 15
Cortez Solano Laura Bibiana
• Sitio es un lugar que sirve para algo o un espacio ocupado (o
que puede llegar a serlo). La noción de Web, por su parte, hace
referencia a internet, una red de redes que permite la interconexión
de computadoras mediante un conjunto de protocolos
denominado.
Un sitio web, por lo tanto, es un espacio virtual en Internet. Se
trata de un conjunto de páginas web que son accesibles desde un
mismo dominio o subdominio de la World Wide Web(WWW).
Algunos de los elementos fundamentales que debe tener tu sitio Web son:
• Diseño responsivo.
El diseño responsivo es aquel que adapta las páginas Web al tamaño del dispositivo desde el que se accede a ellas. Actualmente
una gran cantidad de gente navega en internet desde un dispositivo móvil.
• Una sola página.
Los sitios Web que cuentan con una sola página y despliegan toda la información hacia abajo son cómodos y rápidos de leer.
• Alta resolución e imágenes grandes.
Las imágenes en alta resolución que cubren el tamaño de la página son llamativas y otorgan personalidad y estilo propio a tu
página Web.
• Pie de página.
Todas las páginas deben tener un pie de página sencillo y limpio con los datos de contacto.
• Botón de volver al inicio.
Cuanta más información contenga el sitio, más desplazamiento habrá y los visitantes más se alejarán de la barra de inicio. Un
botón visible en todo momento para regresar al inicio de la página es esencial para hacer más cómoda la navegación al usuario.
•Claridad en los objetivos del sitio.
•Información básica correspondiente al contenido.
•Selección de un nombre de dominio correcto.
•Selección de la tecnología para el diseño y la programación.
•Selección adecuada de un alojamiento Web (hosting)
•Claridad de los buscadores, directorios de Internet y el SEO, optimización para los motores de
búsqueda
• Realización de un diseño en función de los requerimientos del sitio y de los usuarios.
•La navegabilidad.
•Realización de la programación en determinación de los requerimientos del sitio y de los usuarios.
•Aplicación de técnicas de SEO para lograr una mayor visibilidad en Internet.
•Actualizar los contenidos periódicamente
LOS ELEMENTOS FUNDAMENTALES
SON:
Es importante que, de un simple vistazo, se puedan identificar los siguientes elementos de una forma clara y
consistente a lo largo del sitio:
Encabezado
Logotipo (no borroso, no mal recortado, no pixeleado)
Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro
logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.
Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si
hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las
demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores
o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones
y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.
La estructura del sitio web debe ser visualmente
intuitiva y fácil de utilizar
• Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí
debes poner tu información.
• Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información
de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.
• Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También
úsalo para colocar información de contacto u otra información importante. El contenido del
pie debe aparecer en todas las páginas.
TEXTO
• El texto es el elemento más significativo de cualquier sitio Web
porque los usuarios navegan por la Web fundamentalmente en
busca de información expresada en hipertexto.
IMÁGENES
• Aunque no debe abusar de las imágenes por el riesgo de aumentar el
peso de la página, y por lo tanto, los tiempos de descarga. Las
imágenes constituyen un elemento esencial para ofrecer información
visual del contenido y mostrar un diseño atractivo y personal.
HIPERVINCULO
• Por sí misma, una página Web no puede hacer
mucho. La magia de verdad comienza cuando
relaciona varias página mediante enlaces
VIDEOS
• Mientras Internet es cada vez más asequible, confiable y veloz, los programas
de edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono
móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al
alcance de todos.
ANIMACIONS EN FLASH
• Es una imagen animada, fácil de crear y sobre todo
que ocupa poca memoria. Tiene diferentes usos,
desde la creación de dibujos animados hasta el
despliegue de dibujos interactivos.
SONIDOS
• Un elemento cada vez más importante. La comercialización de nuevos
dispositivos digitales móviles como el iPhone ha potencializado este
elemento.
• Además de incorporar sonido en la página Web puede descargar de ellas
archivos de audio para sus dispositivos móviles.
• El formato MP3 es el más conocido y más usado por su calidad y nivel de
compresión.
OTROS ELEMENTOS
• Banner: Una imagen fija o animada utilizada generalmente para publicidad.
• Marcos: También llamados frames, son una especie de recuadro independiente en el
que puede cargar una página Web.Actualmente se pueden obtener los mismos
resultados con CSS.
• Formulario: Zona para introducir datos o comentarios. Una plantilla o página con
espacios vacíos para llenarse con alguna finalidad.
• También se utiliza para referirse al conjunto de campos solicitados por un
determinado programa, los cuales se almacenan para su manipulación y uso posterior.

Más contenido relacionado

La actualidad más candente (19)

PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Analisis sitio web liverpool
Analisis sitio web liverpoolAnalisis sitio web liverpool
Analisis sitio web liverpool
 
Las características y las partes que debe tener un sitio web
Las características y las partes  que debe tener un sitio web Las características y las partes  que debe tener un sitio web
Las características y las partes que debe tener un sitio web
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 
Actividad baldit(2) (1)
Actividad baldit(2) (1)Actividad baldit(2) (1)
Actividad baldit(2) (1)
 
Planeacion del sitio web
Planeacion del sitio webPlaneacion del sitio web
Planeacion del sitio web
 
Analisis de sitios web NETFLIX / BIMBO
Analisis de sitios web NETFLIX / BIMBOAnalisis de sitios web NETFLIX / BIMBO
Analisis de sitios web NETFLIX / BIMBO
 
Clase4 Pdigital2008 II
Clase4 Pdigital2008 IIClase4 Pdigital2008 II
Clase4 Pdigital2008 II
 
Sitios web exposición
Sitios web exposiciónSitios web exposición
Sitios web exposición
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
G:\diseño web
G:\diseño webG:\diseño web
G:\diseño web
 
Moretti
MorettiMoretti
Moretti
 
Importancia del diseno en la web
Importancia del diseno en la webImportancia del diseno en la web
Importancia del diseno en la web
 
Pagina web
Pagina webPagina web
Pagina web
 
Elemento1
Elemento1Elemento1
Elemento1
 
Elemento1
Elemento1Elemento1
Elemento1
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Informatica
InformaticaInformatica
Informatica
 

Similar a Sitio web

Similar a Sitio web (20)

características y las partes que debe tener un sitio web
 características y las partes que debe tener un sitio web características y las partes que debe tener un sitio web
características y las partes que debe tener un sitio web
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Pagina web mia_2
Pagina web mia_2Pagina web mia_2
Pagina web mia_2
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Recursos web 2.0
Recursos web 2.0 Recursos web 2.0
Recursos web 2.0
 
Kingston team final - Venta de Casas
Kingston team final - Venta de CasasKingston team final - Venta de Casas
Kingston team final - Venta de Casas
 
Paginas web
Paginas webPaginas web
Paginas web
 
el internet
el internetel internet
el internet
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Paginaweb
PaginawebPaginaweb
Paginaweb
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Actividad uno páginas web
Actividad uno páginas web Actividad uno páginas web
Actividad uno páginas web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 

Más de Laura Cortez (20)

Dream
DreamDream
Dream
 
Mi pagina web
Mi pagina webMi pagina web
Mi pagina web
 
Topologias de red
Topologias de redTopologias de red
Topologias de red
 
Sitio web
Sitio webSitio web
Sitio web
 
Teoria del color_4deg_semestre
Teoria del color_4deg_semestreTeoria del color_4deg_semestre
Teoria del color_4deg_semestre
 
Examen
ExamenExamen
Examen
 
Mi pagina web
Mi pagina webMi pagina web
Mi pagina web
 
Topologias de red
Topologias de redTopologias de red
Topologias de red
 
Teoría del color
Teoría del colorTeoría del color
Teoría del color
 
Examen de diagnostico
Examen de diagnosticoExamen de diagnostico
Examen de diagnostico
 
Alice2
Alice2Alice2
Alice2
 
Alice3
Alice3Alice3
Alice3
 
Alice4
Alice4Alice4
Alice4
 
Alice6
Alice6Alice6
Alice6
 
Alice7
Alice7Alice7
Alice7
 
Alice8
Alice8Alice8
Alice8
 
Alice9
Alice9Alice9
Alice9
 
Alice10
Alice10Alice10
Alice10
 
Alice11
Alice11Alice11
Alice11
 
Alice12
Alice12Alice12
Alice12
 

Sitio web

  • 2. • Sitio es un lugar que sirve para algo o un espacio ocupado (o que puede llegar a serlo). La noción de Web, por su parte, hace referencia a internet, una red de redes que permite la interconexión de computadoras mediante un conjunto de protocolos denominado. Un sitio web, por lo tanto, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web(WWW).
  • 3.
  • 4. Algunos de los elementos fundamentales que debe tener tu sitio Web son: • Diseño responsivo. El diseño responsivo es aquel que adapta las páginas Web al tamaño del dispositivo desde el que se accede a ellas. Actualmente una gran cantidad de gente navega en internet desde un dispositivo móvil. • Una sola página. Los sitios Web que cuentan con una sola página y despliegan toda la información hacia abajo son cómodos y rápidos de leer. • Alta resolución e imágenes grandes. Las imágenes en alta resolución que cubren el tamaño de la página son llamativas y otorgan personalidad y estilo propio a tu página Web. • Pie de página. Todas las páginas deben tener un pie de página sencillo y limpio con los datos de contacto. • Botón de volver al inicio. Cuanta más información contenga el sitio, más desplazamiento habrá y los visitantes más se alejarán de la barra de inicio. Un botón visible en todo momento para regresar al inicio de la página es esencial para hacer más cómoda la navegación al usuario.
  • 5. •Claridad en los objetivos del sitio. •Información básica correspondiente al contenido. •Selección de un nombre de dominio correcto. •Selección de la tecnología para el diseño y la programación. •Selección adecuada de un alojamiento Web (hosting) •Claridad de los buscadores, directorios de Internet y el SEO, optimización para los motores de búsqueda • Realización de un diseño en función de los requerimientos del sitio y de los usuarios. •La navegabilidad. •Realización de la programación en determinación de los requerimientos del sitio y de los usuarios. •Aplicación de técnicas de SEO para lograr una mayor visibilidad en Internet. •Actualizar los contenidos periódicamente LOS ELEMENTOS FUNDAMENTALES SON:
  • 6.
  • 7. Es importante que, de un simple vistazo, se puedan identificar los siguientes elementos de una forma clara y consistente a lo largo del sitio: Encabezado Logotipo (no borroso, no mal recortado, no pixeleado) Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”. Barra de navegación. Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir. La estructura del sitio web debe ser visualmente intuitiva y fácil de utilizar
  • 8. • Área de contenido principal. Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información. • Barra lateral de contenido (opcional). En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones. • Pie de página. Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas.
  • 9. TEXTO • El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en hipertexto.
  • 10. IMÁGENES • Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la página, y por lo tanto, los tiempos de descarga. Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal.
  • 11. HIPERVINCULO • Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias página mediante enlaces
  • 12. VIDEOS • Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de video se hacen más cercanos a los usuarios. Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.
  • 13. ANIMACIONS EN FLASH • Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene diferentes usos, desde la creación de dibujos animados hasta el despliegue de dibujos interactivos.
  • 14. SONIDOS • Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles como el iPhone ha potencializado este elemento. • Además de incorporar sonido en la página Web puede descargar de ellas archivos de audio para sus dispositivos móviles. • El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.
  • 15. OTROS ELEMENTOS • Banner: Una imagen fija o animada utilizada generalmente para publicidad. • Marcos: También llamados frames, son una especie de recuadro independiente en el que puede cargar una página Web.Actualmente se pueden obtener los mismos resultados con CSS. • Formulario: Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad. • También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los cuales se almacenan para su manipulación y uso posterior.