SlideShare una empresa de Scribd logo
1 de 7
El diseño web es una actividad
que consiste en la planificación,
diseño, implementación y
mantenimiento de sitios web.
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.
Estos documentos o páginas web pueden ser creadas:
• Creando archivos de texto en HTML, Asp, Aspx,
JavaScript, JSP, Python, Ruby.
• Utilizando un programa visual WYSIWYG o WYSIWYM
de creación de páginas.
• Utilizando lenguajes de programación del lado
servidor, para generar la página web.
ETAPAS
Para el diseño de páginas web debemos tener en cuenta
tres etapas:
1. 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.
2. Estructura y relación jerárquica de las páginas del sitio
web. Para esto, y fundamentalmente para manejar los
vínculos entre documentos, se creó el lenguaje de
marcación de hipertexto o HTML.
3. 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.
FUNDAMENTOS
El diseño web implica conocer cómo se deben
utilizar cada uno de los elementos permitidos en el
HTML, es decir, hacer un uso correcto de este
lenguaje dentro de los estándares establecidos por
la W3C y en lo referente a la web semántica.
Debido a la permisibilidad de algunos navegadores
web como Internet Explorer, esta premisa original se
ha perdido.
ACCESIBILIDAD
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. Para
conseguir estos objetivos de accesibilidad se
han desarrollado pautas como las del W3C:
Pautas de accesibilidad al contenido Web 1.0
WCAG.
Gracias

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Presentación wordpress
Presentación wordpressPresentación wordpress
Presentación wordpress
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 
Administracion de contenidos
Administracion de contenidosAdministracion de contenidos
Administracion de contenidos
 
Presentación sobre Diseño Web
Presentación sobre Diseño WebPresentación sobre Diseño Web
Presentación sobre Diseño Web
 
Preguntas
PreguntasPreguntas
Preguntas
 
Gestion de contenidos
Gestion de contenidosGestion de contenidos
Gestion de contenidos
 
17201064
1720106417201064
17201064
 
02 introducción al diseño web
02 introducción al diseño web02 introducción al diseño web
02 introducción al diseño web
 
Diapositiva parcial johan jimenez
Diapositiva parcial johan jimenezDiapositiva parcial johan jimenez
Diapositiva parcial johan jimenez
 
ACERCA DE JSP
ACERCA DE JSP ACERCA DE JSP
ACERCA DE JSP
 
trabajo de Joomla_Centurión 5to sec
trabajo de Joomla_Centurión 5to sectrabajo de Joomla_Centurión 5to sec
trabajo de Joomla_Centurión 5to sec
 
Cms
CmsCms
Cms
 
Gestor de contenidos
Gestor de contenidosGestor de contenidos
Gestor de contenidos
 
Dn13 u3 a24_ezm
Dn13 u3 a24_ezmDn13 u3 a24_ezm
Dn13 u3 a24_ezm
 
Presentacion Taller Desarrollo de Blogs
Presentacion Taller Desarrollo de BlogsPresentacion Taller Desarrollo de Blogs
Presentacion Taller Desarrollo de Blogs
 
Adame jenny sistemagc
Adame jenny sistemagcAdame jenny sistemagc
Adame jenny sistemagc
 

Destacado

Destacado (14)

Fabian Ricardo Tinoco Atencia
Fabian Ricardo Tinoco AtenciaFabian Ricardo Tinoco Atencia
Fabian Ricardo Tinoco Atencia
 
Tipos plataformas web
Tipos plataformas webTipos plataformas web
Tipos plataformas web
 
La web
La webLa web
La web
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1
Presentación1Presentación1
Presentación1
 
Cable de-par-trenzado-cat.5e.
Cable de-par-trenzado-cat.5e.Cable de-par-trenzado-cat.5e.
Cable de-par-trenzado-cat.5e.
 
Experiencias en slide share
Experiencias en slide shareExperiencias en slide share
Experiencias en slide share
 
318847501 paginas-web
318847501 paginas-web318847501 paginas-web
318847501 paginas-web
 
Sitios web
Sitios webSitios web
Sitios web
 
Navegadores
NavegadoresNavegadores
Navegadores
 
Trabajo de-multimedia
Trabajo de-multimediaTrabajo de-multimedia
Trabajo de-multimedia
 
Nueva cultura de señalización - PDF
Nueva cultura de señalización - PDF Nueva cultura de señalización - PDF
Nueva cultura de señalización - PDF
 
Community Helpers PPT
Community Helpers PPTCommunity Helpers PPT
Community Helpers PPT
 
Lima: ¿Respeta las señales de transito?
Lima: ¿Respeta las señales de transito?Lima: ¿Respeta las señales de transito?
Lima: ¿Respeta las señales de transito?
 

Similar a Diseño web: Creación y optimización de sitios para todos

Similar a Diseño web: Creación y optimización de sitios para todos (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
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Introducción Diseño Web
Introducción Diseño WebIntroducción Diseño Web
Introducción Diseño Web
 
APUNTES
APUNTESAPUNTES
APUNTES
 
Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11Clase Edicion de Sitios Web - TGD 31/05/11
Clase Edicion de Sitios Web - TGD 31/05/11
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Diseño de pagina web
Diseño de pagina webDiseño de pagina web
Diseño de pagina web
 
Trabajo paginas web
Trabajo paginas webTrabajo paginas web
Trabajo paginas web
 
Publicacion de contenidos en la web
Publicacion de contenidos en la webPublicacion de contenidos en la web
Publicacion de contenidos en la web
 
Publicacion de contenidos en web
Publicacion de contenidos en webPublicacion de contenidos en web
Publicacion de contenidos en web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
pagina web_tanya
pagina web_tanyapagina web_tanya
pagina web_tanya
 
Diseño web
Diseño webDiseño web
Diseño web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Unidad II
Unidad IIUnidad II
Unidad II
 
Trabajo 10
Trabajo 10Trabajo 10
Trabajo 10
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 

Último

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIACarlos Campaña Montenegro
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónLourdes Feria
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.amayarogel
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 

Último (20)

proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Ecosistemas Natural, Rural y urbano 2021.pptx
Ecosistemas Natural, Rural y urbano  2021.pptxEcosistemas Natural, Rural y urbano  2021.pptx
Ecosistemas Natural, Rural y urbano 2021.pptx
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIARAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
RAIZ CUADRADA Y CUBICA PARA NIÑOS DE PRIMARIA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
Estrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcciónEstrategia de prompts, primeras ideas para su construcción
Estrategia de prompts, primeras ideas para su construcción
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 

Diseño web: Creación y optimización de sitios para todos

  • 1.
  • 2. El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web.
  • 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. Estos documentos o páginas web pueden ser creadas: • Creando archivos de texto en HTML, Asp, Aspx, JavaScript, JSP, Python, Ruby. • Utilizando un programa visual WYSIWYG o WYSIWYM de creación de páginas. • Utilizando lenguajes de programación del lado servidor, para generar la página web.
  • 4. ETAPAS Para el diseño de páginas web debemos tener en cuenta tres etapas: 1. 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. 2. Estructura y relación jerárquica de las páginas del sitio web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. 3. 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.
  • 5. FUNDAMENTOS El diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido.
  • 6. ACCESIBILIDAD 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. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.