SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
DISEÑO E
INSTALACIÓN
DE SITIOS WEB
ESTÁNDARES Y PAUTAS
PARA EL DISEÑO DE
PÁGINAS WEB
Los estándares y pautas para el diseño de un sitio Web son un conjunto
de elementos de vital importancia a considerar antes de su realización
para obtener una buena usabilidad.
Todos estos dependen de que el visitante primero llegue hasta el sitio y
una vez en su interior, cumpla con los objetivos que lo condujeron hacia él
de una manera rápida y simple, garantizando un futuro regreso.
En ocasiones se piensa que sólo con tener un sitio Web en Internet se
logra que sea visitando por las personas que tengan interés en su
contenido, pero realmente no funciona así tan simple.
Hay que tener en cuenta un conjunto de elementos desde su diseño e
implementación para que felizmente esto ocurra.
Página 1
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:
Página 2
EL DISEÑO DE SITIOS
Cuando un usuario llega a una página, generalmente puede figurarse qué
hay ahí, si solamente se tomaría un poco de tiempo.
Dependiendo de los estudios, la capacidad para encontrar la página
correcta en que realizar una operación a partir de la página de inicio va
del 26 al 42%.
Esta diferencia se explicaba en el conocimiento o no por parte del usuario
de que debería seguir varios pasos hasta lograr su objetivo.
El problema de fondo es que la usabilidad sufre dramáticamente tan
pronto como el usuario sale de la página de inicio y empieza a navegar
para resolver el problema.
La Web se diseño como un entorno para leer papeles, y su usabilidad para
tareas más complejas depende en gran medida de un diseño muy sencillo
con la menor distracción posible, información muy clara sobre la
arquitectura y eficaces herramientas de navegación.
Página 3
LA PÁGINA DE INICIO
¿Dónde estoy?
¿Qué hace este sitio?
ES LA BANDERA DEL SITIO Y DEBE SER DISEÑADA DE
FORMA DIFERENTE AL RESTO.
El primer éxito de una página de inicio es responder a dos cuestiones
Ofrecer una idea clara del esquema de navegación en el sitio.
Ofrecer acceso directo a las funcionalidades más comúnmente
usadas del sitio.
Anunciar las novedades o promociones.
Proporcionar una herramienta de búsqueda.
Presentar el nombre y el logo.
Otras misiones que debe cumplir la página de inicio son:
REALIZACIÓN DE UN DISEÑO EN
FUNCIÓN DE LOS
REQUERIMIENTOS DEL SITIO Y DE
LOS USUARIOS
Promoción
Velocidad de carga
Afinidad de los usuarios
Entre otros
El diseño del sitio es una herramienta fundamental para atraer a los
usuarios y el éxito que se obtenga en muchos otros aspectos como:
Dependerá en buena medida de las consideraciones que se realicen
al diseñar.
Es importante destacar que el diseño de las páginas se debe realizar
pensando en el cliente y no en el administrador, escogiendo
cuidadosamente todos los elementos que se utilicen y empleando
solamente los recursos necesarios para comunicar el mensaje que se
desee, logrando que el sitio tenga un aspecto sencillo y nada
recargado.
Página 4
La página de inicio debe dar una idea general del sitio, pues está
constituye su punto de entrada fundamental.
Dependerá en buena medida de las consideraciones que se realicen
al diseñar.
Es lo primero que ven los usuarios y crea esa
primera impresión que es tan importante.
Es en ella donde se determina si se continuará explorando las páginas
o si se navegará hacia otro lugar más interesante.
Los textos son elementos significativos dentro del diseño del sitio
Web. Estos contienen la mayor parte de la información que se brinda,
las explicaciones y los detalles de los elementos que componen el
sitio, constituyen la vía principal de comunicación con el cliente.
Esta es la razón fundamental para que los textos sean escogidos,
revisado y corregidos de forma tal, que se reflejen las ideas que se
quieren transmitir.
Para la presentación de los texto es primordial conocer el tipo de
fuente que se va a emplear de manera tal que se pueda leer bien sin
importar el tipo de navegador o sistema operativo de los usuarios.
Es necesario tener en cuenta el tamaño del texto, que debe ser
pequeño y claro para permitir la lectura rápida.
Por lo que se recomienda utilizar la división por secciones de la
página lo que posibilita que el usuario pueda leer más sobre un tema
sin que pierda atractivo de la página.
Página 5
La implementación de imágenes y gráficos complementa la
información que se quiere brindar en el sitio. Constituyen una
herramienta fundamental pues proporciona al usuario un criterio
visual.
Hay que tener en cuenta que el uso indiscriminado puede hacer más
lento el proceso de carga de las páginas o provocar estrés visual. Se
recomienda usar imágenes cuando realmente sea necesario para
comunicar el mensaje que se desea.
Hay que tener en cuenta que el uso indiscriminado puede hacer más
lento el proceso de carga de las páginas o provocar estrés visual. Se
recomienda usar imágenes cuando realmente sea necesario para
comunicar el mensaje que se desea.
Se recomienda grabar las imágenes en los tres formatos y en función
del compromiso entre la calidad estética que se ofrece y la velocidad
de descarga de la página escoger cuál es el más adecuado.
Página 6

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Analisis
AnalisisAnalisis
Analisis
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Pp
PpPp
Pp
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0Características y Limitaciones de la web 2.0
Características y Limitaciones de la web 2.0
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Diseo web
Diseo webDiseo web
Diseo web
 
Usabilidad y accesibilidad web
Usabilidad y accesibilidad webUsabilidad y accesibilidad web
Usabilidad y accesibilidad web
 
Tipos de Sitios Web
Tipos de Sitios WebTipos de Sitios Web
Tipos de Sitios Web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
M2 DiseñO Web
M2   DiseñO WebM2   DiseñO Web
M2 DiseñO Web
 
T08 dawebnavega
T08 dawebnavegaT08 dawebnavega
T08 dawebnavega
 
Diseño web inclusivo
Diseño web inclusivoDiseño web inclusivo
Diseño web inclusivo
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Recursos digitales 3
Recursos digitales 3Recursos digitales 3
Recursos digitales 3
 
Fundamentos del diseño web front end
Fundamentos del diseño web front endFundamentos del diseño web front end
Fundamentos del diseño web front end
 
Marketing de contenidos
Marketing de contenidosMarketing de contenidos
Marketing de contenidos
 
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...Diseño e instalación de sitios web (navegación del sitio / el usuario control...
Diseño e instalación de sitios web (navegación del sitio / el usuario control...
 

Similar a Diseño e instalación de sitios web

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 webYadith Gomez Nolasco
 
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 webYadith Gomez Nolasco
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasJomicast
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta samantaaaaaa
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Alexa Zárrate
 
Recomendaciones Para Comunicadores
Recomendaciones Para ComunicadoresRecomendaciones Para Comunicadores
Recomendaciones Para Comunicadoresguest3367c9
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1ariaalvarado
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxjuanancka
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaNominalia
 
Pf l1 is103_s1
Pf l1 is103_s1Pf l1 is103_s1
Pf l1 is103_s1logiafenix
 

Similar a Diseño e instalación de sitios web (20)

Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
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
 
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
 
Elaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcasElaboración de documentos web mediante lenguajes de marcas
Elaboración de documentos web mediante lenguajes de marcas
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
Usabilidad y Arquitectura de Información, un pretexto para hablar de la satis...
 
Recomendaciones Para Comunicadores
Recomendaciones Para ComunicadoresRecomendaciones Para Comunicadores
Recomendaciones Para Comunicadores
 
Bases pag web 4
Bases pag web 4Bases pag web 4
Bases pag web 4
 
Diseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdfDiseño de Páginas Web (Web Design).pdf
Diseño de Páginas Web (Web Design).pdf
 
Diseño de páginas web (web design)
Diseño de páginas web (web design)Diseño de páginas web (web design)
Diseño de páginas web (web design)
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
DISEÑO WEB.pdf
DISEÑO WEB.pdfDISEÑO WEB.pdf
DISEÑO WEB.pdf
 
Principios básicos1
Principios básicos1Principios básicos1
Principios básicos1
 
PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
IA GUIDE
IA GUIDEIA GUIDE
IA GUIDE
 
Buenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - NominaliaBuenas prácticas para crear tu página web - Nominalia
Buenas prácticas para crear tu página web - Nominalia
 
Pf l1 is103_s1
Pf l1 is103_s1Pf l1 is103_s1
Pf l1 is103_s1
 

Más de KareliaRivas

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación PythonKareliaRivas
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)KareliaRivas
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)KareliaRivas
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)KareliaRivas
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)KareliaRivas
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTMLKareliaRivas
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)KareliaRivas
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)KareliaRivas
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)KareliaRivas
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)KareliaRivas
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programaciónKareliaRivas
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)KareliaRivas
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosKareliaRivas
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programaciónKareliaRivas
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...KareliaRivas
 

Más de KareliaRivas (20)

Lenguaje de programación Python
Lenguaje de programación PythonLenguaje de programación Python
Lenguaje de programación Python
 
Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)Diseño e instalación de sitios web (PHP hypertext preprocessor)
Diseño e instalación de sitios web (PHP hypertext preprocessor)
 
Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)Estrategia de aprendizaje 17 (Herencia)
Estrategia de aprendizaje 17 (Herencia)
 
Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)Programación orientada a objetos (Herencia)
Programación orientada a objetos (Herencia)
 
Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)Estrategia de aprendizaje 16 (Introducción a html)
Estrategia de aprendizaje 16 (Introducción a html)
 
C#
C#C#
C#
 
Introducción a HTML
Introducción a HTMLIntroducción a HTML
Introducción a HTML
 
Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)Programación orientada a objetos (Crear objetos)
Programación orientada a objetos (Crear objetos)
 
Java
JavaJava
Java
 
Html
HtmlHtml
Html
 
Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)Programación orientada a objetos (Creación de clases)
Programación orientada a objetos (Creación de clases)
 
Los tipos de lenguaje de programación
Los tipos de lenguaje de programaciónLos tipos de lenguaje de programación
Los tipos de lenguaje de programación
 
Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)Diseño e instalación de sitios web (Apache HTTP server)
Diseño e instalación de sitios web (Apache HTTP server)
 
Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)Introducción a la programación orientada a objetos en c (POO)
Introducción a la programación orientada a objetos en c (POO)
 
Lenguajes de programación
Lenguajes de programaciónLenguajes de programación
Lenguajes de programación
 
Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)Diseño e instalación de sitios web (Definición de un servidor web)
Diseño e instalación de sitios web (Definición de un servidor web)
 
Factorial en C++
Factorial en C++Factorial en C++
Factorial en C++
 
Interfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datosInterfaces para sistemas de gestión de bases de datos
Interfaces para sistemas de gestión de bases de datos
 
Recursividad en programación
Recursividad en programaciónRecursividad en programación
Recursividad en programación
 
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
Diseño e instalación de sitios web (El reto del espacio en pantalla / plantil...
 

Último

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 

Último (20)

R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 

Diseño e instalación de sitios web

  • 2. ESTÁNDARES Y PAUTAS PARA EL DISEÑO DE PÁGINAS WEB Los estándares y pautas para el diseño de un sitio Web son un conjunto de elementos de vital importancia a considerar antes de su realización para obtener una buena usabilidad. Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso. En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas que tengan interés en su contenido, pero realmente no funciona así tan simple. Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto ocurra. Página 1
  • 3. 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: Página 2 EL DISEÑO DE SITIOS Cuando un usuario llega a una página, generalmente puede figurarse qué hay ahí, si solamente se tomaría un poco de tiempo. Dependiendo de los estudios, la capacidad para encontrar la página correcta en que realizar una operación a partir de la página de inicio va del 26 al 42%. Esta diferencia se explicaba en el conocimiento o no por parte del usuario de que debería seguir varios pasos hasta lograr su objetivo.
  • 4. El problema de fondo es que la usabilidad sufre dramáticamente tan pronto como el usuario sale de la página de inicio y empieza a navegar para resolver el problema. La Web se diseño como un entorno para leer papeles, y su usabilidad para tareas más complejas depende en gran medida de un diseño muy sencillo con la menor distracción posible, información muy clara sobre la arquitectura y eficaces herramientas de navegación. Página 3 LA PÁGINA DE INICIO ¿Dónde estoy? ¿Qué hace este sitio? ES LA BANDERA DEL SITIO Y DEBE SER DISEÑADA DE FORMA DIFERENTE AL RESTO. El primer éxito de una página de inicio es responder a dos cuestiones Ofrecer una idea clara del esquema de navegación en el sitio. Ofrecer acceso directo a las funcionalidades más comúnmente usadas del sitio. Anunciar las novedades o promociones. Proporcionar una herramienta de búsqueda. Presentar el nombre y el logo. Otras misiones que debe cumplir la página de inicio son:
  • 5. REALIZACIÓN DE UN DISEÑO EN FUNCIÓN DE LOS REQUERIMIENTOS DEL SITIO Y DE LOS USUARIOS Promoción Velocidad de carga Afinidad de los usuarios Entre otros El diseño del sitio es una herramienta fundamental para atraer a los usuarios y el éxito que se obtenga en muchos otros aspectos como: Dependerá en buena medida de las consideraciones que se realicen al diseñar. Es importante destacar que el diseño de las páginas se debe realizar pensando en el cliente y no en el administrador, escogiendo cuidadosamente todos los elementos que se utilicen y empleando solamente los recursos necesarios para comunicar el mensaje que se desee, logrando que el sitio tenga un aspecto sencillo y nada recargado. Página 4
  • 6. La página de inicio debe dar una idea general del sitio, pues está constituye su punto de entrada fundamental. Dependerá en buena medida de las consideraciones que se realicen al diseñar. Es lo primero que ven los usuarios y crea esa primera impresión que es tan importante. Es en ella donde se determina si se continuará explorando las páginas o si se navegará hacia otro lugar más interesante. Los textos son elementos significativos dentro del diseño del sitio Web. Estos contienen la mayor parte de la información que se brinda, las explicaciones y los detalles de los elementos que componen el sitio, constituyen la vía principal de comunicación con el cliente. Esta es la razón fundamental para que los textos sean escogidos, revisado y corregidos de forma tal, que se reflejen las ideas que se quieren transmitir. Para la presentación de los texto es primordial conocer el tipo de fuente que se va a emplear de manera tal que se pueda leer bien sin importar el tipo de navegador o sistema operativo de los usuarios. Es necesario tener en cuenta el tamaño del texto, que debe ser pequeño y claro para permitir la lectura rápida. Por lo que se recomienda utilizar la división por secciones de la página lo que posibilita que el usuario pueda leer más sobre un tema sin que pierda atractivo de la página. Página 5
  • 7. La implementación de imágenes y gráficos complementa la información que se quiere brindar en el sitio. Constituyen una herramienta fundamental pues proporciona al usuario un criterio visual. Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje que se desea. Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje que se desea. Se recomienda grabar las imágenes en los tres formatos y en función del compromiso entre la calidad estética que se ofrece y la velocidad de descarga de la página escoger cuál es el más adecuado. Página 6