Tatiana presentacion slideshare

Click here to load reader

  • date post

    14-Apr-2017
  • Category

    Internet

  • view

    187
  • download

    0

Embed Size (px)

Transcript of Tatiana presentacion slideshare

Presentacin de PowerPoint

CED CALASANZ cooperadores de grandes sueos

Tatiana Robayo Castellanos

Once A

Mara Eugenia TrianaInformatica:

Diseo web

2014

La web:Pueden contener texto, imgenes, vdeos u otros contenidos multimedia

Antes de abordar a sabes que es diseo de web, tenemos que tener conocimientos previos:

Web:Es un sistema de documentos de hipertexto y/o hipermedios enlazados y accesibles a travs de Internet, permite una manera ms organizada de acceder a la informacin disponible en Internet, presentando una interfaz amigable con el usuario mediante navegadores como Netscape, Mosaic y Microsoft Internet Explorer. El surgimiento de la World Wide Web ha ayudado a un crecimiento considerable de Internet en la actualidad. Compaas pequeas, empresas grandes, ayuntamientos, estados, gobiernos de distintos pases, universidades, bibliotecas, estn presentes en Internet.

Es una actividad que consiste en la planificacin, diseo e implementacin de sitios web. No es simplemente una aplicacin de diseo convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la informacin y la interaccin de medios como el audio, texto, imagen, enlaces y video.

La unin de un buen diseo con una jerarqua bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicacin e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos.

El diseo web ha visto amplia aplicacin en los sectores comerciales de Internet especialmente en la World Wide Web. A menudo la web se utiliza como medio de expresin plstica en s. Artistas y creadores hacen de las pginas en Internet un medio ms para ofrecer sus producciones y utilizarlas como un canal ms de difusin de su obra.Diseo web:

Para el diseo de pginas web debemos tener en cuenta tres etapas:El diseo visual de la informacin que se desea editar. En esta etapa se trabaja distribuyendo el texto, los grficos, losvnculosa otros documentos y otros objetos multimediaque se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseo sobre el papel. Esto facilitar tener un orden claro sobre el diseo.Estructura y relacin jerrquica de las pginas del sitio web. Una vez que se tiene el boceto se pasa a 'escribir' la pgina web. Para esto, y fundamentalmente para manejar los vnculos entre documentos, se cre el lenguaje de marcacin dehipertextoo HTML. Los enlaces que aparecen subrayados en este documento y otros deWikipediason ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras pginas con informacin relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la pgina principal o inicial y en ese caso el sitio debe darle la respuesta a lo que busca rpido, adems permitirle navegar por el sitio.Posicionamiento en buscadoresoSEO. sta consiste en optimizar la estructura del contenido para mejorar la posicin en que aparece la pgina en determinada bsqueda. Etapa no gustosa por los diseadores grficos, porque a diferencia del texto, an para el ao 2014 no se pueden tener nuevos resultados en los buscadores con sitios muy grficos.

Etapas:

Un correcto diseo web implica conocer cmo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estndaresestablecidos por laW3Cy en lo referente a laweb semntica. Debido a la permisibilidad de algunos navegadores web comoInternet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utilizacdigo propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.Laweb semntica, por otra parte, aboga por un uso lgico de los elementos segn el significado para el que fueron concebidas. Por ejemplo se utilizar el elementopara marcar prrafos, ypara tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su ltima instancia, esto ha supuesto una autntica revolucin en el diseo web puesto que apuesta por separar totalmente el contenido del documento de la visualizacin.

Fundamentos

El diseo web debe seguir unos requerimientos mnimos deaccesibilidad webque haga que sus sitios web o aplicaciones puedan ser visitados por el mayor nmero de personas. Para conseguir estos objetivos deaccesibilidadse han desarrollado pautas como las delW3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.Accesibilidad

En un principio era slo texto, pero a medida que ha evolucionado la tecnologa, tanto los ordenadores como lasredes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusin de imgenes fue la ms significativa, pero tambin debemos mencionar elvdeoy laanimacin, o los espacios3D, lo que aporta valores estilsticos, de diseo y de interactividad jams imaginados antes.El diseo de pginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 slo haba alrededor de 50 sitios web[citarequerida]. Estadsticas (2005) nos afirmaban que la cantidad de sitios web ronda los 8.000 millones de sitios, a los que diariamente se les suma a raz de 4400 por daRpidamente, su importancia alcanzar las mismas cuotas que latelevisino eltelfono. Datos recientes estiman que hay alrededor de 2 mil millones de pginascolgadasy se espera que en los prximos aos llegue a los 8 mil millones, excediendo el nmero de habitantes del planeta. Sin embargo, slo una fraccin de este nmero es visitado habitualmente por la mayora de los usuarios (slo alrededor de 15.000 sitios webs, el 0,4% del total).Al mismo tiempo que la evolucin de los aparatos y de su introduccin en los hogares, tambin ha aumentado la calidad de las transmisiones a travs Internet y ha bajado su precio. A medida que latecnologaha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.historia