You are on page 1of 6

Una pgina web es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser

accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil. 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 datos de estilo para especificar cmo debe visualizarse, y tambin 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. Respecto a la estructura de las pginas web, algunos organismos, en especial el W3C, suelen establecer directivas con la intencin de normalizar el diseo, y para as facilitar y simplificar la visualizacin e interpretacin del contenido. Una pgina web es en esencia una tarjeta de presentacin digital, ya sea para empresas, organizaciones, o personas, as como una tarjeta de presentacin de ideas y de informaciones. As mismo, la nueva tendencia orienta a que las pginas web no sean slo atractivas para los internautas, sino tambin optimizadas (preparadas) para los buscadores a travs del cdigo fuente. Forzar esta doble funcin puede, sin embargo, crear conflictos respecto de la calidad del contenido.

Para qu sirve una pgina Web?


y y y
Una pgina Web slo sirve para una empresa si est integrada a los planes globales de la empresa, pues el xito y competitividad de una empresa no se debe basar slo al contar con una pgina Web. Aprovechar Internet no significa contar simplemente con una pgina Web. La preocupacin de las empresas, en general, es el diseo del sitio, en lugar de las estrategias que se utilizarn para negociar a travs de Internet. El desarrollo del sitio Web debe ser consecuencia de un profundo anlisis en los que como mnimo participen la empresa, la competencia, los clientes y los proveedores y evaluar cmo influye Internet en todos estos factores.

y y

Internet y las nuevas tecnologas pueden incidir de forma positiva en los resultados de todas las reas funcionales de la empresa como marketing, comercial, compras, recursos humanos, administracin, produccin, etc. Internet es considerado como un buen medio para informar, comunicar y difundir a costos muy bajos. Objetivos especficos que se pueden lograr con un sitio Web: y Alcanzar nuevas audiencias de pblico (internacionalmente). y Atraer prospectos y clientes. y Vender productos y servicios. y Dar mayor satisfaccin al cliente a travs de un mejor servicio, informacin y soporte, adems de establecer una relacin empresa-usuario ms estrecha. y Proporcionar informacin precisa de lo que la gente busca en el Web. y Recibir retroalimentacin de los usuarios y poder aplicarla en el mejoramiento de los servicios o productos pues se realiza de forma annima. y Automatizar procesos de negocios. y Incrementar la visibilidad y la credibilidad de una empresa. Muchas empresas no hacen negocios con quien no tiene un sitio Web. y Proporcionar informacin inmediata sobre productos y servicios y Reduce el ciclo de ventas ya que el cliente cuenta con informacin previa de la empresa dada a travs del sitio web, eventualmente, esto le hace confiar ms. y Facilitar a los clientes existentes a contactarse ms fcilmente. y Atraer negocios y prospectos de diferentes ciudades y pases. Este beneficio quiz sea una de las ventajas ms difundida sobre sitios Web y una de las menos aprovechadas por las empresas.

y y y y y y y y y y y y

Pasos a seguir para elaborar una p gina WEB


La realizaci n y creaci n de p ginas WEB es una labor que requiere de una cierta estructura y planificaci n al comienzo de su elaboraci n. El resultado final de nuestro trabajo depender de la organizaci n, la originalidad y los elementos utilizados en las p ginas que se creen. Debe tenerse siempre presente, a quien va dirigida nuestra WEB, para adecuar los contenidos y el estilo en funci n del colectivo que va a leer nuestras p ginas. Cuide que el lector no se pierda en la navegaci n, por lo que se debe estructurar de una forma clara la relaci n de unas p ginas con otras.

1. Definici n de los objetivos. El primer paso, para la creaci n de p ginas WEB bien estructuradas, es saber de antemano el mensaje que se desea transmitir. Las im genes y los elementos a utilizar ser n distintos si se plantea una WEB para vender un producto, o para dar informaci n o para publicar un trabajo cient fico. En este ltimo caso, la p gina debe dar una imagen m s formal.

2. Perfilar una l nea de dise o.


Hay que tener en cuenta que los WEBs profesionales tienen una apariencia m s formal, y que su dise o es tan importante como el de la imagen de una instituci n.

En un plano m s profesional, se debe cuidar la presentaci n, manteniendo siempre una imagen corporativa a lo largo de todas las p ginas y un estilo adecuado al perfil de la instituci n. Esto te permitir recopilar los materiales que incluir s en ella: im genes, gr ficas, impresos, formularios, logotipos, etc.
La l nea de dise o debe ser coherente y homog nea, que mantenga una apariencia visual com n: los mismos colores o motivos de fondo, el mismo estilo de l neas divisorias horizontales y verticales, los mismos iconos o vi etas o los mismos logotipos gr ficos siempre en la misma posici n de la p gina. Su aspecto profesional con elementos comunes har que los usuarios visiten las p ginas con orden y no se pierdan pensando que est n en otra Web.

3. Crear el organigrama de navegaci n. A continuaci n debes planificar c mo van a desplazarse los usuarios por ellas. Se debe realizar un diagrama de flujo claro para definir los ndices principales, las p ginas secundarias y las ramificaciones de todos los documentos. Si utilizas una sola p gina WEB y esta es muy extensa deber s poner enlaces a las diferentes partes del documento al principio y al final de tu p gina y de esta forma facilitar la lectura de la misma, sin tener que depender tanto de las barras de desplazamiento.

4. Definici n de estilo Una vez creada la estructura b sica del WEB, se debe definir el estilo de las p ginas.
Resulta pr ctico crearse una p gina de estilo para aplicar a todas las p ginas que vayamos generando, incluyendo los logotipos, encabezados y pies.

[Pasos a seguir para elaborar una p gina WEB]

Reglas para estructurar y dise ar p ginas WEB


Igual que cualquier otro medio, el Web tiene ciertas idiosincracias que el buen dise ador debe tener en cuenta. Dado que el Web es un medio estrictamente para computadoras, el resultado que querramos obtener se ver condicionado al hardware con el que se visualice (la tarjeta de video, el monitor, y las configuraciones) y el explorador web que se utilice para la visualizaci n de nuestras p ginas.
Definir el contenido de las p ginas:

Use gr ficos y colores y var e el tama o de la letra para realzar la p gina, pero aseg rese que la p gina tambi n funcione cuando se vea como texto normal. Incluya siempre una alternativa de texto a los elementos gr ficos, pues algunos usuarios desactivan su presentaci n para lograr una descarga de la p gina mucho m s r pida..

Reduzca el texto al m nimo, es decir no es conveniente presentar textos muy largos, ya que el usuario no los lee. Reduzca al m nimo los estilos de encabezamientos y subt tulos cuando organice el contenido y utilice los estilos de forma coherente. Puede insertar l neas horizontales para separar visualmente las secciones del documento.

Combinaci n de fondos con el texto:

El fondo puede hacer que la lectura de los documentos en pantalla sea m s atractiva. Sin embargo, los colores e im genes oscuras pueden interferir con los colores del texto, dificultando su lectura. Es conveniente aplicar al texto un color de contraste, por ejemplo: un color claro para texto sobre fondo oscuro y viceversa. Pero, trate de evitar la utilizaci n de textos de color blanco, pues algunas impresoras no escriben en dicho color. Establecer la longitud de la p gina: Una gran parte de los monitores de los equipos personales actuales presentan la informaci n en una resoluci n de 640 x 480 pixels en pantallas de 13 a 15 pulgadas (tambi n en 800 x 600). Dise e las p ginas de forma que la informaci n se presente en partes cortas y claramente segmentadas, a fin de mantener las p ginas concisas. Una buena regla general para escribir una p gina que se leer en la pantalla es que su longitud no sea mayor que dos o tres pantallas de informaci n de 640 x 480, incluidos los enlaces de navegaci n locales, al principio y final de la p gina. Si la informaci n es muy extensa, divida la informaci n en p ginas separadas o proporcione un enlace con un archivo diferente que contenga el texto en una sola p gina. Esto permitir que la descarga de la informaci n y la navegaci n a lo largo de los diferentes temas se haga m s r pida para los visitantes del Web. Reducir el tama o de los archivos de im genes y v deos en las p ginas Web: Las im genes son un elemento importante en un sitio Web. Estas vienen en dos formatos b sicos: GIF y JPEG. Cada formato tiene sus ventajas e inconvenientes. Las im genes GIF son preferibles cuando la imagen va a contener menos de 256 colores. Los GIF son tambi n apropiados para

animaciones sencillas. Las im genes JPEG se utilizan en imagenes con m s de 256 colores, como son las fotograf as escaneadas. Las im genes gr ficas y los videos pueden dar un aspecto m s atractivo a sus p ginas Web. Sin embargo, los archivos de dichos elementos pueden llegar a ser de gran tama o e incrementar el tiempo necesario para descargar las p ginas, sobretodo para los lectores que tienen acceso v a MODEM. El tiempo de descarga es muy importante en el World Wide Web, ya que algunos usuarios abonan la cuota en funci n de las horas de conexi n, otros simplemente no son tan pacientes como para esperar mucho tiempo por la carga de la p gina. Si Ud. planifica la cantidad de im genes que utilizar en su pagina Web y su tama o, puede reducir por consiguiente el tama o de los archivos y el tiempo de descarga de los gr ficos y videos. Para reducir el tama o de un archivo gr fico, utilice menos colores, reduzca el alto y el ancho del gr fico o rec rtelo. Uso de tablas como herramientas de dise o: Puede utilizar las tablas como una herramienta de dise o, pero tambi n para organizar la informaci n. Las columnas, los gr ficos y el texto pueden organizarse de forma que aparezcan alineados en los navegadores Web. Si no se utilizan tablas, es complicado mantener los gr ficos y el texto alineados en HTML (formato de las p ginas Web). Uso de distintos navegadores: Su p gina Web puede tener un aspecto en su pantalla y otro diferente para los usuarios que la vean, en especial si lo hacen en el Word Wide Web. Los usuarios ven las p ginas con distintos exploradores de Web (Ej: Internet Explorer o Netscape Navigator) que, por lo general, se encuentra en sistemas operativos diferentes. Se recomienda utilizar un dise o que sea legible en todas o en la mayor a de las circunstancias. Aunque todos los navegadores admiten un nico lenguaje HTML, existen algunas diferencias entre ellos.

You might also like