PAGINAS WEB

Una pgina web (o pgina electrnica, segn el trmino recomendado por la R.A.E.) es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros. Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso nicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

Caractersticas
Una pgina web est compuesta principalmente por informacin (slo texto y/o mdulos multimedia) as como por hiperenlaces; adems puede contener o asociar Hoja de estilo, datos de estilo para especificar cmo debe visualizarse, y tambin Aplicacin informtica aplicaciones embebidas para as hacerla interactiva. Las pginas web son escritas en un lenguaje de marcado que provee la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la pgina puede ser predeterminado pgina web esttica o generado al momento de visualizarla o solicitarla a un servidor web pgina web dinmica. Las pginas dinmicas que se generan al momento de la visualizacin, se especifican a travs de algn lenguaje interpretado, generalmente JavaScript, y la aplicacin encargada de visualizar el contenido es la que realmente debe generarlo. Las pginas dinmicas que se generan, al ser solicitadas, son creadas por una aplicacin en el servidor web que alberga las mismas.

TIPOS DE PGINAS WEB

Existen varias formas de clasificar las pginas web. Nosotros usamos dos tipo de clasificacin que creemos le pueden servir para tener una idea clara de lo que puede obtener con su pgina web.

SEGUN LA FORMA EN LA QUE SE SIRVEN

Segn la forma en la que la pgina se sirve para ser enviada a la PC del visitante, pueden ser de dos tipos: Pgina Web Esttica: Es aquella que est compuesta de una serie de archivos que contienen el cdigo HTML que constituye la pgina en s y que permiten mostrar los textos, imgenes, videos, etc. que conforman el contenido de la pgina. Estos archivos se almacenan en el servidor de Hosting en formato HTML junto con los archivos de imgenes (comnmente en formato jpg, gif o png) y los videos y dems contenido del sitio. Para modificar este tipo de pgina los archivos deben ser descargados del servidor con algn software para este fin (como los clientes FTP), editado usando un programa de edicin de pginas web como el Dreamweaver, grabados y subidos nuevamente al servidor. Este proceso de edicin requiere manejar una serie de programas que se deben tener instalados en la PC y requieren de una serie de conocimientos y habilidades para el uso correcto de estos programas. Por lo general la edicin de este tipo de pginas la realizan los diseadores y desarrolladores web dedicados a estas labores. Este tipo de pgina son difciles de manejar por el propio cliente debido a los conocimientos y programas que se requieren. La mayora de personas que contrata este tipo de pginas para su negocio o empresa suele modificar el contenido muy espordicamente debido a que cada modificacin requerir de los servicios de la persona que desarrollo la web o alguna otra que se dedique a dar estos servicios, lo que implica un costo por cada modificacin. Pgina Web Dinmica: El trmino dinmico no se refiere a movimiento como muchos pueden pensar. El trmino dinmico hace referencia a que la pgina web se construye al momento en que la pgina es visitada por el usuario. Es decir que el contenido de la pgina web no es fijo sino que se construye de acuerdo a la interaccin que el usuario hace con la pgina. La informacin de este tipo de pgina suele estar almacenada en Bases de Datos de las cuales se extrae una parte segn las selecciones o acciones llevada a cabo por la persona que visita la pgina web. Para realizar este tipo de pgina se necesita tener conocimientos de programacin y manejo de bases de datos o usar software que haga uso de estas tecnologas. Las pgina web dinmicas tienen adems las siguientes caractersticas: Gran nmero de posibilidades en su diseo y desarrollo. El visitante puede alterar el diseo, contenidos o presentacin de la pgina a su gusto. En su realizacin se utilizan diversos lenguajes y tcnicas de programacin. El proceso de actualizacin es sumamente sencillo, sin necesidad de entrar en el servidor.
Comment [m1]: Recuerda debes redactar en tus palabra, esto es copy paste y la redaccin debe ser impersonal

Comment [m2]: Tienes que seleccionar bien tu informacin hay cosas que estn igual y no son importantes esto es copy paste

Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, etc. Pueden realizarse ntegramente con software de libre distribucin. Existe una amplia comunidad de programadores que brinda apoyo desinteresado. Cuenta con un gran nmero de soluciones prediseadas de libre disposicin. En definitiva, el concepto de pgina Web dinmica se ha impuesto en el mundo del diseo y de la empresa en Internet. Pginas como Yahoo!, Google, Amazon e incluso sta, son excelentes ejemplos de pginas Web dinmicas que permiten interactuar con el visitante y le ofrecen posibilidades realmente sorprendentes: carritos de compra, posibilidad de incluir sus propias crticas en libros y discos, buscar en base a criterios determinados, participar en discusin y un largusimo etctera. Otra caracterstica principal de las pginas dinmicas es que pueden ser administradas por una persona sin conocimiento alguno de diseo o desarrollo web. Esto se puede hacer mediante el uso de formularios que sirvan para que el usuario administrador modifique los contenidos de la pgina que estn almacenados en la Base de Datos. De esta manera el administrador solo debe tipiar los textos, elegir las imgenes, videos, etc. que irn en las secciones de la pgina en formularios construidos para ese fin.

Comment [m3]: Redacta en tus palabras

ANTECEDENTES HISTRICOS DE LAS PGINAS WEB

En un principio las pginas web eran slo texto, pero a medida que ha evolucionado la tecnologa, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusin de imgenes fue la evolucin ms significativa, pero tambin debemos mencionar el video y la animacin, o los espacios 3D, 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. Las ltimas estadsticas nos confirmaban que actualmente rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raz de 4400 por da. Rpidamente, su importancia alcanzar las mismas cotas que la televisin o el telfono. Datos recientes estiman que hay alrededor de 2 mil millones de pginas colgadas y 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). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atencin de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseo y el uso del color son la llave para atraer y ser identificado, formando vnculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. 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 la tecnologa ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

PARA QUE SIRVE UNA PAGIANA WEB

Una pgina web es un documento creado en formato HTML, el cual puede contener, textos, imgenes, sonido y video. Entre su contenido, el cual puede ser visto por otros usuarios, a travs de la Word Wide Web, (Internet).las pginas web, son documentos en cdigo HTML, los cuales se pueden visualizar a travs del monitor de la computadora, para ver y obtener la informacin contenida en ellas, y adems, la informacin a la que se puede accesar, a travs de ellas, por medio de los links o hipervnculos, los cuales dan acceso a la informacin del contenido de la pgina, y de otras pginas del mismo sitio web, o de otros sitios relacionados con algn tema en concreto. O para acceder a alguna descarga de algn contenido en particular, como podra ser, un archivo de texto, imgenes, audio, vdeos u otro tipo de archivo contenido en una base de datos. Existen varios tipos de pginas web, pero hay dos categoras principales, las cuales son: Pginas web estticas y Pginas web dinmicas. Las pginas web estticas: Son las pginas que estn compuestas de una serie de archivos en cdigo HTML y que constituyen la pgina en s misma. Este tipo de pgina web permite mostrar textos, imgenes, vdeos, audios y dems archivos contenidos en la pgina. Pero su modificacin no es libre comparndola con las pginas web dinmicas.

Comment [m4]: Ortografa y justificado

Comment [m5]: Jerarquiza informacin y quita lo que no sirve y es repetitivo Comienza a hacer tu ndice con lo que ya llevas del primer capitulo justificando , pasando corrector ortogrfico ilustrando con imgenes Considero que ya tienes suficiente informacin para armar un captulo bien} Echale ganas tu puedes Haciendo bien un captulo lo dems ser mas fcil creeme

La pgina web, es una ventana de acceso a informacin variada. En las pginas web estticas, los archivos se almacenan en un servidor, (servidor de Hosting u hospedaje) en cdigo HTML. Adems de otros archivos, como videos, imgenes, textos y dems (los cuales pueden estar en distintos formatos (doc., pdf, gif , avi, mpeg, mp4, mp3, etc.) los cuales forman parte del contenido del sitio web. Este tipo de pginas web, tienen la particularidad, de que para poder modificar el contenido, se debe contar con los protocolos FTP. La informacin debe ser descargada previamente, para su edicin se necesitan programas especiales, para su posterior regrabado y subida al servidor del que fueron bajados y formar parte (ya con las modificaciones hechas), parte nuevamente de la pgina web en cuestin. Por lo regular las personas dedicadas al arreglo, aadidura y correccin de este tipo de pginas web, son expertos en programacin, con conocimiento del funcionamiento de los distintos programas para la edicin de pginas web. Por tal motivo este tipo de pginas web, son modificadas de forma poco frecuente en su contenido, comparativamente con las pginas web dinmicas. Las Pginas Web Dinmicas: En este tipo de pginas web, la palabra dinmico hace referencia a que este tipo de pgina web es cambiada en el momento que es utilizada por los usuarios, en este tipo de pginas web, el contenido no es fijo como en las pginas web estticas, sino que es cambiado por la interaccin de los usuarios. La informacin de este tipo de pginas web, est contenida en bases de datos las cuales permiten el acceso a ellas, mediante algunas instrucciones y comandos que puede hacer el usuario. Por lo regular en este tipo de bases de datos, hay acceso a software que permite realizar los cambios en la informacin contenida en la pgina web. En las pginas web dinmicas, existen varias ventajas sobre las pginas web estticas. Hay varias soluciones prediseadas que facilitan su manejo y edicin, tienen diversidad de lenguajes de programacin. El usuario puede alterar el diseo y contenido. Los cambios que puede hacer el usuario estn facilitados por la disposicin de los comandos de la pgina y por instructivos y tutoriales presentes en la misma pgina web. Se pueden actualizar de forma sencilla, sin necesidad de entrar directamente al servidor. Permite un gran nmero de funcionalidades tales como bases de datos, foros, contenido dinmico, vdeos, juegos, audios, chats etc.

Para qu sirve una pgina web? Una pgina web, puede tener varios usos, se le puede usar como medio de comunicacin para diversos temas, como noticias, cultura, medicina, ciencia, tecnologa, comentarios de diversos temas, foros, educacin, debate, juegos, msica, pelculas, etc. Por la peculiaridad, de ser verstiles en los tipos de informacin que se le puede aadir a una pgina web, como por la gran variedad de formatos de texto, audio, video e imgenes que puede tener, sirve para distintos usos. En algunos organismos estatales, sirve para dar a conocer informacin acerca del gobierno como el uso de los distintos recursos, el avance en algunos ramos como por ejemplo las campaas mdicas para erradicar alguna enfermedad, para informar de las condiciones de los distintos ramos del gobierno en lo concerniente a los datos del mismo gobierno. Sirve a las empresas en distintas formas, por ejemplo, para dar a conocer los bienes y servicios que presta alguna determinada empresa, los precios y costos de los mismos bienes y servicios, o las direcciones en las localidades en donde se puede obtener algn servicio de alguna empresa determinada. Sirve en el comercio de distintos productos, los cuales son anunciados en distintas pginas web. Sirve para dar a conocer los productos de una empresa, se puede dar una nocin ms exacta del tipo de producto o servicio que presta la empresa, y su costo. Es un excelente medio propagandstico para cualquier producto, pues el mercado ha ido en aumento (a la par que el aumento del servicio de internet en el mundo, aproximadamente dos mil veintisiete millones de usuarios en el ao 2012). Sirven como instrumento de difusin educativa (mediante pginas web dedicadas a ello). Sirve como medio de expresin para minoras y cualquier gente en general, pues hay pocas restricciones comparadas con otros medios de comunicacin. Sirve como medio de entretenimiento, pues adems de juegos, pelculas, msica, caricaturas, vdeos musicales, libros y otras formas de entretenimiento. En las pginas web, se usan (con programas especiales) para la comunicacin directa, con otros usuarios, como en chats, foros, y medios audiovisuales adaptados para las pginas web.

Ventajas y desventajas de la pagina Web

Ventajas: Fcil de usar, casi como usar Word; no se necesita saber de HTML. Permite muchas cosas, es muy flexible, sobre todo para el diseo. Tiene muchas opciones como botones flash, botones normales y formularios. Todas las herramientas se encuentras rpidamente. La inclusin de html editor y tambin de WYSIWYG

Desventajas: Es muy bsico, no ofrece demasiadas opciones; como programa para crear pginas Web, no es el ms completo; al realizar acciones complejas se complica todo. Las nuevas versiones no facilitan nada respecto a las anteriores. Se necesita de alta resolucin para manejar todas las barras.

Comment [m6]: Elabora una tabla izquierda ventajas derecha desventajas

Le falta implementacin de DHTML; su precio es considerable y carga muy lentamente.

Los botones de OK y CANCEL fueron cambiados por Cool y No Wall, esto puede generar confusin en el manejo de la aplicacin. Es ms flexible si se sabe lo bsico de HTML para empezar

Las pginas web son un gran sinnimo de Internet. Gracias a los sitios web, una gran cantidad de personas pueden subir contenido a la web. Esto es algo increble y era algo impensable hace unos aos atrs ya que en la actualidad millones de personas a travs del mundo pueden subir contenido a Internet o a la web. Entonces, este gran mundo virtual se convierte en el medio de comunicacin ms grande jams antes visto. Estas son las ventajas y desventajas de las pginas web.

VENTAJAS Y DESVENTAJAS DE PGINAS WEB

Ventajas de las pginas web: Las pginas o sitios web tienen la ventaja primordial de que cualquier persona de todo el mundo puede subir opiniones sobre temticas. Tambin puede colocar informacin valiosa sobre algo que investig y as la pgina web se hara famosa. Tambin, es posible colocar informacin histrica sobre algo que se supo pero que nadie lo devel entonces as se dara a conocer. Las pginas web son medios de comunicacin que permiten al usuario que entra en la mismas, comunicarse con un contenido y tambin puede poner su opinin en un comentario y as interactuar con otras personas. Es posible estar al tanto de lo que se publica en una pgina web mediante las redes sociales, como Twitter o Facebook, entre las ms conocidas. Si no se tienen enciclopedias cerca y necesitamos buscar informacin instantnea sin adentrarnos al contenido, podemos buscar informacin en las pginas web, y esto es una gran ventaja ya que se tienen datos rpidos y fciles de conseguir. Desventajas de las pginas web: La desventaja primordial de las pginas web es que cualquier persona del mundo puede subir informacin que no es cierta simplemente porque lo beneficia en algn sentido econmico o social. Hay mucha gente que lo nico que quiere es ganar dinero mediante las pginas web y hace cosas en Internet que va en contra de la tica, y con esto hay que tener cuidado. Las pginas web tienen la desventaja de que la gente no se adentra en el contenido cuando tiene que buscar mucha informacin, sino que

entre tantos sitios web con diversos datos, se ve confundida y busca lo que necesita de una forma muy superficial.

Problemas que causa en la sociedad las paginas web, el internet y el correo electrnico
En la actualidad el uso de pginas web, el internet y el correo electrnico, han causado polmica, ya que ha trado diversas causas no tan beneficiosas para la sociedad tales como:

Comment [m7]: Tabla

Extraccin de informacin confidencial. La cantidad de contenido intil que hay, trae como consecuencia informar errneamente, sin poder discernir cuando una es asertiva o no; adems de que las personas ya no lean, ni busquen en las bibliotecas.

Fraudes. La pornografa de toda ndole, provoca perversiones tanto en la mujer como en el hombre. Produce adiccin, lo cual lleva al aislamiento interpersonal y la depresin. Envo de gran cantidad de e-mails a personas que nunca los han solicitado, as como extravo de correos

Secuestros a consecuencias de emails de desconocidos, as como citas a ciegas

por medio del Chat.

Elementos del diseo web, estilos y tendencias En la actualidad una pgina web o un blog es parte importante de la imagen de un individuo, empresa o institucin, es una de sus partes visibles. De su apariencia y estilo depende la imagen que proyecta, as los visitantes se hacen una idea o concepto sobre la organizacin o el personaje a quien pertenece el sitio. Vamos a recorrer todos los factores que influyen en el aspecto de una pgina web, herramienta que muy rpidamente revolucion la forma de relacionarnos con nuestros clientes y amigos (incluso con la misma competencia). 1.- Contenido: La pgina no debe ser atractiva solamente en su parte visual, debe tener un contenido interesante que atraiga lectores. Ninguna pgina puede considerarse exitosa si no cuenta con un contenido apropiado y actualizado frecuentemente. El contenido da la posibilidad real de aumentar el nmero de visitas y hacer que los viejos visitantes consulten la pagina a menudo (porque encuentran siempre algo nuevo). 2.- Imgenes: Deben usarse buenas fotografas, preferiblemente tomadas por un profesional. Es importante presentar imgenes que no estn pixeladas (baja resolucin) o desenfocadas, esto da una idea sobre la calidad misma del sitio. Tambin se pueden utilizar ilustraciones sencillas (imgenes vectoriales). 3.- Tipografa: Es importante utilizar fuentes llamativas pero que conserven una fcil legibilidad. La tipografa debe llamar la atencin del usuario pero debe conservar la lnea de diseo del sitio. Tambin es importante variar el tamao de una misma fuente para resaltar secciones interesantes del texto.

4.- Botones e iconos: Utilizar botones prcticos y representativos, as como iconos grandes y vistosos aumenta la facilidad de navegacin en la pgina y se dan una gua clara a los usuarios, no es necesario colocar accesorios que no van a brindar un valor real, por ejemplo un reloj para clientes que se encuentran en el mismo uso horario. 5.- Animaciones y movimiento: Para generar una sensacin de dinamismo, es bueno utilizar elementos animados. Pero es importante no excederse con los elementos mviles, la cuota del 20% del total de la pagina es suficiente, porque pueden causar saturacin, distraer la atencin de las cosas importantes que se quieren decir y por ultimo sacar al usuario del sitio. 6.- Fondos claros y sencillos: Los fondos claros o totalmente blancos facilitan la visualizacin, tambin dan un aspecto despejado a la pgina resaltando las imgenes, existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz del monitor. 7.- Enlaces a redes: Es de gran ayuda para los usuarios incluir enlaces a redes sociales con las cuales se tiene familiaridad y se interacta con regularidad, tambin a sitios de inters. Esto con el fin de generar comunidad y crear lazos de mutuo intercambio con sitios que pueden apalancar la oferta, como proveedores y clientes actuales.

8.-Sobriedad: Una pgina debe permitir una fcil visualizacin de los contenidos (videos, imgenes, textos), saturar al cibernauta es contraproducente, si la informacin o contenido tarda en ser cargado es una visita menos y un potencial cliente o negocio que no conoci la oferta que se propone, tener un diseo sencillo con botones o enlaces en el lugar adecuado, genera un fcil reconocimiento y navegacin que en posteriores visitas se traduce en una identificacin con los usuarios. Cada da nacen muchas pginas, por lo tanto cada vez existen ms opciones en la red, no olvide que un sistema de contenido dinmico atrae y que es necesario actualizar la informacin de acuerdo al ritmo que determine la organizacin, no se recomienda actualizaciones con ms de un mes calendario.

Diseo visual de una pgina web Dentro de las etapas en las que debe desarrollarse el diseo de un sitio web, el diseo visual es una de las ltimas, ya que muchos de los aspectos visuales de la pgina dependen en gran medida de determinaciones tomadas en otras etapas del diseo. Esto no quiere decir en modo alguno, que el diseo visual sea algo superficial o secundario. Por el contrario, al igual que otros aspectos del diseo de un sitio web, el aspecto visual puede influir en la popularidad del mismo. Tengamos en cuenta que los aspectos visuales pueden influir psicolgicamente en un visitante, y que el diseador debe tener en cuenta esto y tratar de influenciar al visitante para que tome determinaciones o al menos tenga una cierta tendencia a ello. Si el sitio web que nos encontramos desarrollando se trata de una tienda virtual, el visitante no slo deber sentirse atrado por los productos ofertados, sino que adems deber desear acceder a uno de ellos. Los diseos visuales, tanto para elementos impresos como web, en la actualidad se encuentran conformados por una serie de bloques o mdulos dispuestos en una forma ms o menos estandarizada, que permiten a los usuarios captar con simples recorridos visuales

donde se encuentran los diferentes elementos que componen una pgina. Esta disposicin estandarizada, responde a modelos de lgica visual que estn relacionados con el comportamiento de los usuarios. En base a esto, los diseadores grficos deben plantearse como objetivos la creacin de una jerarqua visual que permita al usuario de una pgina web detectar de inmediato cuales elementos son importantes y cuales son secundarios, definir cules sern las regiones funcionales del sitio y formar grupos de elementos relacionados de forma tal que los visitantes puedan ver claramente la estructura del contenido. En el diseo de pginas web, deben emplearse modelos que a los usuarios les resulten familiares, lo que colabora en la ubicacin por parte de los mismos de las reas funcionales y los contenidos importantes. Los diseos excesivamente llenos de elementos, con fondos cargados o con bajos contrastes, pueden dificultar el establecimiento de puntos de referencia visual que hagan comprensible la organizacin del contenido. Coherencia del estilo Al navegar por diferentes pginas de un sitio, el visitante debe tener la sensacin de que las diferentes pginas que visitan pertenecen a un mismo sitio. Esto se logra mediante la repeticin de algunos elementos, que dan un estilo definido al sitio. Esta repeticin, adems de dar una unidad visual a todo el sitio, permite a los visitantes ubicar los elementos ms importantes, ya que se encontrarn con la misma distribucin (o similar) en todos los puntos del sitio. En el siguiente ejemplo, podemos apreciar la pgina web de la Universidad de Buenos Aires, donde la coherencia en el diseo de las pginas interiores es evidente presentando muchos aspectos similares entre ellas, por lo que los usuarios saben que se trata de pginas de un mismo sitio.

En el ejemplo anterior, puede apreciarse adems, que la repeticin no quiere decir que no se puedan hacer ligeras variaciones, como en el caso del color de los encabezados de las pginas interiores del ejemplo. Esto, en muchos casos, es deseable, ya que estas variaciones pueden resultar atractivas y beneficiar la esttica del sitio. Empleo del principio del contraste en el diseo La creacin de jerarquas entre los diferentes elementos de una pgina web, es una de las tareas ms importantes de un diseador. Uno de los principios de diseo web que pueden emplearse para ellos, es el principio del contraste. Cuando un visitante llega a una pgina web, se encuentra con una gran cantidad de informacin visual, la cual debe ser clasificada por su cerebro para poder acceder a los diferentes elementos. La utilizacin de contrastes hace posible diferenciar los elementos principales de los secundarios y a estos del campo de fondo. Los visitantes tienen tendencia a seguir una secuencia lgica en la visualizacin de los elementos. En una primera instancia se visualizan los elementos grficos (imgenes, videos, animaciones, etc.), para luego ver los textos. El color y el contraste en la tipografa

Los textos en s mismos son elementos que pueden considerarse de baja visibilidad, a menos que se tomen algunas medidas que permitan que los visitantes detecten con facilidad ciertos elementos textuales y estos los conduzcan al resto. Los usuarios de internet tienen, en promedio, una baja tendencia a leer los textos por mucho tiempo. Esto es algo que todos los diseadores deben tener en cuenta, ya que la mayor parte de la informacin relevante de la pgina se encuentra en forma de texto. Otro aspecto importante, es que de acuerdo a los dispositivos de visualizacin que se emplee, estos elementos pueden sufrir variaciones ms o menos importantes. As por ejemplo, los mviles tienen baja resolucin de pantalla y la definicin de colores es mucho menor que en los ordenadores de escritorio. Algunos ordenadores porttiles tambin tienen dificultades a la hora de mostrar colores. Finalmente, los proyectores dan una imagen lavada y con un brillo y un contraste diferente al que se emplea en un ordenador. Por esto, es conveniente que los diseos sean testeados en diferentes dispositivos, a los efectos de poder corregir posibles diferencias en la visualizacin de las pginas, ya sea en el color u otros tipos. Estilo en una pagina web Cada diseo debe tener un estilo propio. Esto significa que no alcanzar con que se tomen elementos de otros sitios y tratar de imitarlos. El diseo es un arte, y como tal implica la creacin de todo lo que compone una pgina web. Adems de las consideraciones ticas, cabe destacar que la esttica propia de un sitio es lo que lo distingue del resto de las pginas web del mundo. El estilo del diseo web debe ser simple (no carente de estilo) para que los usuarios no encuentren dificultades con el contenido. La simplicidad no quiere decir que se deba tener un diseo con una esttica pobre, sino que debe ser de sencilla interpretacin, an cuando presente elementos de diseo complejos y llamativos.

Diseo web
El diseo web 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 vdeo. 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 aplicado

El diseo de pginas web se trata bsicamente de realizar un documento con informacin hiperenlazado con otros documentos y asignarle una presentacin para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un telfono mvil, etc). Estos documentos o pginas web pueden ser creadas:

creando archivos de texto en HTML, PHP, Asp, JavaScript, JSP, Python, Ruby. utilizando un programa WYSIWYG o WYSIWYM de creacin de pginas. utilizando lenguajes de programacin del lado servidor, para generar la pgina web.

Etapas

Para el diseo de pginas web debemos tener en cuenta tres etapas:

1. El diseo visual de la informacin que se desea editar. En esta etapa se trabaja distribuyendo el texto, los grficos, los vnculos a otros documentos y otros objetos multimedia que 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. 2. 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 de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son 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.

3. Posicionamiento en buscadores o SEO. 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 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy grficos.

El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningn tipo de formato y con extensin .html o .htm). Aprender HTML es relativamente fcil, as que es sencillo crear pginas web de este modo. Esta era la nica manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque s aconsejable), con lo cual el desarrollador se concentra en lo ms importante, el diseo del documento. Todo esto teniendo en cuenta el nivel de programacin en el diseo de las aplicaciones y del impacto visual que se quiere generar en el usuario.
Fundamentos

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 estndares establecidos por la W3C y en lo referente a la web semntica. 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 cdigo propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado. La web 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 elemento <P> para marcar prrafos, y <TABLE> para 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. De esta forma se utiliza el documento HTML nicamente para contener, organizar y estructurar la informacin y las hojas de estilo CSS para indicar como se mostrar dicha informacin en los diferentes medios (como por ejemplo, una monitor de computadora, un telfono mvil, impreso en papel, leda por un sintetizador de voz, etc.). Por lgica, esta metodologa beneficia enormemente la accesibilidad del documento. Tambin existen pginas dinmicas, las cuales permiten interaccin entre la web y el visitante, proporcionndole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un panel de control de administracin de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Accesibilidad

El diseo web debe seguir unos requerimientos mnimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor nmero 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.

Historia
En un principio era slo texto, pero a medida que ha evolucionado la tecnologa, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusin de imgenes fue la ms significativa, pero tambin debemos mencionar el vdeo y la animacin, o los espacios 3D, 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. 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 da. Rpidamente, su importancia alcanzar las mismas cuotas que la televisin o el telfono. Datos recientes estiman que hay alrededor de 2 mil millones de pginas colgadas y 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). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atencin de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseo y el uso del color son la llave para atraer y ser identificado, formando vnculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. 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 la tecnologa ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

HTML 5
La ltima versin de este lenguaje bsico corresponde al HTML5, donde se introducen nuevos elementos que mejoran la navegacin y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de <canvas>, <video> o <footer>.

Esta nueva versin no se trata solamente de cambiar y eliminar etiquetas. Va mucho ms all. En todo sitio web hay elementos que se utilizan. El encabezado (header), barras laterales (sidebars), el pie de pgina (footer), los mens de navegacin, se utilizarn en esta nueva versin como etiquetas ya establecidas, brindando una mejora en la intuicin para el desarrollo. As mismo una de las mayores mejoras es la utilizacin de "Canvas" o marcos de trabajo, que sirven para utilizar animaciones sin necesidad de instalar plugins ni usar un reproductor Adobe Flash para videos web, estndar considerado de facto. Esta opcin es un gran avance, ya que Flash tiene grandes desventajas en los grficos web, como que Google no pueda leer el texto dentro, que pesan mucho y tardan en cargar. Al implementarse con canvas, se usar nicamente cdigo Javascript, aligerando el peso de la pgina. Tambin quedan obsoletos algunos elementos del HTML4, razn por la cual es conveniente repasar acerca de las novedades que incluye HTML5, cuyo lenguaje es regulado por W3C.

Diseo Grfico y Desarrollo de Pginas Web

Hoy en da no slo es indispensable contar con un sitio web que contenga un men e informacin de la empresa, sino que es conveniente aprovechar un sitio para integrar el diseo grfico ya sea al desarrollar una pgina web o bien, al optimizar sitios ya establecidos. En Softelligence contamos con las mejores herramientas tecnolgicas y personal capacitado para explotar su marca, su imagen y su empresa en general en una pgina en Internet. Dentro del desarrollo de pginas web, es necesario contar con un diseo grfico profesional que vaya de acuerdo con la imagen de la empresa. Desde botones, plantillas, barra de men, imgenes que comuniquen los contenidos y elementos que en su conjunto, formen parte de su identidad corporativa. Las pginas en Internet requieren de diferentes elementos grficos para crear una armona en su

sitio web impactando de una manera tal, que sus clientes no slo se vean identificados con el contenido sino con el aspecto visual en general. Solicitar Cotizacin Ms Informacin

Mediante los servicios de Softelligence, usted podra tener una pgina web que contenga todos los aspectos mencionados y ms detalles para que funcione ptimamente segn sus necesidades. Cabe sealar que nuestra empresa le brinda un proyecto profesional, sin errores y con entrega a tiempo. Para nosotros, la tica profesional juega un papel importante y es por esa razn que nuestro equipo de trabajo, siempre tiene las mejores soluciones para su empresa pero tambin, encontrar el mejor trato y atencin personalizada y amable que nuestros clientes merecen. Si bien es cierto que el tener una pgina web crea un impacto y flujo de visitas cada da, entonces es necesario explotar dicho sitio de la mejor manera. Si la primera impresin que los usuarios tienen al abrir una pgina en Internet es la imagen grfica, entonces es muy importante que el diseo grfico para el desarrollo de una pgina web, sea realmente de impacto para que genere un inters y sentido agradable para dichos usuarios. Softelligence desarrolla pginas web a la medida y tambin plasma mediante el diseo grfico la identidad de su empresa. Mediante imgenes, colores especficos usados por su empresa (pantone de color), tipo y tamao de letra, as como el layout de su pgina, son slo algunas de las caractersticas que nuestra empresa toma como base para crear un sitio funcional, ptimo, interesante y con impacto en diseo grfico. Sin duda alguna, el diseo grfico para el desarrollo de una pgina web, es indispensable para crear plantillas necesarias para posibles aplicaciones que podran funcionar en su sitio. Softelligence cuenta con las herramientas tecnolgicas necesarias para manipular o crear cada detalle de su pgina. Creemos que el trabajo en conjunto con el cliente es primordial para que as, los esfuerzos realizados siempre vayan enfocados a un solo objetivo por ambas partes. Nuestros diseadores y desarrolladores siempre estarn

informndole acerca de los avances y ms aspectos que se consideren necesarios para ser usados en su pgina web. Destaque su ventaja competitiva mediante imgenes generadas gracias al diseo grfico que una pgina web siempre debe tener. El desarrollo de pginas web siempre requerir de un concepto para que de esta manera, usted tenga ms ventaja ante su competencia. En nuestra empresa contamos con profesionistas tanto de sistemas, mercadotecnia y especialistas en diseo grfico en Internet para que su pgina web, contenga slo elementos necesarios segn las necesidades de su compaa. Productos y Servicios Ms Informacin

Logotipos para empresas en Internet, identidad grfica o identidad para empresas, diseo grfico no slo para papelera institucional, sino tambin, contamos con el servicio de desarrollo de imagen o identidad corporativa la cual es indispensable para crear un reconocimiento de marca ante los usuarios. Carteles, Dpticos, trpticos, catlogos y ms publicidad impresa es de lo que usted puede beneficiarse con nuestros servicios. Softelligence le da la bienvenida y se enorgullece en ofrecerle un proyecto y propuestas atractivas que sean por supuesto, las necesarias para que el desarrollo de su pgina web y el diseo grfico de la misma, sean ciertamente, una identidad con la que pueda generar un buen posicionamiento posteriormente. Conozca cada detalle de las ideas que tiene en mente y contctenos para brndale un servicio personalizado y profesional.