SlideShare une entreprise Scribd logo
1  sur  8
CONCEPTOS BASICOS DE
DISEÑO WEB
Sitio Web: conjunto de archivos
Página Web: archivo en formato HTML o HTM
Hipervínculo: objeto que se utiliza para enlazar
archivos (páginas Web, imágenes, audio, etc.).
Servidor Web: computadora conectada a internet
que aloja Sitios Web o archivos que pueden ser
solicitados a través
de la red.
Peso de las páginas y formato
de imágenes
El peso de las páginas es conveniente que no exceda de los 50 Kb.;
esto se debe a que todavía las conexiones a Internet son lentas, y hay
estudios hechos en los EE.UU. que demuestran que los usuarios no
suelen esperar más de 30 segundos para ver la información de una
página.
En este tema es fundamental el tratamiento de las imágenes, es decir,
muchas veces se pueden acondicionar las mismas para que bajen
sustancialmente de peso, manteniendo de todas formas una calidad
aceptable. Los software de edición de imágenes digitales vienen ya
preparados para la optimización de imágenes a montar en la web.
•Peso de las páginas
•Formato de imágenes
Consistencia
Es necesario lograr que el sitio web obtenga
consistencia y una imagen distintiva, mediante el
uso de fondos, gráficos y logos, colores uniformes
en el texto y los enlaces, barras de navegación en
el mismo lugar, etc.; de la misma manera que una
tienda comercial mantiene una estética única,
tanto para su casa central como para sus
sucursales.
Fondo y gráficos distintivos
Color de texto y enlaces
Barras de navegación en el mismo lugar
Pasos para la creación de un
sitio Web
• Establecer los objetivos
• Diseñar el Sitio Web
• Publicación y mantenimiento
Diseño del Sitio Web
• Crear una lista de contenidos, que va a brindar (por ejemplo:
noticias, el clima, una base de datos de productos, etc).
• Establecer los requisitos funcionales, que se realicen de manera
sencilla (barras de navegación, enlaces, colores y diseño de los
mismos)
• Verificar las herramientas disponibles.
• Disponer el presupuesto económico.
Publicación y mantenimiento
•Publicación del sitio en la web
•Renovar contenidos periódicamente.
Subido por
• Emmanuel Lopez Osorio
• YUXIA

Contenu connexe

Tendances

Estandares de creación de una página web
Estandares de creación de una página webEstandares de creación de una página web
Estandares de creación de una página web
khaterin1212
 
Proforma Diseño Página Web
Proforma Diseño Página WebProforma Diseño Página Web
Proforma Diseño Página Web
Luis Flores
 

Tendances (18)

Proforma web
Proforma webProforma web
Proforma web
 
Paginas alojamiento
Paginas alojamientoPaginas alojamiento
Paginas alojamiento
 
Trabajo 4
Trabajo 4Trabajo 4
Trabajo 4
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Estandares de creación de una página web
Estandares de creación de una página webEstandares de creación de una página web
Estandares de creación de una página web
 
Widison
WidisonWidison
Widison
 
Trabajo power point
Trabajo power pointTrabajo power point
Trabajo power point
 
Proforma Diseño Página Web
Proforma Diseño Página WebProforma Diseño Página Web
Proforma Diseño Página Web
 
Web 1
Web 1Web 1
Web 1
 
Diseño de web
Diseño  de webDiseño  de web
Diseño de web
 
Presupuesto Web CéSar
Presupuesto Web CéSarPresupuesto Web CéSar
Presupuesto Web CéSar
 
Diseño pagina web- html
Diseño pagina web- html Diseño pagina web- html
Diseño pagina web- html
 
Trabajo power poin
Trabajo power poinTrabajo power poin
Trabajo power poin
 
Diseño Web Rápido, Seguro, Barato Desde $160
Diseño Web  Rápido, Seguro, Barato Desde $160Diseño Web  Rápido, Seguro, Barato Desde $160
Diseño Web Rápido, Seguro, Barato Desde $160
 
Cotizaciones
CotizacionesCotizaciones
Cotizaciones
 
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
 
Introduccion a la tecnologia web
Introduccion a la tecnologia webIntroduccion a la tecnologia web
Introduccion a la tecnologia web
 
Páginas web actividad uno (2)
Páginas web actividad uno (2)Páginas web actividad uno (2)
Páginas web actividad uno (2)
 

En vedette

En vedette (10)

Guia rápida de instalación
Guia rápida de instalaciónGuia rápida de instalación
Guia rápida de instalación
 
Canon
CanonCanon
Canon
 
Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)Metodo completo de violão (F.Sor, N.Coste)
Metodo completo de violão (F.Sor, N.Coste)
 
Good Company
Good CompanyGood Company
Good Company
 
Curso globo de violão e guitarra 2-3
Curso globo de violão e guitarra   2-3Curso globo de violão e guitarra   2-3
Curso globo de violão e guitarra 2-3
 
Curso globo de violão e guitarra 1-3
Curso globo de violão e guitarra   1-3Curso globo de violão e guitarra   1-3
Curso globo de violão e guitarra 1-3
 
Curso globo de violão e guitarra 3-3
Curso globo de violão e guitarra   3-3Curso globo de violão e guitarra   3-3
Curso globo de violão e guitarra 3-3
 
SEO: Getting Personal
SEO: Getting PersonalSEO: Getting Personal
SEO: Getting Personal
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?
 

Similaire à Planeacion del sitio web

pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
lkjiufgviu
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
Liz345
 
Ficha 1 pagina y sitio web
Ficha 1 pagina y sitio webFicha 1 pagina y sitio web
Ficha 1 pagina y sitio web
valenena8
 
Pagina web
Pagina webPagina web
Pagina web
kath0132
 
Web aprende
Web   aprendeWeb   aprende
Web aprende
yesianro
 

Similaire à Planeacion del sitio web (20)

Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11
 
pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Fases para elaborar un sitios web
Fases para elaborar un sitios webFases para elaborar un sitios web
Fases para elaborar un sitios web
 
Ficha 1 pagina y sitio web
Ficha 1 pagina y sitio webFicha 1 pagina y sitio web
Ficha 1 pagina y sitio web
 
Pagina web
Pagina webPagina web
Pagina web
 
Presentación1
Presentación1Presentación1
Presentación1
 
Web aprende
Web   aprendeWeb   aprende
Web aprende
 
Pistas Construccion Web
Pistas Construccion WebPistas Construccion Web
Pistas Construccion Web
 
Páginas web
Páginas webPáginas web
Páginas web
 
DESARROLLO DE APLICACIONES WEB.pdf
DESARROLLO DE APLICACIONES WEB.pdfDESARROLLO DE APLICACIONES WEB.pdf
DESARROLLO DE APLICACIONES WEB.pdf
 
Paginas web
Paginas webPaginas web
Paginas web
 
Introducción Diseño Web
Introducción Diseño WebIntroducción Diseño Web
Introducción Diseño Web
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Manual frontpage 2000
Manual frontpage 2000Manual frontpage 2000
Manual frontpage 2000
 
Paginas web
Paginas webPaginas web
Paginas web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Trabajo paginas web
Trabajo paginas webTrabajo paginas web
Trabajo paginas web
 
Marketing digital para la PYME
Marketing digital para la PYMEMarketing digital para la PYME
Marketing digital para la PYME
 
Manual de front page
Manual de front pageManual de front page
Manual de front page
 

Planeacion del sitio web

  • 1.
  • 2. CONCEPTOS BASICOS DE DISEÑO WEB Sitio Web: conjunto de archivos Página Web: archivo en formato HTML o HTM Hipervínculo: objeto que se utiliza para enlazar archivos (páginas Web, imágenes, audio, etc.). Servidor Web: computadora conectada a internet que aloja Sitios Web o archivos que pueden ser solicitados a través de la red.
  • 3. Peso de las páginas y formato de imágenes El peso de las páginas es conveniente que no exceda de los 50 Kb.; esto se debe a que todavía las conexiones a Internet son lentas, y hay estudios hechos en los EE.UU. que demuestran que los usuarios no suelen esperar más de 30 segundos para ver la información de una página. En este tema es fundamental el tratamiento de las imágenes, es decir, muchas veces se pueden acondicionar las mismas para que bajen sustancialmente de peso, manteniendo de todas formas una calidad aceptable. Los software de edición de imágenes digitales vienen ya preparados para la optimización de imágenes a montar en la web. •Peso de las páginas •Formato de imágenes
  • 4. Consistencia Es necesario lograr que el sitio web obtenga consistencia y una imagen distintiva, mediante el uso de fondos, gráficos y logos, colores uniformes en el texto y los enlaces, barras de navegación en el mismo lugar, etc.; de la misma manera que una tienda comercial mantiene una estética única, tanto para su casa central como para sus sucursales. Fondo y gráficos distintivos Color de texto y enlaces Barras de navegación en el mismo lugar
  • 5. Pasos para la creación de un sitio Web • Establecer los objetivos • Diseñar el Sitio Web • Publicación y mantenimiento
  • 6. Diseño del Sitio Web • Crear una lista de contenidos, que va a brindar (por ejemplo: noticias, el clima, una base de datos de productos, etc). • Establecer los requisitos funcionales, que se realicen de manera sencilla (barras de navegación, enlaces, colores y diseño de los mismos) • Verificar las herramientas disponibles. • Disponer el presupuesto económico.
  • 7. Publicación y mantenimiento •Publicación del sitio en la web •Renovar contenidos periódicamente.
  • 8. Subido por • Emmanuel Lopez Osorio • YUXIA