Páginas web

Raúl García Miranda 4ºA

Definicion

• Una página web, es un documento o información electrónica capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web, y que puede ser accedida mediante un navegador. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente también incluyen otros recursos como ser hojas de estilo en cascada, guiones (scripts), imágenes digitales, entre otros.

• En un principio las páginas web eran sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. 

La inclusión de imágenes fue la evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

• El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web. Las últimas estadísticas nos confirmaban que actualmente rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día.

• Rápidamente, su importancia alcanzará las mismas cotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo 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 atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

• Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

Progamas de diseño web libres

• Editor HTML: Adobe Dreamweaver

• Sé lo que estás pensando: Adobe Dreamweaver es una herramienta bastante compleja con demasiadas opciones y posibilidades como para ser aprovechada por un usuario amateur. Pues bien, tienes razón… en parte. Sin embargo, ello no es impedimento para que también searealmente intuitiva, bastante fácil de utilizar y para que tenga el valor añadido (debido a su popularidad) de contar con una enorme cantidad de tutoriales en Internet.

• Así, este programa te ayudará a crear el esqueleto de tu sitio, es decir, la arquitectura que sostendrá el resto del contenido. Además, sus diferentes modos de edición te permitirán aprender a incluir tus primeras etiquetas HTML, familiarizarte con las diferentes líneas de código y comprender los fundamentos básicos de la construcción de la web.

Plantillas web: Artisteer

• Por supuesto, una vez hayas consolidado el esqueleto y el mapa de navegación, llegará el momento de decorarlo. Alternativas hay muchas y generalmente los diseñadores web eligen crear todos los elementos gráficos y multimedia de forma manual y completamente desde cero. Sin embargo, también existe un camino fácil: las plantillas prediseñadas.

• Básicamente, estas plantillas cuentan con módulos y espacios predeterminados que puedes añadir rápidamente a tu sitio sin tener que preocuparte por configurar todo el aspecto gráfico. En este sentido, uno de los mejores programas para la creación de plantillas de una forma intuitiva es Artisteer.

Editor de imágenes web: Adobe Fireworks

• No hay dudas que Internet se ha convertido en un medio básicamente visual, por lo que el tratamiento de imágenes es crucial para el trabajo de cualquier diseñador. Por ello necesitarás una herramienta lo suficientemente potente y completa como para trabajar sobre todas tus imágenes y prepararlas para la Web. En contra de lo que estarás pensando, la opción ideal no es Adobe Photoshop.

• El programa perfecto para esta clase de cuestiones, sin embargo, sí es una aplicación de Adobe:Fireworks. Para todos aquellos que aun se siguen preguntando por qué forma parte de la Creative Suite, la razón es que este programa permite editar imágenes de una forma muy sencilla y exportarlas directamente para ser utilizadas en la web.

• Este último punto es crucial, pues es lo que diferencia a Fireworks de Photoshop: mientras que el segundo permite editar imágenes para cualquier tipo de medio, Fireworks se centra en materiales para Internet, lo que hace posible que puedas diseñar botones, banners y otros elementos imprescindibles en este tipo de trabajos.

Diseño de logos: Logo Cre8or

• Uno de los elementos esenciales a la hora de construir un sitio web es el logotipo, necesario para identificarlo. Este componente es uno de los desafíos más importantes para el diseñador web, ya que debe transmitir todo lo que representa la compañía, el producto, el artista o la marca. En este sentido, lo más indicado sería crearlo partiendo desde cero, sin embargo, si estás dando tus primeros pasos en el apasionante mundo del diseño, Logo Cre8or puede que te sea de ayuda.

• Este programa, al igual que Artisteer, te permitirá combinar elementos gráficos prediseñadospara crear tu propio logotipo. Así, encontrarás todo tipo de vectores y tipografías que te servirán de base sobre la que generar esta parte fundamental de tu web.

Cliente FTP: Filezilla

• Por último, tu sitio deberá estar alojado en un servidor FTP para que los usuarios de Internet puedan encontrarlo. De esta forma, deberás situar en esta ubicación todos los contenidos que hayas diseñado y configurado con la ayuda de las herramientas anteriormente citadas. Para ello existe lo que se conoce como clientes FTP.

• Entre la inmensa variedad de posibilidades que es posible encontrar en el mercado, Filezilla es uno de los más fiables y seguros. Con solo rellenar un par de campos, podrás arrastrar y soltar los contenidos que hayas creado para tu página y hacer que estén disponibles en la Red. Además, este programa cuenta con múltiples ventajas, como el hecho de contar con una interfaz traducida al español.

Estructura de una página web

• La estructura básica de una página web es la siguiente:• <html>

<head></head><body></body></html>Una estructura HTML se empieza con la etiqueta <html> y acaba con </html>. Todo lo que esté en medio será la página web. Dentro de <html></html> se encuentran 2 partes diferenciadas.La primera <head></head> es la cabecera de la página. Aquí irán cierta información que no es directamente el contenido de la página. Aquí se pone el título de la página, los metadatos, estilos, código javascript (todo esto se estudiará en capítulos venideros). La primera que se suele estudiar es <title></title>, que indica el título de la página (lo que el navegador pone en la parte superior izquierda).La segunda parte es <body></body>. Aquí va propiamente el contenido de la página: fotos, párrafos, formularios, etc. Por ejemplo, siguiendo con el ejemplo de la página anterior, el siguiente código<html><head><title>Esto es el t&iacute;tulo de la p&aacute;gina.</title></head><body>Hola mundo!<br><b>Esto es negrita.</b><br><i>Y esto it&aacute;lica.</i><br></body></html>

Comercialización de páginas web

• Ventajas de publicitar en la Web• Este no es el caso de la Web, que obviamente puede ser visitada

sin restricciones de horario, día de la semana, momento del día, condiciones del clima y muchos otros factores que pueden llegar a hacer que alguien desista de una compra.

• En general, la gente muy ocupada utiliza su escaso tiempo libre para visitar Internet e interiorizarse sobre algo que necesite comprar, desde comestibles en un gran supermercado hasta un viaje al exterior o un coche.

• Ni que decir que para aquellas personas cuyo tiempo “vale oro”, los correos electrónicos o las conversaciones “online” son una forma casi imprescindible de comunicarse con buena parte del mundo exterior y eventualmente comercializar con él.

• Hay muchas formas de favorecer la comercialización de productos mediante la Web valiéndose en grado sumo de la publicidad que se pueda hacer al respecto

• Todo es válido a la hora de publicitar• Es común hoy en día, entre otros factores de marketing, la inclusión de la página

Web y la dirección de correo electrónico en objetos tan variados que van desde la almohadilla para deslizar el “mouse” hasta tazas u otros objetos para regalos empresariales, como lapiceras o calendarios para escritorio, sin olvidar, por supuesto, las clásicas tarjetas personales o de la Empresa a la que el portador representa.

• Este tipo de publicidad suele no fallar cuando el potencial cliente necesita saber o recordar datos del eventual “vendedor”.

• Tampoco se debe despreciar la publicidad “boca a boca”, al hacerle conocer a un posible cliente los datos informáticos del que ofrece sus productos y desea publicitarlos.

• Hasta puede publicitarse mediante un cierto tipo de lanzamiento de prensa.• Si alguien tiene que hacer conocer un nuevo producto o servicio, es una muy buena

idea hacer una especie de “lanzamiento” para los medios especializados a través de la página Web de la Empresa, y mediante una simple comunicación también vía e-mail inducirlos a visitar dicha página y así enterarse y comenzar a publicitar el material que se desea introducir en el mercado.

• La Web llegará a miles de personas en pocos minutos, y la publicidad que se logre podrá no ser igualada por ningún otro medio publicitario.