Buenos sitios web

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Taller

El
arte
de
crear
(buenos)
sitios
web: diseño,
desarrollo
y
estándares
Miriam
Avila,
Isabel
Villarreal
e
Ivan
San2esteban info@uaweb.org.mx Monterrey,
Nuevo
León,
México Agosto
2008

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Objetivos
•Conocer
el
proceso
para
crear
un
buen
si2o
web • Iden2ficar
las
necesidades
de
tu
organización • Conocer
estrategias
y
conceptos
clave
para organizar
y
presentar
su
información,
programar siguiendo
estándares
y
diseñar
efec2vamente • Conocer
recursos
gratuitos
para
crear,
montar
y mantener
un
si2o
web • Saber
cómo
facilitar
que
los
buscadores
vean
a su
si2o

y
cómo
atender
a
sus
visitantesEl
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Parte
1.

¿Qué
es

un
buen
si2o
web?

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Programa
PARTE
1:
QUÉ
ES
UN
BUEN
SITIO
WEB
(1.5h) • Un
si2o
web • Partes
de
un
si2o
web • Un
buen
si2o
web

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Un
sitio
web Es
una
fuente
de
información adaptada
para
la
World
Wide
Web (WWW)
y
accesible
mediante
unnavegador
de
Internet. Esta
información
se
presenta generalmente
en
formato
HTML
y puede
contener
hiperenlaces
a
otras páginas
web...
Fuente
Wikipedia

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Un
sitio
web

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Partes
de
un
sitio
webEl
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Partes
de
un
sitio
web

Encabezado
• El
encabezado
iden2fica
a
un si2o
web
de
manera
rápida.

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Partes
de
un
sitio
web

Navegación
• Es
el
área
que
con2ene
los hipervínculos
hacia
el
contenido de
la
página.

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Partes
de
un
sitio
webContenido
o
cuerpo
• Es
la
parte
medular
del
si2o web.

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Partes
de
un
sitio
web

Pie
de
página
• Usualmente
con2ene
la información
que
respalda
el si2o
web:
desde
condiciones
de uso
hasta
avisos
legales.

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

OK.
Entonces…

¿qué
es
un
buen
si2o
web?El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Un
buen
sitio
web
• representa
la
esencia
de
una organización • es
la
expresión
de
una

persona • lleva
los
productos
y
servicios
de
una organización
a
la
Internet • resuelve
dudas • minimiza
problemas • ahorra
dinero • genera
valor
y
sa2sfacción



FUNCIONAEl
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Taller

El
arte
de
crear
(buenos)
sitios
web: diseño,
desarrollo
y
estándares
Miriam
Avila,
Isabel
Villarreal
e
Ivan
San2esteban info@uaweb.org.mx Monterrey,
Nuevo
León,
México Agosto
2008

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Parte
2.

La
planeación

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

?El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

¿Cómo
se
crea
una experiencia
de usuario
en
la
web?

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Según
JJ
GarreP

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Estrategia

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Alcance EstrategiaEl
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Estructura Alcance Estrategia

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Esqueleto Estructura Alcance Estrategia

El
arte
de
crear
(buenos)
si2os
web:
diseño,
desarrollo
y
estándares

Superficie Esqueleto Estructura Alcance Estrategia...