Mostrando entradas con la etiqueta WEB. Mostrar todas las entradas
Mostrando entradas con la etiqueta WEB. Mostrar todas las entradas

viernes, 26 de febrero de 2010

PAGINA WEB

HTML

HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Javascript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.
HTML también es usado para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Historia de HTML
Primeras especificaciones
La primera descripción de HTML disponible públicamente fue un documento llamado HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.1 2 Describe 22 elementos comprendiendo el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.3
Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.4 El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, reflejando la filosofía del IETF de basar estándares en prototipos con éxito. 5 Similarmente, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de marcaje de hipertexto), de 1993 tardío, sugería, estandarizar características ya implementadas tales como tablas.6
Marcado HTML
HTML consta de varios componentes vitales, incluyendo elementos y sus atributos, tipos de data, y la declaración de tipo de documento.


Elementos
Los elementos son la estructura básica de HTML. Los elementos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio (p.ej. ) y una etiqueta de cierre (p.ej. ). Los atributos del elemento están contenidos en la etiqueta de inicio y el contenido está ubicado entre las dos etiquetas (p.ej. Contenido). Algunos elementos, tales como
, no tienen contenido ni llevan una etiqueta de cierre. Debajo se listan varios tipos de elementos de marcado usados en HTML.

El marcado estructural describe el propósito del texto. Por ejemplo,

Golf

establece a "Golf" como un encabezamiento de segundo nivel, el cual se mostraría en un navegador de una manera similar al título "Marcado HTML" al principio de esta sección. El marcado estructural no define cómo se verá el elemento, pero la mayoría de los navegadores web han estandarizado el formato de los elementos. Un formato específico puede ser aplicado al texto por medio de hojas de estilo en cascada.
El marcado presentacional describe la apariencia del texto, sin importar su función. Por ejemplo, negrita indica que los navegadores web visuales deben mostrar el texto en negrita, pero no indica qué deben hacer los navegadores web que muestran el contenido de otra manera (por ejemplo, los que leen el texto en voz alta). En el caso de negrita e itálica, existen elementos que se ven de la misma manera pero tienen una naturaleza más semántica: enfásis fuerte y énfasis. Es fácil ver cómo un lector de pantalla debería interpretar estos dos elementos. Sin embargo, son equivalentes a sus correspondientes elementos presentacionales: un lector de pantalla no debería decir más fuerte el nombre de un libro, aunque éste esté en itálicas en una pantalla. La mayoría del marcado presentacional ha sido desechada con HTML 4.0, en favor de Hojas de estilo en cascada.
El marcado hipertextual se utiliza para enlazar partes del documento con otros documentos o con otras partes del mismo documento. Para crear un enlace es necesario utilizar la etiqueta de ancla junto con el atributo href, que establecerá la dirección URL a la que apunta el enlace. Por ejemplo, un enlace a la Wikipedia sería de la forma Wikipedia. También se pueden crear enlaces sobre otros objetos, tales como imágenes .
Atributos
La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual "=" y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML (pero no en XHTML).7 8 De todas maneras, dejar los valores sin comillas es considerado poco seguro.9 En contraste con los pares nombre-elemento, hay algunos atributos que afectan al elemento simplemente por su presencia10 (tal como el atributo ismap para el elemento img).11
Códigos HTML básicos
: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, significando la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:

• .


Nociones básicas de HTML
El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de Notas de Windows, o cualquier otro editor que admita texto sin formato como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, entre otros.
Existen además, otros editores para la realización de sitios Web con características WYSIWYG (What You See Is What You Get, o en español: “lo que ves es lo que obtienes”). Estos editores permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Ahora bien, esto no significa una manera distinta de realizar sitios web, sino que una forma un tanto más simple ya que estos programas, además de tener la opción de trabajar con la vista preliminar, tiene su propia sección HTML la cual va generando todo el código a medida que se va trabajando. Algunos ejemplos de editores WYSIWIG son Macromedia Dreamweaver, o Microsoft FrontPage.
Combinar estos dos métodos resulta muy interesante, ya que de alguna manera se ayudan entre sí. Por ejemplo; si se edita todo en HTML y de pronto se olvida algún código o etiqueta, simplemente me dirijo al editor visual o WYSIWYG y se continúa ahí la edición, o viceversa, ya que hay casos en que sale más rápido y fácil escribir directamente el código de alguna característica que queramos adherirle al sitio, que buscar la opción en el programa mismo.
Existe otro tipo de editores HTML llamados WYSIWYM (Lo que ves es lo que quieres decir) que dan más importancia al contenido y al significado que a la apariencia visual. Entre los objetivos que tienen estos editores es la separación del contenido y la presentación, fundamental en el diseño Web.
HTML utiliza etiquetas o marcas, que consisten en breves instrucciones de comienzo y final, mediante las cuales se determina la forma en la que debe aparecer en su navegador el texto, así como también las imágenes y los demás elementos, en la pantalla del ordenador.
Toda etiqueta se identifica porque está encerrada entre los signos menor que y mayor que (<>), y algunas tienen atributos que pueden tomar algún valor. En general las etiquetas se aplicarán de dos formas especiales:
• Se abren y se cierran, como por ejemplo: negrita que se vería en su navegador web como negrita.
• No pueden abrirse y cerrarse, como
que se vería en su navegador web como una línea horizontal.
• Otras que pueden abrirse y cerrarse, como por ejemplo

.
• Las etiquetas básicas o mínimas son:



Ejemplo


ejemplo




Saber más
Seleccionando la opción Ver código fuente en el navegador, se puede ver realmente la información que está recibiendo éste y cómo la está interpretando. Por ejemplo: en Internet Explorer o en Firefox, simplemente hay que desplegar el menú Ver y luego elegir Código fuente. De esta forma, se abrirá el editor de texto configurado como predeterminado en el sistema con el código fuente de la página que se esté viendo en ese momento en el explorador. Otra forma más rápida consiste en hacer clic con el botón derecho del ratón en cualquier punto del área donde el navegador muestra la página web y elegir Ver código fuente.
Para el navegador Firefox existe el plugin FireBug, un depurador que permite entre otras cosas visualizar el código HTML de la página que estamos visualizando de forma dinámica, y que incluso resalta el trozo de código por el que está pasando el ratón en cada momento, por lo que es una herramienta muy útil para aprender diversos conceptos de este lenguaje.
Historia del estándar
En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (links) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en línea, funcionando sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP.
A principios de 1990, Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. En 1991, Tim Berners-Lee crea el primer navegador web, que funcionaría en modo texto y sobre un sistema operativo UNIX.
Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales de 1993. HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, el número de versión 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base formalmente más parecida al aspecto compositivo de las especificaciones actuales.
El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades, tales como facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época y, cuando el borrador del estándar expiró en septiembre de 1995, se abandonó debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto llamado MathML.
El HTML 4.0 también adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como 'desaprobados'.
Accesibilidad Web
Artículo principal: accesibilidad web
El diseño en HTML aparte de cumplir con las especificaciones propias del lenguaje debe respetar unos criterios de accesibilidad web, siguiendo unas pautas, o las normativas y leyes vigentes en los países donde se regule dicho concepto. Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido Web 1.0 WCAG (actualizadas recientemente con la especificación 2.012 ), aunque muchos países tienen especificaciones propias, como es el caso de España con la Norma UNE 139803.13
Entidades HTML
Los caracteres especiales como signo de puntuación, letras con tilde o diéresis, o símbolos del lenguaje; se deben convertir en entidad HTML para mostrarse en un navegador. La siguiente es una lista de caracteres españoles y su correspondiente entidad HTML:
Caracter Entidad HTML
á á
é é
í í
ó ó
ú ú
ñ ñ
Ñ Ñ


HTML dinámico
El HTML Dinámico o DHTML (del inglés Dynamic HTML) designa el conjunto de técnicas que permiten crear sitios web interactivos utilizando una combinación de lenguaje HTML estático, un lenguaje interpretado en el lado del cliente (como JavaScript), el lenguaje de hojas de estilo en cascada (CSS) y la jerarquía de objetos de un DOM.
Una página de HTML Dinámico es cualquier página web en la que los scripts en el lado del cliente cambian el HTML del documento, después de que éste haya cargado completamente, lo cual afecta a la apariencia y las funciones de los objetos de la página. La característica dinámica del DHTML, por tanto, es la forma en que la página interactúa con el usuario cuando la está viendo, siendo la página la misma para todos los usuarios.
En contraste, el término más general "página web dinámica" lo usamos para referirnos a alguna página específica que es generada de manera diferente para cada usuario, en cada recarga de la página o por valores específicos de variables de entorno. Este término no debe ser confundido con DHTML. Estas páginas dinámicas son el resultado bien de la ejecución de un programa en algún tipo de lenguaje de programación en el servidor de la página web (como por ejemplo ASP.NET, PHP o Perl), el cual genera la página antes de enviarla al cliente, o bien de la ejecución en la parte cliente de un código que crea la página completa antes de que el programa cliente (usualmente, un navegador) la visualice.
En una página DHTML, una vez ésta ha sido cargada completamente por el cliente, se ejecuta un código (como por ejemplo en lenguaje JavaScript) que tiene efectos en los valores del lenguaje de definición de la presentación (por ejemplo CSS), logrando así una modificación en la información presentada o el aspecto visual de la página mientras el usuario la está viendo.


PAGINA WEB

Página webUna página web, también conocida como página de Internet, es un documento adaptado para la Web y que normalmente forma parte de un sitio web. Su principal característica son los hiperenlaces a otras páginas, siendo esto el fundamento de la Web.
Una página web está compuesta principalmente por información (sólo texto o multimedia) e hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, o aplicaciones embebidas para hacerla interactiva.
Las páginas web son escritas en un lenguaje de marcado que provea la capacidad de insertar hiperenlaces, generalmente HTML.
El contenido de la página puede ser predeterminado ("página web estática") o generado al momento de visualizarla o solicitarla a un servidor web ("página web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas.
Respecto a la estructura de las páginas web algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño para facilitar y simplificar la visualización e interpretación del contenido.

La World Wide Web permite una manera más organizada de acceder a la información 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. Compañías pequeñas, empresas grandes, ayuntamientos, estados, gobiernos de distintos países, universidades, bibliotecas, están presentes en Internet.
El presente trabajo tiene como objetivo mostrar las maravillosas capacidades de la World Wide Web, en que consiste la misma, sus utilidades, como así también los criterios a tener en cuenta en el diseño para que un sitio Web tenga éxito.
Por otro lado intenta hacer un aporte a trabajos nombrados en la página 54, ya que algunos hacen mención del tema o lo muestran desde una visión particular.
Este trabajo trata de dar un enfoque actual y personal, tratando de ser útil a quien este interesado en el tema.
Unidad 1 "La Word Wide Web"
1.1. Internet
Internet es una gran red de redes, también llamada Supercarretera de la información. Es el resultado de la interconexión de miles de computadoras de todo el mundo. Todas ellas comparten los protocolos de comunicación, es decir que todos hablan el mismo lenguaje para ponerse en contacto unas con otras.
Los servicios básicos ofrecidos ahora por Internet son correo electrónico, noticias en red, acceso a computadoras remotas y sistemas de adquisición de datos, y la capacidad para transferir información entre computadoras remotas.
1. 2. Historia de Internet
Empezó en los Estados Unidos de América en 1969, como un proyecto puramente militar. La Agencia de Proyectos de Investigación Avanzados de Defensa (DARPA) desarrolló una red de computadoras llamada ARPANET, para no centralizar los datos, lo cual permitía que cada estación de la red podía comunicarse con cualquier otra por varios caminos diferentes, además presentaba una solución para cuando ocurrieran fallas técnicas que pudieran hacer que la red dejase de funcionar.
Los sitios originales que se pusieron en red eran bases militares, universidades y compañías con contratos del Departamento de Defensa. Conforme creció el tamaño de esta red experimental, lo mismo sucedió con las precauciones por la seguridad. Las mismas redes usadas por las compañías y las universidades para contratos militares se estaban volviendo cada vez más accesibles al público
Como resultado, en 1984, ARPANET se dividió en dos redes separadas pero interconectadas. El lado militar fue llamado MILNET. El lado educativo todavía era llamado técnicamente ARPANET, pero cada vez se hizo mas conocida como Internet.
En mayo de 1995, entre 35 y 45 millones de personas usaban Internet y este número fue creciendo mes a mes en un 10 a 15%. Las estimaciones actuales colocan al número de personas en Internet en enero de 1997 en 62 millones de usuarios individuales.
Podemos decir que el resultado final es que lo que comenzó como un proyecto de investigación gubernamental y educativo ahora se ha convertido en uno de los medios de comunicación más importante de la actualidad. Nunca antes había sido posible tener acceso a tantas personas de culturas y antecedentes tan variados.
Además podemos decir que la Internet no es gratis, la pagamos básicamente nosotros, los contribuyentes, centros de investigación, educacionales, institutos y universidades, las empresas comerciales, nosotros a través del incremento en sus productos y la publicidad.
1. 3. Historia de la Web
La Web es una idea que se construyo sobre la Internet. Las conexiones físicas son sobre la Internet, pero introduce una serie de ideas nuevas, heredando las ya existentes.
Empezó a principios de 1990, en Suiza en el centro de investigación CERN (centro de Estudios para la Investigación Nuclear) y la idea fue de Tim Berners-Lee, que se gestó observando una libreta que él usaba para añadir y mantener referencias de cómo funcionaban los ordenadores en el CERN.
Antes de la Web, la manera de obtener los datos por la Internet era caótica: había un sinfín de maneras posibles y con ello había que conocer múltiples programas y sistemas operativos. La Web introduce un concepto fundamental: la posibilidad de lectura universal, que consiste en que una vez que la información esté disponible, se pueda acceder a ella desde cualquier ordenador, desde cualquier país, por cualquier persona autorizada, usando un único y simple programa. Para que esto fuese posible, se utilizan una serie de conceptos, el más conocido es el hipertexto.
Con Web los usuarios novatos podrían tener un tremendo poder para hallar y tener acceso a la riqueza de información localizada en sistemas de cómputos en todo el mundo.
Este solo hecho llevó un avance tremendo de Internet, un ímpetu tan grande que en 1993 World Wide Web creció un sorprendente 341000%, tres años después, en 1996, todavía sé esta duplicando cada 50 días.
1. 4. ¿Qué es la World Wide Web o la Web?
La World Wide Web consiste en ofrecer una interface simple y consistente para acceder a la inmensidad de los recursos de Internet. Es la forma más moderna de ofrecer información. el medio más potente. La información se ofrece en forma de páginas electrónicas.
El World Wide Web o WWW o W3 o simplemente Web, permite saltar de un lugar a otro en pos de lo que no interesa. Lo más interesante es que con unas pocas ordenes se puede mover por toda la Internet.
Funcionamiento de la Web
Una vez que el usuario esta conectado a Internet, tiene que instalar un programa capaz de acceder a páginas Web y de llevarte de unas a otras siguiendo los enlaces.
El programa que se usa para leer los documentos de hipertexto se llama "navegador", el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por el Web.
Así, no hay más que buscar la información o la página deseada y comenzar a navegar por las diferentes posibilidades que ofrece el sistema.
Navegar es como llaman los usuarios de la red a moverse de página en página por todo el mundo sin salir de su casa.
Mediante los Navegadores modernos podemos, acceder a hojas de calculo, base de datos, vídeo, sonido y todas las posibilidades más avanzadas. Pero el diseño de páginas debe mantener un equilibrio entre utilizar todas las capacidades y la posibilidad de ser leídas por cualquier tipo de Navegador.
El visualizador nos presentará perfectamente cualquier página ".txt" generada por cualquier editor, y los links entre documentos sólo requieren un simple y sencillo comando. Y aún así podremos conseguir el tipo y tamaño de letra y colores de texto y fondo que queramos, simplemente configurando el visualizador.
1. 6. 1. Navegadores que se utilizan
Los más conocidos son el Explorer de Microsoft, Mosaic y el Netscape de Netscape Communications Corporation en Estados Unidos y otros países. Tienen capacidades diferentes y es importante cuando se crea una página Web, además de un buen diseño, tener en cuenta la compatibilidad, es decir, programar páginas de modo que las acepte cualquier Navegador.
Netscape es el que soporta más y mejores efectos, incluido programas embebidos en el propio texto (versión 2.0 en adelante), escritos en lenguaje Java (algo muy parecido al lenguaje C), que son interpretados por el visualizador, y que permiten realizar páginas "inteligentes".
Conectándose a Internet, con un visualizador Netscape o Explorer, además de ver documentos HTML se puede recibir y enviar correo electrónico, recibir y enviar NEWS (noticias), visitar los servidores GOPHER (servidores de ficheros), y acceder a servidores FTP (más servidores de ficheros) tanto en entrada como en salida, todo ello con el mismo programa. También, como no, se pueden imprimir los documentos visualizados. Casi todos suelen ser " WYSIWYG".
1. 7. ¿Cómo encuentra la gente una página Web?
1. 7. 1. Sistemas de Búsqueda
En la Web no existe un directorio centralizado. Para acceder a una página directamente se debe conocer la dirección exacta donde se encuentra. Pero lo más habitual no es conocer esa dirección exacta, sino tener una idea del tema en el que se está interesado y sobre el que se necesite información.
Existen empresas como Yahoo, Altavista, Olé, Ozú, etc., que han creado diferentes Sistemas de Búqueda, para evitar la navegación a la deriva.
Estas consisten en un tipo de páginas Web donde se puede escribir una palabra o una breve referencia que defina la búsqueda que se quiere realizar. El sistema consulta sus datos y te muestra enlaces con las páginas Web que contienen la referencia escogida. Existen diferentes buscadores y cada uno de ellos ha creado su propio directorio. Unos son más completos, otros más organizados, otros son más exigentes y selectivos en su información, cada uno tiene características propias, pero todos ellos ayudan a mantener el rumbo.
1. 8. ¿Qué puede contener una Página Web?
Hemos mencionado el tipo de información que puede contener una página Web: texto, imagen, sonido, vídeo, e incluso, mundos 3D y animación.
El usuario no se limita a buscar y encontrar la información de un modo pasivo, sin intervenir. La mayor innovación de las páginas Web se traduce en una sola palabra: Interactividad. Una página Web puede contener elementos que permiten una comunicación activa entre el usuario e información, la página responderá a sus acciones.
Por ejemplo:
• Formularios: a través de los cuales la empresa podrá disponer de un modo de solicitud de información, un buzón de sugerencias o posibilidad de realizar subscripciones o pedidos
• Accede y manejar bases de datos de todo tipo: Consultar por ejemplo, una lista de todos los fondos de inversión en España.
• Participar en los juegos más diversos. Echar una partida de Bingo o participar en un divertido juego de búsqueda por el ciberespacio.
• Sistemas de Búsquedas: Encontrar las páginas que contienen información que se necesita en los principales buscadores españoles o localizar una empresa en las páginas amarillas electrónicas.
1. 9. ¿Qué puede hacer una empresa a través de una página web?
• Proveer a clientes la información acerca de sus productos y servicios, y actualizarla a medida que se van desarrollando nuevos aspectos de ellos. Esto es mucho más sencillo y económico que hacer llamadas telefónicas, imprimir nuevos catálogos o hacer publicaciones de prensa cada vez que lo requiera.
• Evaluar a sus clientes actuales y desarrollar nuevas oportunidades de negocio. Mediante encuestas publicadas dentro de su página Web, puede obtener una respuesta de sus clientes actuales, y así conocer y abordar mejor sus inquietudes y sugerencias respecto al servicio que están recibiendo de su empresa. Igualmente, puede mostrar nuevos productos e ideas y conseguir la opinión de los visitantes de su página, que son a la vez sus clientes potenciales. De esta manera, puede crear una base de datos de clientes (actuales y potenciales) para luego enviarle nuevas informaciones a través de correos electrónicos con costos irrisorios.
• Otorgar información detallada y específica acerca de sus productos (manuales de instrucción) y de los procesos de comercialización (adquisición y compra) de los mismos. Si su público desea saber más sobre la empresa, la página Web es el mejor vehículo para hacerle llegar esa información.
1. 10. Dominio
En el supuesto de estar buscando información sobre una empresa determinada, el primer impulso sería teclear el nombre de la empresa seguido del sufijo es o com, los más habituales.
Si se realiza esta acción sólo se encontrará a la empresa en esa dirección si se dispone de dominio propio, es decir si la empresa tiene un servidor propio o ha alquilado espacio en un servidor dedicado a la gestión y mantenimiento de páginas Web. Si no es así, si la empresa simplemente se encuentra situada en el dominio de otra compañía, será más difícil de localizar, ya que tendrá una dirección más complicada, difícil de encontrar y memorizar.
Además, si la empresa tiene dominio propio, en el caso de que decida cambiar de compañía a la que alquile el espacio, la dirección se mantiene, ya que el dominio propio pertenece a la empresa que lo usa y puede instalarse en otro host sin problemas. Si no tiene dominio propio y decide cambiar de proveedor de Internet, su dirección de Internet cambiará y tendrá que reflejarlo en su publicidad.
El dominio propio ofrece una imagen más profesional y competente. Los clientes agradecerán que se les proporcione un acceso sencillo y consistente a su información.
1. 11. URLs
Localizador Uniforme de Recursos (URL; Uniform Resource Locator )es una dirección especial usada por los navegadores Web, para tener acceso a información en Internet. El URLs especifica el ordenador en que se hospeda, el directorio, y el nombre del fichero A través de estas direcciones o URLs vamos a poder conectar los diferentes objetos (no solo texto), aunque se acceda a ellos a través de diferentes protocolos. Una cualidad de los URLs es que permiten utilizar los datos ya existentes en la Internet (Wais, Gofher, ftp) y así es como consigue la Web envolver a la Internet sencilla y eficazmente
Si no sabemos el URLs, se puede ir a al URL de alguno de los índices de Búsqueda.
Unidad 2 "Construcción de Páginas Web"
Premisas básicas para crear un Web de éxito
2. 2. 1. Un buen contenido
El contenido dependerá directamente de la temática del Web. La gran mayoría de los usuarios que acuden a un sitio Web lo hacen en busca de información. Da igual como se presente dicha información (texto, imágenes, vídeo, audio) pero un Web debe aportar contenido. Es importante tener en cuenta que WWW es un medio de comunicación distinto a los que hasta ahora conocíamos (televisión, radio, prensa, etc.); el navegante pasa de página en página Web a ritmo de clic de ratón, y generalmente pasa poco tiempo en una misma página. Por lo tanto no se debe abusar de la información textual, ya que son muy pocos los visitantes que se leen completamente una página Web. Siempre se ha dicho que una imagen vale mas que mil palabras, y aunque una página Web no es un programa de televisión, las imágenes siempre son importantes.
2. 2. 2. Un buen Diseño
No es necesario ser un gran diseñador para crear paginas Web con un mínimo de sensibilidad gráfica. A veces, un diseño simple se agradece mucho más que una Web inundada de "gifs" en movimiento. El utilizar una tipografía determinada, unos colores adecuados, iconos, fotos, etc. puede convertir la experiencia de visitar un Web en algo mucho más agradable.
Es importante en el aspecto del diseño de un Web la estructuración del mismo. Facilitar la navegación mediante menúes, iconos, mapas y otros elementos puede evitar que más de un visitante se pierda dentro de un Web. En el caso de crear un Web excesivamente grande y complejo resulta de ayuda para el visitante la inclusión de mapas (esquemas con enlaces de hipertexto que representan todo el Web) para no perderse.
2. 2. 3. Las imágenes en el diseño
La velocidad de acceso al Web está siempre muy reñida con el diseño. Es frecuente el caso en que, para embellecer un Web se utilicen muchas imágenes (en formatos gif o jpeg) de gran tamaño. Esto obliga a los usuarios con conexiones lentas a sufrir largas esperas hasta que la información se presente en pantalla, y eso es un riesgo porque más de dos saltarán a cualquier otra dirección Internet antes de perder su tiempo.
La velocidad de la Web también dependerá en gran medida de lo saturadas que estén las líneas de acceso a nuestro centro proveedor de presencia en Internet (en resumen, el servidor donde se aloja el Web). Sin embargo este es un problema que se escapa del ámbito del diseño.
2. 2. 4. Elementos Interactivos
La interactividad es fundamental para el éxito de un Web. Se debe evitar la sensación "lectura de periódico" que puede causar en un visitante un Web pasivo y lineal. Además la interactividad puede beneficiar a quien publica el Web ya que a través de formularios podrá conocer mejor los perfiles de quienes pasan por las páginas.
Podemos calificarlos como aspectos filosóficos a tener en cuenta en el diseño de un Web.
2. 3. Etapas de Desarrollo de un proyecto de sitio Web
El desarrrollo de un proyecto de sitio Web puede dividirse en tres etapas principales:
1. Prediseño,
2. Diseño,
3. Instalación y prueba.
El punto de vista desde el cual se analiza el proceso de diseño no es desde la interrelación usuario-tecnología, sino como interacción humana, mediatizada por la técnología. Es decir, entender a la Web como medio de comunicación entre personas. Esto nos debe ayudar a pensar permanentemente en "el otro", la persona invisible y desconocida para quien hacemos la página Web.
De todas las palabras que utilizamos al hablar de Internet, la que más deben tener en cuenta los diseñadores es la que designa al acto de instalar un sitio, pensar en el público, pensar en cómo piensa el público.
Etapa de la conceptualización
 Planificar la Web
• Objetivos AJUSTE
• Público Se corrigen los
• Contenido elementos de
• Estructura prediseño que no
• Visualización cumplen los requeri-
mientos previstos
.
Etapa de armado de páginas 
y configuaración del sitio
"Hacer" la Web"
AJUSTE
• Diseño de gráficos Se corrigen los
• Diseño de páginas elementos de
• Establecer links diseño que no
internos y externos funcionan
• Incorporar multimedia correctamente o no se
• Incorporar archivos. visualizan de acuerdo a lo esperado
Etapa de puesta en marcha 
Correcciones y ajustes finales
"Hacer que todo funcione"
• Prueba de todos los links
• Prueba de funcionamiento de
todos los elementos de multimedia.
• Prueba de funcionamiento de
formularios, e-mail, buscadores, etc.
1. Prediseño
A la etapa de Prediseño o conceptualización podemos dividirla en cinco componentesstro análisis. Ellos son: objetivos, público, contenidos, estructura y visualización. Estos interactúan entre sí y se condicionan mutuamente.
• Objetivos
Este es uno de los elementos más importantes, que determina a los otros. Hay que responder a la pregunta: ¿para qué se pública este sitio?; ¿qué quiero que suceda raíz de mi publicación en la Web?.
Las respuestas deben ser del tipo como por ejemplo: quiero que los clientes puedan actualizar la lista de precios, en forma sencilla, que acceda al catalogo electrónico de productos y puedan hacer sus pedidos automáticamente, contribuir acerca de la necesidad de conservar las especies en peligro de extensión, etc. Estar en Internet no es una respuesta válida.
En la elaboración del objetivo(si existe más de uno, hay que listarlos a todos y jerarquizar) conviene que participen todas las personas que tienen que ver o están interesadas en el éxito del proyecto.
En este momento habría que validar si las aspiraciones expresadas en los objetivos son compatibles con el funcionamiento de Internet. Por ejemplo, si bien es posible vender libros, discos, pizzas o corbatas a través de Internet, posiblemente no funcione con calzado, que necesita ser físicamente probado.
• Público
Al hablar de público no nos referimos a cualquier persona que recorriendo la red llegue a nuestra página, sino a aquella parte de la población a la que pretendemos alcanzar e influir con el mensaje. Esto esta estrechamente vinculado con los objetivos establecidos y la naturaleza del sitio que nos proponemos.
Necesitamos construir un identikit de nuestro público, tratando de definir, en general sus intereses, inclinaciones, gustos, preferencias, etc., y en particular, como usuarios de Internet. Tenemos que dar una respuesta lo más concreta y específicamente posible a la pregunta "esa gente, ¿qué busca de mi página?". Porque la Web debería dar respuesta a esa pregunta.
Todo lo que sepamos y supongamos sobre el público-target (el que nos interesa) servirá, además, para establecer parte de los criterios de diseño de contenidos, lenguajes, estética.
• Contenidos
Se debe listar la información que se desea incluir en la Web. Esta información debe ser significativa, y útil para el público. Teniendo en cuenta lo que a ellos les interesa, no lo que a nosotros nos gustaría que nos interese.
En el caso de que existan otras formas de acceso a información disponible para esas mismas personas, el contenido de la Web deberá ser superador de esos otros materiales. Es decir que si los clientes de una firma reciben un folleto en el que se describen los servicios que se prestan, el sitio Web al que accederán luego no puede repetir simplemente lo que allí se dice.
Información, no textos redundantes sobre la importancia de esa información.
El lenguaje utilizado para brindar la información en Internet debe ser sobrio, conciso, concreto. No funciona bien el lenguaje insinuante y ambiguo que puede ser perfecto para avisos gráficos o folletería.
Todo lo que se hace contribuye a formar la imagen que tiene el público de la empresa, marca, producto, institución o servicio. La Web no es una excepción y cualquier sentimiento de frustración que experimente el usuario no se canalizará hacia el o los autores del sitio Web, sino hacia la imagen que mencionamos.

• Estructura
La organización de la información es un tema clave para asegurar un buen funcionamiento de un sitio.
El primer elemento organizador son las páginas. Conviene incluir en cada una de ellas una unidad de información autónoma, completa. En el caso de que el volumen sea excesivo para ello, dividir esa unidad de información en subunidades más pequeñas, coherentes, completas cada una en sí misma. Una unidad de información es un tema o un subtema.
Las relaciones de las páginas entre sí configuran la estructura del sitio. A partir de la página principal o home page se vinculan mediante links el resto de las páginas. Esto es bastante sencillo de implementar en lenguaje HTML, pero es más complicado decidir de que manera, en qué orden, con qué configuración se establecerá la cadena de vínculos.
Ante todo hay que tener en cuenta que la estructura debe responder a los criterios de búsqueda. Hay que hacerse la pregunta acerca de ¿cómo se intentará encontrar esta información?. Los criterios " naturales" de clasificación pueden no ser adecuados. Por ejemplo, es común que quienes venden repuestos acomoden los mismos por tipo: juntas por aquí, poleas por allí, resortes de este lado. El usuario, a su vez, necesita el repuesto para una máquina o artefacto, marca, modelo, función del repuesto que busca. Los links y la estructura del sitio tendrán que tener en cuenta estas cuestiones.
El otro tema es que los usuarios reconocen las páginas de la Web utilizando como guía palabras clave colocadas en botones, barras de control, gráficos mapeados, o utilizadas como marcas de hipertexto; palabras que por su significado indican o sugieren el contenido de páginas a las que derivan. Es sabido que los significados de las palabras no son unívocos, y la ambigüedad puede ser un problema. El conocimiento de la cultura y usos lingüísticos del público nos será sin duda, de gran utilidad a la hora de elegir las palabras que se titularán nuestros botones o identificarán los links de derivación a otras páginas del sitio.
Hay que tener en cuenta que el usuario no tiene cómo saber la manera en que sigue la cadena de links más allá de las páginas a las que puede entrar directamente desde el lugar donde se encuentra. Que el usuario no encuentre la información buscada después de recorrer cuatro o cinco páginas encadenadas puede significar que el mismo abandone el sitio o la indeseada sensación de frustración que nos interesa evitar.
Un tema relacionado a éste es el de los mecanismos de identificación y de recorrido del sitio. Estos deberían permitir al usuario saber en todo momento el lugar o zona del sitio donde se encuentra, así como desplazarse hacia cualquier otra página sin necesidad de recorrer toda la cadena en sentido inverso. Los paneles de control son una buena ayuda.
• Visualización
Un sitio Web no es una torta. La gráfica (incluida elementos multimedia) de un sitio Web debe se una herramienta de comunicación al servicio de los objetivos planteados y condicionados por las pautas culturales (preferencias, gustos) del público.
Esto significa que tampoco es un espacio de lucimiento del diseñador, ni la estética.
Debe adecuarse a los gustos y preferencias de los responsables del sitio. Una vez más los objetivos trazados y el perfil del público deberían ser los instrumentos para tomar las decisiones de diseño gráfico y multimedia.
Además de los criterios estéticos y comunicacionales del diseño gráfico, es importante respetar los criterios técnicos específico:
1. Que cada página sea fácil de cargar.
• La velocidad de carga de una página está en función del estado de las líneas y de la
cantidad de información que contiene. Sobre el primer parámetro no hay nada que podamos hacer desde el diseño, pero sí sobre el segundo: establecer para cada página un máximo de bytes y no sobrepasarlo.
• Realizar los gráficos del tamaño más chico posible.
• Repetir los iconos siempre que sea posible. El browser los leerá de la memoria caché a
partir de la segunda vez que deba colocarlos en la página.
• Grabar cada gráfico en formato GIF y JFG, verificar el tamaño de ambos y descartar el
mayor.
• Reducir la cantidad de colores de cada gráfico al mínimo indispensable. De todos modos, la mayor parte de los usuarios no pueden visualizar más de 256.
• Reflexionar cuidadosamente sobre la utilización de recursos de multimedia: ¿agregan algo realmente a la página? .
2. Que las páginas sean fáciles de leer.
• Resolver el contraste texto/fondo con valores de luminosidad y no sólo decolor. Eliminar el color del monitor, si tiene esa posibilidad, o imprimir la página en un láser monocroma para verificar esto.
• Tener cuidado con las texturas del fondo: no deben tener un dibujo excesivamente nítido que perjudique la lectura. Tampoco es conveniente que sean motivos muy contrastados (contornos claros y oscuros), ya que se verán mal tanto los textos oscuros como los claros. En el caso de utilizar texturas fuertes, agrandar los suficiente el tamaño de la tipografía.
• El tamaño de la tipografía debe ser adecuado para ser leído sin dificultad aun en computadoras seteadas con altas resoluciones de pantalla.
• Es importante jerarquizar los títulos, subtítulos, manteniendo la coherencia de los estilos en todo el sitio. Para eso es una buena ayuda escribir una pequeña norma que establezca el tamaño relativo de la tipografía para cada categoría de títulos, y subtítulos, así como si éstos van centrados, alineados, con bullets, etc.
3. Establecer guías visuales que permitan saber que cada página pertenece al mismo sitio.
La coherencia visual ayuda en ese sentido. Un sitio en el que cada página tiene un fondo diferente, varían los iconos y cambian otros componentes de la composición visual, desconcierta al usuario, que no sabe si está en el mismo sitio o si el último link lo llevó al otro extremo del mundo.