SlideShare una empresa de Scribd logo
1 de 8
PAGINAS WEB
¿QUE ES EL DISEÑO WEB?
El diseño web es una actividad que consiste en la planificación, diseño,
implementación y mantenimiento de sitios web. No es simplemente la
implementación del diseño convencional ya que se abarcan diferentes aspectos
como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como
la navegabilidad, interactividad, usabilidad, arquitectura de la información;
interacción de medios, entre los que podemos
mencionar audio, texto, imagen, enlaces, video y la optimización de motores de
búsqueda. A menudo muchas personas trabajan en equipos que cubren los
diferentes aspectos del proceso de diseño, aunque existen algunos diseñadores
independientes que trabajan solos.
DISEÑO WEB APLICADO
El diseño de páginas web es la construcción de documentos de
hipertexto para su visualización en diferentes navegadores. Así como
asignarle una presentación para diferentes dispositivos de salida (en
una pantalla de computador, en papel, en un teléfono móvil, etc.).
ETAPA 1: DISEÑO VISUAL
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
'escribir' la página web se realice un boceto
o pre diseño. Esto facilitará tener un orden
claro sobre el diseño.
ETAPA 2: ESTRUCTURA Y RELACIÓN JERÁRQUICA
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
'escribir' la página web se realice un
boceto o pre diseño. Esto facilitará tener
un orden claro sobre el diseño.
ETAPA 3: POSICIONAMIENTO DE BUSCADORES
consiste en optimizar la estructura del
contenido para mejorar la posición en
que aparece la página en los motores
de búsqueda web por una o varias
palabras clave.
ELEMENTOS QUE DEBE LLEVAR UNA PAGINA WEB
• Imágenes destacadas.
• Llamada a la acción.
• Presencia en las redes sociales.
• Pagina responsiva.
GRACIAS….

Más contenido relacionado

La actualidad más candente

Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2Ximenitaj
 
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZI
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZIDIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZI
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZIAdrian1234Lanz
 
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZI
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZISEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZI
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZIAdrian1234Lanz
 
Jose ambientes colaborativos y web 2.0
Jose ambientes colaborativos y web 2.0Jose ambientes colaborativos y web 2.0
Jose ambientes colaborativos y web 2.0joseguirme24
 
Jose.ambientes.coloboratovos.web 2.0
Jose.ambientes.coloboratovos.web 2.0Jose.ambientes.coloboratovos.web 2.0
Jose.ambientes.coloboratovos.web 2.0joseguirme24
 
Tipos de plataformas de dise
Tipos de plataformas de diseTipos de plataformas de dise
Tipos de plataformas de diseANDYGM2
 
La WEB 2.0
La WEB 2.0La WEB 2.0
La WEB 2.0iaherazo
 
Clase 7 comunicacion 2016 wix-parte ii
Clase 7  comunicacion 2016 wix-parte iiClase 7  comunicacion 2016 wix-parte ii
Clase 7 comunicacion 2016 wix-parte iiViviana Mercedes Ponce
 

La actualidad más candente (15)

Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 
Slideshare
SlideshareSlideshare
Slideshare
 
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZI
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZIDIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZI
DIFERENCIAS Y SEMEJANZAS ENTRE SLIDESHARE Y PREZI
 
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZI
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZISEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZI
SEMEJANZAS Y DIFERENCIAS ENTRE SLIDESHARE Y PREZI
 
Jose ambientes colaborativos y web 2.0
Jose ambientes colaborativos y web 2.0Jose ambientes colaborativos y web 2.0
Jose ambientes colaborativos y web 2.0
 
Jose.ambientes.coloboratovos.web 2.0
Jose.ambientes.coloboratovos.web 2.0Jose.ambientes.coloboratovos.web 2.0
Jose.ambientes.coloboratovos.web 2.0
 
Slideshare y Prezi
Slideshare y PreziSlideshare y Prezi
Slideshare y Prezi
 
Tipos de plataformas de dise
Tipos de plataformas de diseTipos de plataformas de dise
Tipos de plataformas de dise
 
Presentaciones en web
Presentaciones en webPresentaciones en web
Presentaciones en web
 
Clase 7 periodismo 2016 wix-parte ii
Clase 7  periodismo 2016 wix-parte iiClase 7  periodismo 2016 wix-parte ii
Clase 7 periodismo 2016 wix-parte ii
 
La WEB 2.0
La WEB 2.0La WEB 2.0
La WEB 2.0
 
Cecibel leon actividad_3
Cecibel leon actividad_3Cecibel leon actividad_3
Cecibel leon actividad_3
 
tic
tictic
tic
 
Clase 7 comunicacion 2016 wix-parte ii
Clase 7  comunicacion 2016 wix-parte iiClase 7  comunicacion 2016 wix-parte ii
Clase 7 comunicacion 2016 wix-parte ii
 

Similar a Paginas web

Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina webandersond88
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina webleumassamuel
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño WebLorena Guerrero
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseñoBrandi Minaya
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas webLuisa Perez
 
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 WEDsaidi-12barcelo
 
Angie lorena
Angie lorena Angie lorena
Angie lorena angie2530
 
Diseñador Web Carlos D. Baéz
Diseñador Web Carlos D. BaézDiseñador Web Carlos D. Baéz
Diseñador Web Carlos D. Baézcristorey2014
 
Diseño de-sitios-web
Diseño de-sitios-webDiseño de-sitios-web
Diseño de-sitios-webevelinpoma
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicosMaricela41
 

Similar a Paginas web (20)

Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
 
Diseño y manejo de una pagina web
Diseño y manejo de una pagina webDiseño y manejo de una pagina web
Diseño y manejo de una pagina web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
La interacción y el diseño
La interacción y el diseñoLa interacción y el diseño
La interacción y el diseño
 
Diseño web
Diseño webDiseño web
Diseño 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 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
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Diseño web ANTONIO.pptx
Diseño web ANTONIO.pptxDiseño web ANTONIO.pptx
Diseño web ANTONIO.pptx
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 
Crear una web de éxito
Crear una web de éxitoCrear una web de éxito
Crear una web de éxito
 
Angie lorena
Angie lorena Angie lorena
Angie lorena
 
Diseñador Web Carlos D. Baéz
Diseñador Web Carlos D. BaézDiseñador Web Carlos D. Baéz
Diseñador Web Carlos D. Baéz
 
Diseño de-sitios-web
Diseño de-sitios-webDiseño de-sitios-web
Diseño de-sitios-web
 
Diseño de sitios web
Diseño de sitios webDiseño de sitios web
Diseño de sitios web
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
Ariel beitia
Ariel beitiaAriel beitia
Ariel beitia
 

Último

Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosFundación YOD YOD
 
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4hassanbadredun
 
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?Michael Rada
 
Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..JoseRamirez247144
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosk7v476sp7t
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaasesoriam4m
 
EGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptxEGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptxDr. Edwin Hernandez
 
MARKETING SENSORIAL -GABRIELA ARDON .pptx
MARKETING SENSORIAL -GABRIELA ARDON .pptxMARKETING SENSORIAL -GABRIELA ARDON .pptx
MARKETING SENSORIAL -GABRIELA ARDON .pptxgabyardon485
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónjesuscub33
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...ssuser2887fd1
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxJesDavidZeta
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzassuperamigo2014
 
IDENTIDAD Y MANUAL DE MARCA PARA BRANDING
IDENTIDAD Y MANUAL DE MARCA PARA BRANDINGIDENTIDAD Y MANUAL DE MARCA PARA BRANDING
IDENTIDAD Y MANUAL DE MARCA PARA BRANDINGAndresGEscobar
 
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJosVidal41
 
fracturas de antebhbunununrazo [II].pptx
fracturas de antebhbunununrazo  [II].pptxfracturas de antebhbunununrazo  [II].pptx
fracturas de antebhbunununrazo [II].pptxkarlagonzalez159945
 
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...AdrianaCarmenRojasDe
 
15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptxAndreaAlessandraBoli
 
Pensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB EmpresasPensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB Empresasanglunal456
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfConstructiva
 
Rendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosRendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosCondor Tuyuyo
 

Último (20)

Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de servicios
 
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
Apuntadorkeurjeh4jj4by un 4hh4j4u4jj4h4y4jh4
 
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
¿ESTÁ PREPARADA LA LOGÍSTICA PARA EL DECRECIMIENTO?
 
Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
 
MANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manuaMANUAL SKIDDER manual manual manual manua
MANUAL SKIDDER manual manual manual manua
 
EGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptxEGLA CORP - Honduras Abril 27 , 2024.pptx
EGLA CORP - Honduras Abril 27 , 2024.pptx
 
MARKETING SENSORIAL -GABRIELA ARDON .pptx
MARKETING SENSORIAL -GABRIELA ARDON .pptxMARKETING SENSORIAL -GABRIELA ARDON .pptx
MARKETING SENSORIAL -GABRIELA ARDON .pptx
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarización
 
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...DO_FCE_310_PO_.pdf.  La contabilidad gubernamental SOS de suma importancia fu...
DO_FCE_310_PO_.pdf. La contabilidad gubernamental SOS de suma importancia fu...
 
Coca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptxCoca cola organigrama de proceso empresariales.pptx
Coca cola organigrama de proceso empresariales.pptx
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzas
 
IDENTIDAD Y MANUAL DE MARCA PARA BRANDING
IDENTIDAD Y MANUAL DE MARCA PARA BRANDINGIDENTIDAD Y MANUAL DE MARCA PARA BRANDING
IDENTIDAD Y MANUAL DE MARCA PARA BRANDING
 
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptxJOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
JOSSELYN SALINfffffffAS- CAPITULO 4 Y 5.pptx
 
fracturas de antebhbunununrazo [II].pptx
fracturas de antebhbunununrazo  [II].pptxfracturas de antebhbunununrazo  [II].pptx
fracturas de antebhbunununrazo [II].pptx
 
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...
PPT Trabajo de Investigacion sobre Plan de Desarrollo Paraguay 2030 Adriana R...
 
15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx15. NORMATIVA DE SST - LA LEY 29783.pptx
15. NORMATIVA DE SST - LA LEY 29783.pptx
 
Pensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB EmpresasPensamiento Lógico - Matemático USB Empresas
Pensamiento Lógico - Matemático USB Empresas
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
 
Rendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de CondominiosRendicion de cuentas del Administrador de Condominios
Rendicion de cuentas del Administrador de Condominios
 

Paginas web

  • 2. ¿QUE ES EL DISEÑO WEB? El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidad, interactividad, usabilidad, arquitectura de la información; interacción de medios, entre los que podemos mencionar audio, texto, imagen, enlaces, video y la optimización de motores de búsqueda. A menudo muchas personas trabajan en equipos que cubren los diferentes aspectos del proceso de diseño, aunque existen algunos diseñadores independientes que trabajan solos.
  • 3. DISEÑO WEB APLICADO El diseño de páginas web es la construcción de documentos de hipertexto para su visualización en diferentes navegadores. Así como asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc.).
  • 4. ETAPA 1: DISEÑO VISUAL 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 'escribir' la página web se realice un boceto o pre diseño. Esto facilitará tener un orden claro sobre el diseño.
  • 5. ETAPA 2: ESTRUCTURA Y RELACIÓN JERÁRQUICA 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 'escribir' la página web se realice un boceto o pre diseño. Esto facilitará tener un orden claro sobre el diseño.
  • 6. ETAPA 3: POSICIONAMIENTO DE BUSCADORES consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en los motores de búsqueda web por una o varias palabras clave.
  • 7. ELEMENTOS QUE DEBE LLEVAR UNA PAGINA WEB • Imágenes destacadas. • Llamada a la acción. • Presencia en las redes sociales. • Pagina responsiva.