SlideShare una empresa de Scribd logo
1 de 20
Centro Educacional Perlas De La
Sierra
CATEDRÁTICO:
ALLAN TOME
INTEGRANTES:
KENIA GUEVARA
TEMA:
DESARROLLO DE PAGINAS WEB
GRADO:
III BTC
FECHA:
19 DE ABRIL DEL 2013
Indice
 Introducción
 Breve Historia
 Historia
 Aplicaciones web
 Etapas del Desarrollo web
 Paginas web en el año 1992
 Paginas web en el año 1995
 Paginas web en el año 1996
 Paginas web en el año 1997
 Diseño web aplicado
 Paginas web pueden ser creados
 3 etapas de paginas web
 Fundamentos
 Accesibilidad
 HTML 5
Introducción
 El diseño web es una actividad que consiste en la planificación,
diseño e implementación de sitios web y páginas web. No es
simplemente una aplicación del diseño convencional, ya que
requiere tener en cuenta cuestiones tales como navegabilidad,
interactividad, usabilidad, arquitectura de la información y la
interacción de medios como el audio, texto, imagen y vídeo. Se lo
considera dentro del diseño multimedial.
Breve Historia
El diseño web ha evolucionado desde su comienzo sobre todo muy
ligado a la evolución tecnológica sufrida en las ultimas décadas. Por
tanto podemos decir que la historia del diseño web ha atravesado 5
etapas o cinco puntos de inflexión acorde con cambios coyunturales
que han producido la praxis de esta actividad.
Aunque el nacimiento de internet data de 1989 y la primera pagina
colgada en internet, Tim Berners-Lee en 1990 se le ocurrió crear un un
sistema de documentos enlazados y accesibles a través de Internet. la
primera pagina conectada fue el 6 de agosto de 1991 envió un
pequeño resumen del proyecto World Wide Web al newsgroup
alt.hypertext.
 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 últimas estadísticas nos confirmaban que actualmente
(2005) rondan los 8.000 millones de sitios web, a los que diariamente
se les suma a raíz de 4400 por día.
Aplicaciones Web
 Las aplicaciones Web interactivas poco a poco han revolucionado
la forma de utilizar internet, aumentando el contenido de las
páginas con texto estático (texto que no evoluciona, sino que
permanecen como es) a un contenido rico e interactivo, por lo
tanto escalable.
Historia
 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.
Etapas Del Desarrollo Web
 Primera Etapa: El navegador web era capaz de mostrar tanto
imágenes como textos.
 Segunda Etapa: El navegador web era capaz de mostrar tanto
imágenes como textos.
 Tercera Etapa: La tercera etapa coincide con el inicio de una
herramienta introducida por Macromedia en 1996, llamada flash.
 Cuarta Etapa: de posicionamiento en buscadores, el diseño web se
autocensura para poder optimizar el sitio en los buscadores.
 Quinta Etapa: nacimiento y eclosión de las redes sociales,
aplicaciones multimedia en los dispositivos mobiles, iPhone, tables,
etc.
Paginas web en el Año 1992
 Al principio, sólo habían páginas estáticas cuyos contenidos no
podían ser actualizados sin tener acceso al código fuente y sin
conocimientos de HTML. La mayoría del contenido era texto, sin
apenas imágenes y sin ningún contenido multimedia, debido a las
limitaciones de velocidad de transmisión de las comunicaciones.
Paginas web en el Año 1995
 Esta fue una etapa oscura en la que primaba demostrar lo vistosa y
tecnológicamente superior que era tu página frente a la
accesibilidad y a la usabilidad, por lo que éstas eran mucho más
vistosas en cuanto a imágenes, colorido, tipos de letra, etc. Algunas
incluso, tenían música y estaban plagadas de molestas
animaciones.
Paginas web en el año 1996
 en la que primaba demostrar lo vistosa y tecnológicamente
superior que era tu página frente a la accesibilidad y a la
usabilidad, por lo que éstas eran mucho más vistosas en cuanto a
imágenes, colorido, tipos de letra, etc. Algunas incluso, tenían
música y estaban plagadas de molestas animaciones.
Paginas web en el año 1997
 Se empiezan a incorporar contenidos multimedia y, con la
aparición del Flash, desgraciadamente vuelve el interés de algunas
empresas por hacer las webs tecnológicamente espectaculares sin
importar las funcionalidades ni el usuario. Se hacían páginas
completamente con esta tecnología que destacaban por las
animaciones, la lentitud de carga, la poca usabilidad y porque no
tenían visitas, ya que los buscadores no pueden indexar ese tipo de
contenido. Como es lógico, por evolución natural, ese tipo de webs
se van extinguiendo poco a poco.
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 computadora en un teléfono móvil etc.).
Estos documentos o paginas 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.
 utilizando lenguajes de programación del lado servidor, para
generar la página web.
3 Etapas Para El Diseño de Paginas
Web
 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.
 Estructura y relación jerárquica de las páginas del sitio web. se creó
el lenguaje de marcación de hipertexto o HTML
 É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
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 losestá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. Por
ejemplo, este navegador permite que no sea necesario cerrar las
etiquetas del marcado, utiliza código propietario.
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 WCA
HTML 5
 La última versión de este lenguaje básico corresponde al HTML5,
donde se introducen nuevos elementos que mejoran la
navegación y la usabilidad de los sitios web en los distintos
navegadores.
 Esta nueva versión no se trata solamente de cambiar y eliminar
etiquetas. Va mucho más allá
Centro educacional perlas de la

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Caracteristicasypartes web jcrm (1)
Caracteristicasypartes web jcrm (1)Caracteristicasypartes web jcrm (1)
Caracteristicasypartes web jcrm (1)
 
Diseño y web 2
Diseño y web 2Diseño y web 2
Diseño y web 2
 
Diseño web samanta
Diseño web samanta Diseño web samanta
Diseño web samanta
 
Tatiana presentacion slideshare
Tatiana presentacion slideshareTatiana presentacion slideshare
Tatiana presentacion slideshare
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
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
 
Páginas web
Páginas webPáginas web
Páginas 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
 
Centro educacional perlas de la sierra
Centro educacional perlas de la sierraCentro educacional perlas de la sierra
Centro educacional perlas de la sierra
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Diseno web introduccion
Diseno web introduccionDiseno web introduccion
Diseno web introduccion
 
Informe de informatica kleiver y laura
Informe de informatica kleiver y lauraInforme de informatica kleiver y laura
Informe de informatica kleiver y laura
 
Páginas web
Páginas webPáginas web
Páginas web
 
Páginas web
Páginas webPáginas web
Páginas web
 
Web 6 credito
Web 6 creditoWeb 6 credito
Web 6 credito
 
Informe de informática aplicada
Informe de informática aplicadaInforme de informática aplicada
Informe de informática aplicada
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 

Destacado

Si les hommes avaient des enfants
Si les hommes avaient des enfantsSi les hommes avaient des enfants
Si les hommes avaient des enfantscalibranico
 
Garcia castro conciliacion
Garcia castro conciliacionGarcia castro conciliacion
Garcia castro conciliacionNameless RV
 
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...Institut Protection Sociale
 
Mon village
Mon villageMon village
Mon villagesarindra
 
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)manuela cruzate
 
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...Alexandra Nicolau
 
La vérité sur les utilisateurs
La vérité sur les utilisateursLa vérité sur les utilisateurs
La vérité sur les utilisateursUX REPUBLIC
 
Beautiful Carnation
Beautiful CarnationBeautiful Carnation
Beautiful CarnationThilini
 
παρουσίαση Les Dessins AniméS
παρουσίαση Les Dessins AniméSπαρουσίαση Les Dessins AniméS
παρουσίαση Les Dessins AniméSguest01a505
 
Rebillard Web2 Reseaux Sociaux
Rebillard Web2 Reseaux SociauxRebillard Web2 Reseaux Sociaux
Rebillard Web2 Reseaux Sociauxguest2b6d70
 
Tarjeta madre, ram, y microprocesador
Tarjeta madre, ram, y microprocesadorTarjeta madre, ram, y microprocesador
Tarjeta madre, ram, y microprocesadorAnny Silis Cx
 
Medihal2 130424123214-phpapp02-2
Medihal2 130424123214-phpapp02-2Medihal2 130424123214-phpapp02-2
Medihal2 130424123214-phpapp02-2Jacqueline Nivard
 
Fiche produit-Huiles de massage et huiles de soin
Fiche produit-Huiles de massage et huiles de soinFiche produit-Huiles de massage et huiles de soin
Fiche produit-Huiles de massage et huiles de soinLaboratoires EONA
 

Destacado (20)

Si les hommes avaient des enfants
Si les hommes avaient des enfantsSi les hommes avaient des enfants
Si les hommes avaient des enfants
 
Garcia castro conciliacion
Garcia castro conciliacionGarcia castro conciliacion
Garcia castro conciliacion
 
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...
Proposition 4 - contrats madelin « gérants majoritaires » - clarifier l’assie...
 
Mon village
Mon villageMon village
Mon village
 
H2 13
H2 13H2 13
H2 13
 
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)
Diapositivasmonarquiayabsolutismo 130817170628-phpapp02 (1)
 
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...
Serbarile cetatii - Comenius Polonia 2013, Liceul Teoretic "Traian Doda" Cara...
 
La vérité sur les utilisateurs
La vérité sur les utilisateursLa vérité sur les utilisateurs
La vérité sur les utilisateurs
 
Réfrigérateur
RéfrigérateurRéfrigérateur
Réfrigérateur
 
Beautiful Carnation
Beautiful CarnationBeautiful Carnation
Beautiful Carnation
 
παρουσίαση Les Dessins AniméS
παρουσίαση Les Dessins AniméSπαρουσίαση Les Dessins AniméS
παρουσίαση Les Dessins AniméS
 
Education
EducationEducation
Education
 
Lezing Chirel 17 05 2008
Lezing Chirel 17 05 2008Lezing Chirel 17 05 2008
Lezing Chirel 17 05 2008
 
Rebillard Web2 Reseaux Sociaux
Rebillard Web2 Reseaux SociauxRebillard Web2 Reseaux Sociaux
Rebillard Web2 Reseaux Sociaux
 
Tarjeta madre, ram, y microprocesador
Tarjeta madre, ram, y microprocesadorTarjeta madre, ram, y microprocesador
Tarjeta madre, ram, y microprocesador
 
Surprise Solutions Profile
Surprise Solutions ProfileSurprise Solutions Profile
Surprise Solutions Profile
 
Taller mapas 10
Taller mapas 10Taller mapas 10
Taller mapas 10
 
Medihal2 130424123214-phpapp02-2
Medihal2 130424123214-phpapp02-2Medihal2 130424123214-phpapp02-2
Medihal2 130424123214-phpapp02-2
 
Fiche produit-Huiles de massage et huiles de soin
Fiche produit-Huiles de massage et huiles de soinFiche produit-Huiles de massage et huiles de soin
Fiche produit-Huiles de massage et huiles de soin
 
Contact
ContactContact
Contact
 

Similar a Centro educacional perlas de la

Similar a Centro educacional perlas de la (20)

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
 
Trabajo de diseño web
Trabajo de diseño webTrabajo de diseño web
Trabajo de diseño web
 
historia del diseño web
historia del diseño webhistoria del diseño web
historia del diseño web
 
Instituto san antonio
Instituto san antonioInstituto san antonio
Instituto san antonio
 
Presentacion de diseño web
Presentacion de diseño webPresentacion de diseño web
Presentacion de diseño 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
 
Generacion
GeneracionGeneracion
Generacion
 
Diseno web
Diseno webDiseno web
Diseno 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
 
Paginas web
Paginas webPaginas web
Paginas web
 
Evolucion de la web
Evolucion de la webEvolucion de la web
Evolucion de la web
 
Pdf
PdfPdf
Pdf
 
Diseño web informatica
Diseño web informatica Diseño web informatica
Diseño web informatica
 
Historia
HistoriaHistoria
Historia
 
Historia
HistoriaHistoria
Historia
 
Abner y najera
Abner y najeraAbner y najera
Abner y najera
 
Hist. diseño web
Hist. diseño webHist. diseño web
Hist. diseño web
 
Diseño de web
Diseño de webDiseño de web
Diseño de web
 

Centro educacional perlas de la

  • 1. Centro Educacional Perlas De La Sierra CATEDRÁTICO: ALLAN TOME INTEGRANTES: KENIA GUEVARA TEMA: DESARROLLO DE PAGINAS WEB GRADO: III BTC FECHA: 19 DE ABRIL DEL 2013
  • 2. Indice  Introducción  Breve Historia  Historia  Aplicaciones web  Etapas del Desarrollo web  Paginas web en el año 1992  Paginas web en el año 1995  Paginas web en el año 1996  Paginas web en el año 1997  Diseño web aplicado  Paginas web pueden ser creados  3 etapas de paginas web
  • 4. Introducción  El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. Se lo considera dentro del diseño multimedial.
  • 5. Breve Historia El diseño web ha evolucionado desde su comienzo sobre todo muy ligado a la evolución tecnológica sufrida en las ultimas décadas. Por tanto podemos decir que la historia del diseño web ha atravesado 5 etapas o cinco puntos de inflexión acorde con cambios coyunturales que han producido la praxis de esta actividad. Aunque el nacimiento de internet data de 1989 y la primera pagina colgada en internet, Tim Berners-Lee en 1990 se le ocurrió crear un un sistema de documentos enlazados y accesibles a través de Internet. la primera pagina conectada fue el 6 de agosto de 1991 envió un pequeño resumen del proyecto World Wide Web al newsgroup alt.hypertext.
  • 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 últimas estadísticas nos confirmaban que actualmente (2005) rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día.
  • 7. Aplicaciones Web  Las aplicaciones Web interactivas poco a poco han revolucionado la forma de utilizar internet, aumentando el contenido de las páginas con texto estático (texto que no evoluciona, sino que permanecen como es) a un contenido rico e interactivo, por lo tanto escalable.
  • 8. Historia  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.
  • 9. Etapas Del Desarrollo Web  Primera Etapa: El navegador web era capaz de mostrar tanto imágenes como textos.  Segunda Etapa: El navegador web era capaz de mostrar tanto imágenes como textos.  Tercera Etapa: La tercera etapa coincide con el inicio de una herramienta introducida por Macromedia en 1996, llamada flash.  Cuarta Etapa: de posicionamiento en buscadores, el diseño web se autocensura para poder optimizar el sitio en los buscadores.  Quinta Etapa: nacimiento y eclosión de las redes sociales, aplicaciones multimedia en los dispositivos mobiles, iPhone, tables, etc.
  • 10. Paginas web en el Año 1992  Al principio, sólo habían páginas estáticas cuyos contenidos no podían ser actualizados sin tener acceso al código fuente y sin conocimientos de HTML. La mayoría del contenido era texto, sin apenas imágenes y sin ningún contenido multimedia, debido a las limitaciones de velocidad de transmisión de las comunicaciones.
  • 11. Paginas web en el Año 1995  Esta fue una etapa oscura en la que primaba demostrar lo vistosa y tecnológicamente superior que era tu página frente a la accesibilidad y a la usabilidad, por lo que éstas eran mucho más vistosas en cuanto a imágenes, colorido, tipos de letra, etc. Algunas incluso, tenían música y estaban plagadas de molestas animaciones.
  • 12. Paginas web en el año 1996  en la que primaba demostrar lo vistosa y tecnológicamente superior que era tu página frente a la accesibilidad y a la usabilidad, por lo que éstas eran mucho más vistosas en cuanto a imágenes, colorido, tipos de letra, etc. Algunas incluso, tenían música y estaban plagadas de molestas animaciones.
  • 13. Paginas web en el año 1997  Se empiezan a incorporar contenidos multimedia y, con la aparición del Flash, desgraciadamente vuelve el interés de algunas empresas por hacer las webs tecnológicamente espectaculares sin importar las funcionalidades ni el usuario. Se hacían páginas completamente con esta tecnología que destacaban por las animaciones, la lentitud de carga, la poca usabilidad y porque no tenían visitas, ya que los buscadores no pueden indexar ese tipo de contenido. Como es lógico, por evolución natural, ese tipo de webs se van extinguiendo poco a poco.
  • 14. 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 computadora en un teléfono móvil etc.).
  • 15. Estos documentos o paginas 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.  utilizando lenguajes de programación del lado servidor, para generar la página web.
  • 16. 3 Etapas Para El Diseño de Paginas Web  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.  Estructura y relación jerárquica de las páginas del sitio web. se creó el lenguaje de marcación de hipertexto o HTML  É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
  • 17. 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 losestá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. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario.
  • 18. 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 WCA
  • 19. HTML 5  La última versión de este lenguaje básico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores.  Esta nueva versión no se trata solamente de cambiar y eliminar etiquetas. Va mucho más allá