SlideShare una empresa de Scribd logo
MAX. PRÍNCIPE BALTAZAR




La  unión de un buen diseño con una jerarquía bien
 elaborada de contenidos aumenta la eficiencia de
 la web.
brinda posibilidades como el contacto directo entre
 el productor y el consumidor de contenidos.
El diseño de páginas web trata básicamente de
 realizar un documento con información
 hiperenlazado con otros documentos y asignarle
 una presentación para diferentes dispositivos de
 salida.
Estos   documentos o páginas web pueden ser
 creadas:
creando archivos de
 texto en HTML, PHP, Asp, Aspx, Java Script, JSP,
 Python, Ruby.
utilizando un programa WYSIWYG o WYSIWYM de
 creación de páginas.
 Utilizando lenguajes de progración del lado
 servidor para generar la página web.




 La   primera: es 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 bosquejo o
 prediseño sobre el papel. Esto facilitará tener un orden
 claro sobre el diseño.
 La segunda: es la estructura y relación jerárquica de las
  páginas del sitio web, una vez que se tiene este 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.




    La tercera: etapa consiste en el 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, por que a
     diferencia del texto, aún para el año 2011 no se pueden
     tener nuevos resultados en los buscadores con sitios
     muy gráficos.
 No elegir un hosting gratuito o barato
 Comprar un nombre de dominio propio (comprobar si el
  dominio no ha sido penalizado por Google
  anteriormente, si se trata de un dominio ya existente).
 Hacer una buena elección en el nombre del dominio
  (dominio genérico)
 Diseñar considerando los motores de búsqueda ( usar
  excesivamente tecnología flash que no es amigable con
  los buscadores). Sitio web bien diseñado técnicamente,
  sin errores de compatibilidad.
 Dar prioridad al contenido (texto) en lugar del aspecto.
  Permite obtener una mejor visibilidad en Internet.
  No olvidarse del mercado objetivo. Desde el punto de vista
  del marketing y la comercialización en internet, es importante
  nunca perder el rumbo, el propósito inicial de para que fue
  realizada la pagina web, es el de ser un negocio no es un hobbie.
 No tener Navegación pobre (encontrar las páginas a través de un
  menú simple rápido, en definitiva, que el usuario encuentre lo que
  quiere). Considerar un tema muy importante la Usabilidad Web para
  una correcta presentación y uso de la pagina web.
 No Utilizar palabras clave incorrectas, ser relevante en el sentido
  de lo que la gente busca en los buscadores de Google, Yahoo! y
  Live Search
 No tener excesivo uso de imágenes y animaciones en flash
 Que no sea pagina web excesivamente animada, ya que esto hace
  que el visitante se distraiga a tal punto que prefiera abandonar la
  pagina.

Más contenido relacionado

La actualidad más candente

Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
Kamila Velasquez
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
paoloarevaloortiz
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
Digetech.net
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
AngelyBarnica
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
ciwmx
 
Páginas web
Páginas webPáginas web
Páginas web
laura_ramirez7
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamica
U.M.S.A.
 
Páginas web
Páginas webPáginas web
Posicionamiento web y seo
Posicionamiento web y seoPosicionamiento web y seo
Posicionamiento web y seo
Complethost Soluciones Internet
 
Páginas web
Páginas webPáginas web
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
David Fandinho
 
Marketing de contenidos
Marketing de contenidosMarketing de contenidos
Marketing de contenidos
Carlos Rios
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
George Navarro Gomez
 
Samanta2
Samanta2Samanta2
Samanta2
Andrea Arellano
 
Actividad uno
Actividad unoActividad uno
Actividad uno
anylj15
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
Francisco Rodriguez
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
Nicida Malca
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
montserratcova
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
sara paredes
 
Páginas web
Páginas webPáginas web
Páginas web
luisabarbosa18
 

La actualidad más candente (20)

Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Diseño de páginas Web
Diseño de páginas Web Diseño de páginas Web
Diseño de páginas Web
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Diferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamicaDiferencia entre pagina web estatica y dinamica
Diferencia entre pagina web estatica y dinamica
 
Páginas web
Páginas webPáginas web
Páginas web
 
Posicionamiento web y seo
Posicionamiento web y seoPosicionamiento web y seo
Posicionamiento web y seo
 
Páginas web
Páginas webPáginas web
Páginas web
 
Pagina web y cazatesoro
Pagina web y cazatesoroPagina web y cazatesoro
Pagina web y cazatesoro
 
Marketing de contenidos
Marketing de contenidosMarketing de contenidos
Marketing de contenidos
 
Buenas Practicas - Web
Buenas Practicas - WebBuenas Practicas - Web
Buenas Practicas - Web
 
Samanta2
Samanta2Samanta2
Samanta2
 
Actividad uno
Actividad unoActividad uno
Actividad uno
 
Diseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseñoDiseño Web - Proceso de desarrollo y diseño
Diseño Web - Proceso de desarrollo y diseño
 
Presentacion Diseño Web
Presentacion Diseño WebPresentacion Diseño Web
Presentacion Diseño Web
 
Caracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_webCaracteristicas y partes_de_un_sitio_web
Caracteristicas y partes_de_un_sitio_web
 
Internet y páginas web
Internet y páginas webInternet y páginas web
Internet y páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 

Destacado

Advanced Receivables Solutions
Advanced Receivables SolutionsAdvanced Receivables Solutions
Advanced Receivables Solutions
hallbd76
 
Uw omzet de hoogte in met e-commerce
Uw omzet de hoogte in met e-commerceUw omzet de hoogte in met e-commerce
Uw omzet de hoogte in met e-commerce
the AIM
 
002
002002
Serbusa - Presentación Corporativa
Serbusa - Presentación CorporativaSerbusa - Presentación Corporativa
Serbusa - Presentación Corporativa
Serbusa
 
Deborah Holdstein - Music Video Analysis
Deborah Holdstein - Music Video AnalysisDeborah Holdstein - Music Video Analysis
Deborah Holdstein - Music Video Analysis
sachaspence
 
11 Motivi Per Non Bere Con Gli Amici
11 Motivi Per Non Bere Con Gli Amici11 Motivi Per Non Bere Con Gli Amici
11 Motivi Per Non Bere Con Gli AmiciDaniele Crupi
 
Pmg Kantenaanlijmers
Pmg KantenaanlijmersPmg Kantenaanlijmers
Pmg Kantenaanlijmers
RKyndt
 
Mike Corey
Mike CoreyMike Corey
Mike Corey
Russ Christ
 

Destacado (9)

Advanced Receivables Solutions
Advanced Receivables SolutionsAdvanced Receivables Solutions
Advanced Receivables Solutions
 
Uw omzet de hoogte in met e-commerce
Uw omzet de hoogte in met e-commerceUw omzet de hoogte in met e-commerce
Uw omzet de hoogte in met e-commerce
 
002
002002
002
 
Serbusa - Presentación Corporativa
Serbusa - Presentación CorporativaSerbusa - Presentación Corporativa
Serbusa - Presentación Corporativa
 
Deborah Holdstein - Music Video Analysis
Deborah Holdstein - Music Video AnalysisDeborah Holdstein - Music Video Analysis
Deborah Holdstein - Music Video Analysis
 
Power Andrea
Power AndreaPower Andrea
Power Andrea
 
11 Motivi Per Non Bere Con Gli Amici
11 Motivi Per Non Bere Con Gli Amici11 Motivi Per Non Bere Con Gli Amici
11 Motivi Per Non Bere Con Gli Amici
 
Pmg Kantenaanlijmers
Pmg KantenaanlijmersPmg Kantenaanlijmers
Pmg Kantenaanlijmers
 
Mike Corey
Mike CoreyMike Corey
Mike Corey
 

Similar a Diseño web

DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WED
saidi-12barcelo
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
Dávíd Gónzáléz
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
stefany79841964
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
Alexanderdavid1995
 
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 Valencia
 
Diseño web
Diseño webDiseño web
El internet
El internetEl internet
El internet
Kaimer Solis Payano
 
Pagina web
Pagina webPagina web
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
Facultad de Ciencias y Sistemas
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
arielito1785
 
Diseño web
Diseño webDiseño web
Diseño web
erika_1177
 
Wix
WixWix
Moretti
MorettiMoretti
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
Jose Garay
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
Simonjosueana
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
Luisa Perez
 
Posicionamiento Online
Posicionamiento OnlinePosicionamiento Online
Posicionamiento Online
Edward Silver
 
HTML 5
HTML 5HTML 5
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
estaseylugo1992
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
guestf13996f
 

Similar a Diseño web (20)

DISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WEDDISEÑO Y MANEJO DE PAGINAS WED
DISEÑO Y MANEJO DE PAGINAS WED
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
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
 
El internet
El internetEl internet
El internet
 
Pagina web
Pagina webPagina web
Pagina web
 
Curso HTML 5 en Español
Curso HTML 5 en EspañolCurso HTML 5 en Español
Curso HTML 5 en Español
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 
Diseño web
Diseño webDiseño web
Diseño web
 
Wix
WixWix
Wix
 
Moretti
MorettiMoretti
Moretti
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Issuu1 a.v.v.m
Issuu1 a.v.v.mIssuu1 a.v.v.m
Issuu1 a.v.v.m
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Posicionamiento Online
Posicionamiento OnlinePosicionamiento Online
Posicionamiento Online
 
HTML 5
HTML 5HTML 5
HTML 5
 
Mi primera pagina_web[1]
Mi primera pagina_web[1]Mi primera pagina_web[1]
Mi primera pagina_web[1]
 
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
06 Primeros Pasos Para Aprender A Hacer Una PáGina Web
 

Diseño web

  • 1. MAX. PRÍNCIPE BALTAZAR La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la web. brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos. El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida.
  • 2. Estos documentos o páginas web pueden ser creadas: creando archivos de texto en HTML, PHP, Asp, Aspx, Java Script, JSP, Python, Ruby. utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.  Utilizando lenguajes de progración del lado servidor para generar la página web.  La primera: es 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 bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.
  • 3.  La segunda: es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este 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.  La tercera: etapa consiste en el 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, por que a diferencia del texto, aún para el año 2011 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.
  • 4.  No elegir un hosting gratuito o barato  Comprar un nombre de dominio propio (comprobar si el dominio no ha sido penalizado por Google anteriormente, si se trata de un dominio ya existente).  Hacer una buena elección en el nombre del dominio (dominio genérico)  Diseñar considerando los motores de búsqueda ( usar excesivamente tecnología flash que no es amigable con los buscadores). Sitio web bien diseñado técnicamente, sin errores de compatibilidad.  Dar prioridad al contenido (texto) en lugar del aspecto. Permite obtener una mejor visibilidad en Internet.
  • 5.  No olvidarse del mercado objetivo. Desde el punto de vista del marketing y la comercialización en internet, es importante nunca perder el rumbo, el propósito inicial de para que fue realizada la pagina web, es el de ser un negocio no es un hobbie.  No tener Navegación pobre (encontrar las páginas a través de un menú simple rápido, en definitiva, que el usuario encuentre lo que quiere). Considerar un tema muy importante la Usabilidad Web para una correcta presentación y uso de la pagina web.  No Utilizar palabras clave incorrectas, ser relevante en el sentido de lo que la gente busca en los buscadores de Google, Yahoo! y Live Search  No tener excesivo uso de imágenes y animaciones en flash  Que no sea pagina web excesivamente animada, ya que esto hace que el visitante se distraiga a tal punto que prefiera abandonar la pagina.