SlideShare una empresa de Scribd logo
1 de 7
PRESENTACION
DANIEL CARDONA
DISEÑO WEB
• Es una actividad que consiste en la
planificación, diseño e implementación de
sitios web
• La teoría de la usabilidad ayuda a
organizar y diagramar el contenido web
para mejorar la navegación
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.
Diseño web aplicado
• 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).
Fundamentos
• Un correcto 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.
Fundamentos
• Un correcto 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.

Más contenido relacionado

La actualidad más candente

Diferencias entre las web
Diferencias entre las webDiferencias entre las web
Diferencias entre las webgaribcoronado
 
Web 2.0 - Da Giau y Pugni
Web 2.0  - Da Giau y PugniWeb 2.0  - Da Giau y Pugni
Web 2.0 - Da Giau y PugniSantino Pugni
 
Deber de Proyectos Escolares Proyecto 7 Semana 1
Deber de Proyectos Escolares Proyecto 7 Semana 1Deber de Proyectos Escolares Proyecto 7 Semana 1
Deber de Proyectos Escolares Proyecto 7 Semana 1DamarisRominaMerinoS
 
cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0
 cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0  cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0
cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0 Saramichell15
 
Parcial2 rodríguez matías
Parcial2 rodríguez matíasParcial2 rodríguez matías
Parcial2 rodríguez matíasmatirodriguez94
 
Parcial2 eliana silva
Parcial2 eliana silvaParcial2 eliana silva
Parcial2 eliana silvaElipitu93
 
Proyecto7 semana 2 proyectos
Proyecto7 semana 2 proyectosProyecto7 semana 2 proyectos
Proyecto7 semana 2 proyectosMishelAC
 
Web1.0 v/s web 2.0
Web1.0 v/s web 2.0Web1.0 v/s web 2.0
Web1.0 v/s web 2.0e_du
 
Parcial2 paola cabrera
Parcial2 paola cabreraParcial2 paola cabrera
Parcial2 paola cabreraPaola Vega
 
Power Point. La web 2.0. Janavel, Poblete, Videla.
Power Point. La web 2.0. Janavel, Poblete, Videla.Power Point. La web 2.0. Janavel, Poblete, Videla.
Power Point. La web 2.0. Janavel, Poblete, Videla.Ana Poblete
 
Power Point de la web 2.0. Janavel, Poblete, Videla.
Power Point de la web 2.0. Janavel, Poblete, Videla.Power Point de la web 2.0. Janavel, Poblete, Videla.
Power Point de la web 2.0. Janavel, Poblete, Videla.Ana Poblete
 

La actualidad más candente (20)

Diferencias entre las web
Diferencias entre las webDiferencias entre las web
Diferencias entre las web
 
Tarea.1
Tarea.1Tarea.1
Tarea.1
 
Tics
TicsTics
Tics
 
Web 2.0 - Da Giau y Pugni
Web 2.0  - Da Giau y PugniWeb 2.0  - Da Giau y Pugni
Web 2.0 - Da Giau y Pugni
 
Deber de Proyectos Escolares Proyecto 7 Semana 1
Deber de Proyectos Escolares Proyecto 7 Semana 1Deber de Proyectos Escolares Proyecto 7 Semana 1
Deber de Proyectos Escolares Proyecto 7 Semana 1
 
cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0
 cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0  cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0
cuadro comparativo sobre la Web 1.0, Web 2.0 y Web 3.0
 
Parcial2 rodríguez matías
Parcial2 rodríguez matíasParcial2 rodríguez matías
Parcial2 rodríguez matías
 
Parcial2 eliana silva
Parcial2 eliana silvaParcial2 eliana silva
Parcial2 eliana silva
 
Web 1.0, 2.0 y 3.0
Web 1.0, 2.0 y 3.0Web 1.0, 2.0 y 3.0
Web 1.0, 2.0 y 3.0
 
Web
WebWeb
Web
 
Web 1.0 y Web 2.0
Web 1.0 y  Web 2.0Web 1.0 y  Web 2.0
Web 1.0 y Web 2.0
 
Proyecto7 semana 2 proyectos
Proyecto7 semana 2 proyectosProyecto7 semana 2 proyectos
Proyecto7 semana 2 proyectos
 
Web1.0 v/s web 2.0
Web1.0 v/s web 2.0Web1.0 v/s web 2.0
Web1.0 v/s web 2.0
 
La web 2.0
La web 2.0La web 2.0
La web 2.0
 
Paginas web
Paginas webPaginas web
Paginas web
 
Parcial2 paola cabrera
Parcial2 paola cabreraParcial2 paola cabrera
Parcial2 paola cabrera
 
Power Point. La web 2.0. Janavel, Poblete, Videla.
Power Point. La web 2.0. Janavel, Poblete, Videla.Power Point. La web 2.0. Janavel, Poblete, Videla.
Power Point. La web 2.0. Janavel, Poblete, Videla.
 
Power Point de la web 2.0. Janavel, Poblete, Videla.
Power Point de la web 2.0. Janavel, Poblete, Videla.Power Point de la web 2.0. Janavel, Poblete, Videla.
Power Point de la web 2.0. Janavel, Poblete, Videla.
 
Comunicacionlll
ComunicacionlllComunicacionlll
Comunicacionlll
 
Qu es web_2_diana_osorio
Qu es web_2_diana_osorioQu es web_2_diana_osorio
Qu es web_2_diana_osorio
 

Destacado

Redes sociales
Redes socialesRedes sociales
Redes socialesmariorg99
 
Presentacion colegio de bachilleres plantel 7
Presentacion colegio de bachilleres plantel 7Presentacion colegio de bachilleres plantel 7
Presentacion colegio de bachilleres plantel 7maYtthe'Sitha MoSh
 
Terminología llinguística
Terminología llinguísticaTerminología llinguística
Terminología llinguísticaprofesor_cala
 
Presentación1
Presentación1Presentación1
Presentación1dubi-01
 
Pterigión Bevacizumab
Pterigión BevacizumabPterigión Bevacizumab
Pterigión Bevacizumabdrjuanluis
 
Fce clase 1 unidad 1
Fce clase 1 unidad 1Fce clase 1 unidad 1
Fce clase 1 unidad 1Andrea Robles
 
6.1.2 economía de rrnn ga
6.1.2 economía de rrnn ga6.1.2 economía de rrnn ga
6.1.2 economía de rrnn gaUniambiental
 
Seguridad en internet
Seguridad en internetSeguridad en internet
Seguridad en internetXugy
 
Flujograma crítica
Flujograma críticaFlujograma crítica
Flujograma crítica39liliana
 
Colegio tecnico agropecuario
Colegio tecnico agropecuarioColegio tecnico agropecuario
Colegio tecnico agropecuariokevingerman27
 
Situacion competitiva-TIPOS
Situacion competitiva-TIPOSSituacion competitiva-TIPOS
Situacion competitiva-TIPOSmabimapy
 
Presentacion encu
Presentacion encuPresentacion encu
Presentacion encudanale7944
 
ENJ-300 La no Revictimización y la Reparación un Derecho de las Víctimas
ENJ-300 La no Revictimización y la Reparación un Derecho de las VíctimasENJ-300 La no Revictimización y la Reparación un Derecho de las Víctimas
ENJ-300 La no Revictimización y la Reparación un Derecho de las VíctimasENJ
 

Destacado (20)

Tics
TicsTics
Tics
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Presentacion colegio de bachilleres plantel 7
Presentacion colegio de bachilleres plantel 7Presentacion colegio de bachilleres plantel 7
Presentacion colegio de bachilleres plantel 7
 
Terminología llinguística
Terminología llinguísticaTerminología llinguística
Terminología llinguística
 
Clipping cnc 24062014 versao de impressao
Clipping cnc 24062014   versao de impressaoClipping cnc 24062014   versao de impressao
Clipping cnc 24062014 versao de impressao
 
Presentación1
Presentación1Presentación1
Presentación1
 
Pterigión Bevacizumab
Pterigión BevacizumabPterigión Bevacizumab
Pterigión Bevacizumab
 
Fce clase 1 unidad 1
Fce clase 1 unidad 1Fce clase 1 unidad 1
Fce clase 1 unidad 1
 
6.1.2 economía de rrnn ga
6.1.2 economía de rrnn ga6.1.2 economía de rrnn ga
6.1.2 economía de rrnn ga
 
Gestión Responsable del Negocio
Gestión Responsable del NegocioGestión Responsable del Negocio
Gestión Responsable del Negocio
 
Twitter
TwitterTwitter
Twitter
 
Seguridad en internet
Seguridad en internetSeguridad en internet
Seguridad en internet
 
Reglamento e info dlr 2013
Reglamento e info dlr 2013Reglamento e info dlr 2013
Reglamento e info dlr 2013
 
Flujograma crítica
Flujograma críticaFlujograma crítica
Flujograma crítica
 
Filosofia
FilosofiaFilosofia
Filosofia
 
Colegio tecnico agropecuario
Colegio tecnico agropecuarioColegio tecnico agropecuario
Colegio tecnico agropecuario
 
Situacion competitiva-TIPOS
Situacion competitiva-TIPOSSituacion competitiva-TIPOS
Situacion competitiva-TIPOS
 
Presentacion encu
Presentacion encuPresentacion encu
Presentacion encu
 
Dia 2 trabajo # 1
Dia 2 trabajo # 1Dia 2 trabajo # 1
Dia 2 trabajo # 1
 
ENJ-300 La no Revictimización y la Reparación un Derecho de las Víctimas
ENJ-300 La no Revictimización y la Reparación un Derecho de las VíctimasENJ-300 La no Revictimización y la Reparación un Derecho de las Víctimas
ENJ-300 La no Revictimización y la Reparación un Derecho de las Víctimas
 

Similar a Diseño web

Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonioEsling Madrid
 
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)joseBF23
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptxPercySenz
 
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
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptxAngel Perez
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacionsoniafm
 
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 1andersooon
 
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
 

Similar a Diseño web (20)

Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Clase 6
Clase 6Clase 6
Clase 6
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
MANEJO Y DISEÑO DE PAGINAS WEB (CONCEPTO)
 
Articulo Accesibilidad
Articulo AccesibilidadArticulo Accesibilidad
Articulo Accesibilidad
 
1.- Introdución Diseño web .pptx
1.- Introdución  Diseño web .pptx1.- Introdución  Diseño web .pptx
1.- Introdución Diseño web .pptx
 
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
 
Este
EsteEste
Este
 
01 Accesibilidad.pptx
01 Accesibilidad.pptx01 Accesibilidad.pptx
01 Accesibilidad.pptx
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
power point
power pointpower point
power point
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. 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 & Manejo De Paginas Web !
Diseño & Manejo De Paginas Web !Diseño & Manejo De Paginas Web !
Diseño & Manejo De Paginas Web !
 
DISEÑO WEB
DISEÑO WEBDISEÑO WEB
DISEÑO WEB
 
Creacion web
Creacion webCreacion web
Creacion 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
 

Más de danale7944

Presentacion excellart
Presentacion excellartPresentacion excellart
Presentacion excellartdanale7944
 
Software colaborativo
Software colaborativoSoftware colaborativo
Software colaborativodanale7944
 
Software colaborativo
Software colaborativoSoftware colaborativo
Software colaborativodanale7944
 
Trabajo web 2.0
Trabajo web 2.0Trabajo web 2.0
Trabajo web 2.0danale7944
 
Taller web 2.0
Taller web 2.0Taller web 2.0
Taller web 2.0danale7944
 
Descripcion producto
Descripcion productoDescripcion producto
Descripcion productodanale7944
 

Más de danale7944 (7)

Presentacion excellart
Presentacion excellartPresentacion excellart
Presentacion excellart
 
Software colaborativo
Software colaborativoSoftware colaborativo
Software colaborativo
 
Software colaborativo
Software colaborativoSoftware colaborativo
Software colaborativo
 
Real time web
Real time webReal time web
Real time web
 
Trabajo web 2.0
Trabajo web 2.0Trabajo web 2.0
Trabajo web 2.0
 
Taller web 2.0
Taller web 2.0Taller web 2.0
Taller web 2.0
 
Descripcion producto
Descripcion productoDescripcion producto
Descripcion producto
 

Diseño web

  • 2. DISEÑO WEB • Es una actividad que consiste en la planificación, diseño e implementación de sitios web
  • 3. • La teoría de la usabilidad ayuda a organizar y diagramar el contenido web para mejorar la navegación
  • 4. 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.
  • 5. Diseño web aplicado • 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).
  • 6. Fundamentos • Un correcto 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.
  • 7. Fundamentos • Un correcto 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.