SlideShare a Scribd company logo
1 of 17
Download to read offline
Por: Carlos D. Baéz Declet
El diseño web es una actividad que consiste en la planificar, diseñar
e implementar sitios web.

Requiere tener en cuenta la navegabilidad, interactividad, utilidad,
arquitectura de la información y la interacción de medios como el
audio, texto ,imagen, enlaces y vídeo.


En un principio era sólo texto, pero a medida que ha evolucionado
la tecnología, tanto los ordenadores como las redes de
telecomunicaciones, se ha generado nuevas formas de desarrollar
la web. La inclusión de imágenes fue la más significativa, pero

también debemos mencionar el vídeo y la animación, o los espacios
3D, lo que aporta valores estilísticos, de diseño y de interactividad
jamás imaginados antes.


El diseño de páginas web se ha desarrollado a medida que ha
evolucionado Internet.



En 1992 sólo había alrededor de 50 sitios web. Las estadísticas
del 2005 nos afirmaban que la cantidad de sitios web ronda los
8.000 millones de sitios, a los que diariamente se les suma a raíz
de 4400 por día.


Rápidamente, su importancia alcanzará las mismas cuotas que la

televisor o el teléfono. Datos recientes estiman que hay alrededor
de 2 mil millones de páginas colgadas y se espera que en los
próximos años llegue a los 8 mil millones, excediendo el número
de habitantes del planeta. Sin embargo, sólo una fracción de este
número es visitado habitualmente por la mayoría de los usuarios
(sólo alrededor de 15.000 sitios webs, el 0,4% del total).


A partir de estos datos se puede entender la necesidad de
concentrar los esfuerzos para atraer y mantener la atención de
los usuarios. Junto con un desarrollo efectivo de la estructura
web y del contenido, el diseño y el uso del color son la llave

para atraer y ser identificado, formando vínculos en el
subconsciente del usuario y generar esquemas para captar y
fidelizar a nuevos visitantes.


El diseño web ha visto amplia aplicación en los sectores
comerciales de Internet especialmente en el World Wide Web. A
menudo la web se utiliza como medio de expresión plástica en
sí. Artistas y creadores hacen de las páginas en Internet un
medio más para ofrecer sus producciones y utilizarlas como un
canal más de difusión de su obra.


El diseño de páginas web se trata básicamente de realizar un

documento con información hiperenlazado con otros documentos
y asignarle una presentación para diferentes dispositivos de
salida (en una pantalla de computador, en papel, en un teléfono
móvil, etc).
Estos documentos o páginas web pueden ser creadas:



Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript,
JSP, Python, Ruby.



Utilizando un programa WYSIWYG o WYSIWYM de creación de
páginas.



Empleando lenguajes de programación del lado servidor, para
generar la página web.
Para el diseño de páginas web debemos tener en cuenta tres etapas:
Primera etapa:


El diseño visual de la información que se desea editar. En esta etapa se

trabaja distribuyendo el texto, los gráficos, los vínculos a otros
documentos y otros objetos multimedia que se consideren pertinentes. Es
importante que antes de trabajar sobre el computador se realice un
boceto o pre-diseño sobre el papel. Esto facilitará tener un orden claro
sobre el diseño.
Segunda etapa:



Estructura y relación jerárquica de las páginas del sitio web. Una vez que se
tiene el boceto se pasa a 'escribir' la página web. Para esto, y
fundamentalmente para manejar los vínculos entre documentos, se creó el

lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen
subrayados en este documento y otros de Wikipedia son ejemplos de
hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con

información relacionada. La importancia de la estructura y arborescencia
web radica en que los visitantes no siempre entran por la página principal o
inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido,

además permitirle navegar por el sitio.
Tercera etapa:



Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la
estructura del contenido para mejorar la posición en que aparece la
página en determinada búsqueda. Etapa no gustosa por los

diseñadores gráficos, porque a diferencia del texto, aún para el año
2012 no se pueden tener nuevos resultados en los buscadores con
sitios muy gráficos.


El diseño web debe seguir unos requerimientos mínimos de
accesibilidad web que haga que sus sitios web o aplicaciones
puedan ser visitados por el mayor número de personas.




http://es.wikipedia.org/wiki/Dise%C3%B1o_web
http://diseñadorwebmadrid.es/dixenia-estudio-de-disenoweb-en-madrid/



http://isi.edu.pa/cursos/curso-de-diseno-web



http://www.studiosweb.es/diseno-web/

More Related Content

What's hot

What's hot (19)

Historia de Diseño Web
Historia de Diseño WebHistoria de Diseño Web
Historia de Diseño Web
 
Web
WebWeb
Web
 
MyPlick
MyPlickMyPlick
MyPlick
 
Trabajo en clase
Trabajo en clase Trabajo en clase
Trabajo en clase
 
La evolucion de la web
La evolucion de la webLa evolucion de la web
La evolucion de la web
 
Narcisa Ordoñez web 2.0
Narcisa Ordoñez web 2.0Narcisa Ordoñez web 2.0
Narcisa Ordoñez web 2.0
 
Presentacion de Informatica sobre la Evolucion de la Web
Presentacion de Informatica sobre la Evolucion de la WebPresentacion de Informatica sobre la Evolucion de la Web
Presentacion de Informatica sobre la Evolucion de la Web
 
Evolucion de la web22
Evolucion de la web22Evolucion de la web22
Evolucion de la web22
 
Blog
BlogBlog
Blog
 
06 presentación-trabajo colaborativo
06 presentación-trabajo colaborativo06 presentación-trabajo colaborativo
06 presentación-trabajo colaborativo
 
Que es tecnología web 2.0 luis camilo lopez
Que es tecnología web 2.0 luis camilo lopezQue es tecnología web 2.0 luis camilo lopez
Que es tecnología web 2.0 luis camilo lopez
 
Historia de la web
Historia de la web Historia de la web
Historia de la web
 
Web 2.0 y 3.0
Web 2.0 y 3.0Web 2.0 y 3.0
Web 2.0 y 3.0
 
Presentación1
Presentación1Presentación1
Presentación1
 
Evolucion de la web
Evolucion de la web Evolucion de la web
Evolucion de la web
 
Evolución de la web
Evolución de la webEvolución de la web
Evolución de la web
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Clasificación de las webs
Clasificación de las websClasificación de las webs
Clasificación de las webs
 

Viewers also liked

Informe de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolInforme de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolMarySolNf
 
CV Diseñador de paginas web
CV Diseñador de paginas webCV Diseñador de paginas web
CV Diseñador de paginas webVALEVS
 
Introduccion a Diseño de Paginas Web
Introduccion a Diseño de Paginas WebIntroduccion a Diseño de Paginas Web
Introduccion a Diseño de Paginas WebCarlos Lugo
 
Practica de tic
Practica de ticPractica de tic
Practica de ticblanca luz
 
Ivan montes r
Ivan montes rIvan montes r
Ivan montes rimontesr
 
SENATI VIRTUAL - Inducción
SENATI VIRTUAL  - InducciónSENATI VIRTUAL  - Inducción
SENATI VIRTUAL - InducciónJerquispe
 
Perfil del nuevo Diseñador web
Perfil del nuevo Diseñador webPerfil del nuevo Diseñador web
Perfil del nuevo Diseñador webLuis Alarcón
 
Curriculum vitae 2013 personal
Curriculum vitae 2013 personalCurriculum vitae 2013 personal
Curriculum vitae 2013 personalaudiwords
 
Acta de constitucion del Proyecto
Acta de constitucion del ProyectoActa de constitucion del Proyecto
Acta de constitucion del ProyectoWidowmaker88
 

Viewers also liked (12)

Informe de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary SolInforme de ocupación_Diseñador de páginas web_Mary Sol
Informe de ocupación_Diseñador de páginas web_Mary Sol
 
CV Diseñador de paginas web
CV Diseñador de paginas webCV Diseñador de paginas web
CV Diseñador de paginas web
 
Introduccion a Diseño de Paginas Web
Introduccion a Diseño de Paginas WebIntroduccion a Diseño de Paginas Web
Introduccion a Diseño de Paginas Web
 
Practica de tic
Practica de ticPractica de tic
Practica de tic
 
Ivan montes r
Ivan montes rIvan montes r
Ivan montes r
 
Curriculum vitae chunga
Curriculum vitae chungaCurriculum vitae chunga
Curriculum vitae chunga
 
Curriculum cajusol
Curriculum cajusolCurriculum cajusol
Curriculum cajusol
 
Cv ,.
Cv  ,.Cv  ,.
Cv ,.
 
SENATI VIRTUAL - Inducción
SENATI VIRTUAL  - InducciónSENATI VIRTUAL  - Inducción
SENATI VIRTUAL - Inducción
 
Perfil del nuevo Diseñador web
Perfil del nuevo Diseñador webPerfil del nuevo Diseñador web
Perfil del nuevo Diseñador web
 
Curriculum vitae 2013 personal
Curriculum vitae 2013 personalCurriculum vitae 2013 personal
Curriculum vitae 2013 personal
 
Acta de constitucion del Proyecto
Acta de constitucion del ProyectoActa de constitucion del Proyecto
Acta de constitucion del Proyecto
 

Similar to Diseñador Web Carlos D. Baéz

Similar to Diseñador Web Carlos D. Baéz (20)

Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Diseño web informatica
Diseño web informatica Diseño web informatica
Diseño web informatica
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseno web
Diseno webDiseno web
Diseno web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Diseño web
Diseño web Diseño web
Diseño web
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Amanda andrea trabajo terminado diseño web
Amanda andrea  trabajo terminado diseño webAmanda andrea  trabajo terminado diseño web
Amanda andrea trabajo terminado diseño web
 
Anderson oliveros 11 a presentación 1
Anderson oliveros 11 a presentación 1Anderson oliveros 11 a presentación 1
Anderson oliveros 11 a presentación 1
 
Diseño Web
Diseño WebDiseño Web
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
 
Diseño web
Diseño webDiseño web
Diseño web
 

More from cristorey2014

Aviones sin conductor
Aviones sin conductorAviones sin conductor
Aviones sin conductorcristorey2014
 
Energia Limpia by Carla De los Santos
Energia Limpia by Carla De los SantosEnergia Limpia by Carla De los Santos
Energia Limpia by Carla De los Santoscristorey2014
 
Automóviles autónomos por Angel Montalvo
Automóviles autónomos por Angel MontalvoAutomóviles autónomos por Angel Montalvo
Automóviles autónomos por Angel Montalvocristorey2014
 
Presentacion hecha por Oscar Santiago
Presentacion hecha por Oscar SantiagoPresentacion hecha por Oscar Santiago
Presentacion hecha por Oscar Santiagocristorey2014
 
Desalinización del agua, adriana robles
Desalinización del agua, adriana roblesDesalinización del agua, adriana robles
Desalinización del agua, adriana roblescristorey2014
 
Nuevas tecnologías
Nuevas tecnologías Nuevas tecnologías
Nuevas tecnologías cristorey2014
 
Artefactos elect deric rodz
Artefactos elect deric rodzArtefactos elect deric rodz
Artefactos elect deric rodzcristorey2014
 
Computacion Cuantica Emily Manfredy 9Cr Sr.Marylin
Computacion Cuantica Emily Manfredy 9Cr Sr.MarylinComputacion Cuantica Emily Manfredy 9Cr Sr.Marylin
Computacion Cuantica Emily Manfredy 9Cr Sr.Marylincristorey2014
 

More from cristorey2014 (8)

Aviones sin conductor
Aviones sin conductorAviones sin conductor
Aviones sin conductor
 
Energia Limpia by Carla De los Santos
Energia Limpia by Carla De los SantosEnergia Limpia by Carla De los Santos
Energia Limpia by Carla De los Santos
 
Automóviles autónomos por Angel Montalvo
Automóviles autónomos por Angel MontalvoAutomóviles autónomos por Angel Montalvo
Automóviles autónomos por Angel Montalvo
 
Presentacion hecha por Oscar Santiago
Presentacion hecha por Oscar SantiagoPresentacion hecha por Oscar Santiago
Presentacion hecha por Oscar Santiago
 
Desalinización del agua, adriana robles
Desalinización del agua, adriana roblesDesalinización del agua, adriana robles
Desalinización del agua, adriana robles
 
Nuevas tecnologías
Nuevas tecnologías Nuevas tecnologías
Nuevas tecnologías
 
Artefactos elect deric rodz
Artefactos elect deric rodzArtefactos elect deric rodz
Artefactos elect deric rodz
 
Computacion Cuantica Emily Manfredy 9Cr Sr.Marylin
Computacion Cuantica Emily Manfredy 9Cr Sr.MarylinComputacion Cuantica Emily Manfredy 9Cr Sr.Marylin
Computacion Cuantica Emily Manfredy 9Cr Sr.Marylin
 

Diseñador Web Carlos D. Baéz

  • 1. Por: Carlos D. Baéz Declet
  • 2.
  • 3. El diseño web es una actividad que consiste en la planificar, diseñar e implementar sitios web. Requiere tener en cuenta la navegabilidad, interactividad, utilidad, arquitectura de la información y la interacción de medios como el audio, texto ,imagen, enlaces y vídeo.
  • 4.
  • 5.  En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el vídeo y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.
  • 6.  El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet.  En 1992 sólo había alrededor de 50 sitios web. Las estadísticas del 2005 nos afirmaban que la cantidad de sitios web ronda los 8.000 millones de sitios, a los que diariamente se les suma a raíz de 4400 por día.
  • 7.  Rápidamente, su importancia alcanzará las mismas cuotas que la televisor o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).
  • 8.  A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.
  • 9.  El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en el World Wide Web. A menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.
  • 10.
  • 11.  El diseño de páginas web se trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).
  • 12. Estos documentos o páginas web pueden ser creadas:  Creando archivos de texto en HTML, PHP, Asp, Aspx, JavaScript, JSP, Python, Ruby.  Utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.  Empleando lenguajes de programación del lado servidor, para generar la página web.
  • 13. Para el diseño de páginas web debemos tener en cuenta tres etapas: Primera etapa:  El diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o pre-diseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
  • 14. Segunda etapa:  Estructura y relación jerárquica de las páginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.
  • 15. Tercera etapa:  Posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.
  • 16.  El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas.