La creación de la primera página web, añadiendo una interfaz gráfica, se remonta a 1991. Así fue como nació el diseño web. En sus primeros momentos, el diseño web estaba muy condicionado tecnológicamente, su apariencia se reducía a unas simples líneas negras sobre un fondo blanco.

Afortunadamente, hoy en día la tecnología y el diseño web han alcanzado grandes cotas en creatividad e imaginación, dejando atrás estructuras desfasadas tales como cuadrados y gifs animados, el diseño web es mucho más sofisticado, y continúa en crecimiento y desarrollo. Y, si no, puedes volver la vista un par de años atrás y tomar nota de lo que entonces era considerado “tendencia”.

El desarrollo de las páginas web ha ido siempre de la mano de la tecnología, y esta no ha dado nunca un paso atrás, lo que significa que el diseño web y las propias webs tendrán siempre un valor esencial. Sin ellos, el mundo sería un lugar muy diferente. Piensa en que para qué y cómo usas la red y cómo lograrías tus objetivos sin ella. En el par de décadas que lleva funcionando, ha pasado de servir para crear simples textos o revisar correos electrónicos, a ser una herramienta clave en la comunicación y la información.

Y, ¿qué es lo que convierte las páginas y sitios web en una herramienta tan esencial? Sin duda, cualquier información, servicio o producto que necesites estará disponible cuando quieras en una página web, esperando a que tú le digas ¡Hola!

Por qué crear un sitio web?

Es una pregunta sencilla, pero ¿por qué crear un sitio web? No hay una única respuesta a esto, pues sin duda es una pregunta muy amplia. Sin embargo, la respuesta podría ser algo tan simple como “porque todo el mundo tiene una”. Y, hasta cierto punto, esta respuesta simple llega, sencillamente, al quid de la cuestión. Está demostrado que la web es un fenómeno global, y está llena de millones, sino de miles de millones de sitios web que cubren todos los temas imaginables. No hay mejor lugar para ver y ser visto por toda la comunidad de usuarios.

Un mismo sitio web puede ser consultado simultáneamente por gran cantidad de gente desde Inglaterra, China o Australia, mientras que un astronauta tuitea desde la Estación Espacial Internacional.

Una presencia en la Red las 24 horas del día, los 7 días de la semana, es una razón más que poderosa para crear tu propia página web.

No hay duda de que los sitios web cubren todos los aspectos de la vida, ya sea personal o de negocios. A nivel personal, cada uno tiene un interés o afición y muchos, simplemente, quieren decirle al mundo lo que hacen. Un sitio web es la plataforma perfecta para transmitir una opinión personal, actuando también como punto de referencia o tarjeta de visita, desde donde un usuario puede promoverse a sí mismo.

Si no se usa como plataforma personal para opinar o promocionar algo, puede ser una gran forma de mantenerse en contacto con amigos y familiares. Un diario online puede incluir las actividades más recientes y una serie de fotos, al igual que Facebook, por ejemplo.

Esta podría ser otra razón de peso para aquellos que no están interesados en formar parte de la revolución de Facebook, pero que quieren estar de alguna manera en la red. La web ofrece también la plataforma perfecta para aquellos que quieren crear un negocio. El gasto es mínimo y la audiencia potencial es enorme.

No hay necesidad de alquilar un local, ni de tener un elevado stock de producto, ni de que los clientes vengan desde lejos para hacer una visita… Más allá de opiniones y comentarios, un sitio web puede tener un uso más comercial.

Los diseñadores web tienen al momento la plataforma perfecta para presentar su trabajo. Un sitio convertido en un gran escaparate y un continuo punto de referencia que permite a los usuarios visitar la web a cualquier hora. ¿Qué mejores razones puede haber para crearse una página web? Como ya mencionamos antes, si buscas crear un negocio, la web es un gran punto de partida.

Un informe de eMarketer.com muestra que 150 millones de usuarios en todo Estados unidos compran en línea, lo que supone un 73% de todos los usuarios de la web, demostrando la importancia que un negocio web puede tener. El informe también señala que la gente que compra en la red lo hace por comodidad y ahorro.

Una tienda online es el objetivo más popular y factible de negocio, pero hay otras razones menos obvias, pero tan interesantes como el llamado marketing de afiliados.

La gente busca información, va de compras, necesita ir al banco, quiere estar en contacto con sus amigos o familia, etc. La web proporciona la plataforma ideal para reemplazar los servicios más tradicionales. Luego, ¿para qué utiliza la gente internet? En pocas palabras, ¡para casi todo! Siendo más concisos, el objetivo de una página web es transmitir un mensaje u ofrecer un servicio. Para tener una imagen más exacta de para qué se usan los sitios web, podemos echar un vistazo a los sitios más populares en la red. Facebook, Youtube, Google, Wikipedia, Twitter, Amazon, iTunes, eBay, RTVE, Worpress, PayPal, Skype, Flickr, Lasminute y Microsoft por nombrar sólo algunos.

Esta breve selección cubre, más o menos, el espectro de los sitios web que más se utilizan. Facebook es una gran red social, y representa lo que a la gente le gusta hacer en la web: permanecer en contacto y contar a otros lo que está haciendo. Youtube permite a los usuarios de Internet escuchar y ver vídeos en una amplia y variada biblioteca.

En la misma línea están servicios como Netflix y LoveFilm, que colocan la experiencia de transmisión y recepción online a un nuevo nivel. Google, un servicio del que todo el mundo ha oído hablar, presenta una herramienta diferente para Internet, ya que los motores de búsqueda son esenciales para localización de sitios web.

Buena suerte si estás pensando en construir un sitio para enfrentarte a unos de los gigantes de la búsqueda. Por su parte, la enciclopedia online Wikipedia es una fuente de conocimiento.

Es uno de los primeros lugares a donde el usuario llegará buscando una respuesta a una pregunta. Si Wikipedia no tiene la respuesta, sería una sorpresa. Un lugar donde la base del conocimiento se ha construido a lo largo de años por el público en general, proporcionando un modelo ideal para cualquiera que desee crear un sitio de conocimiento con prestigio.

Otro gran nombre es Amazon, una de las empresas pioneras de compra online. Siguiendo con las compras se encuentra eBay. Si trata de una especie de tienda online donde los usuarios llegan a pujar en una subasta en línea, en lugar de comprar un producto a un precio fijo. La subasta tiene algunos imitadores, pero ninguno puede igualar su enorme capacidad de alcance.

El sitio web de RTVE cubre una gran franja de temas, pero tiene uno primordial que es la información.

WordPress es la plataforma de publicación web más popular en Internet y proporciona las bases para más de un millón de sitios web. Por lo general es vista como una plataforma de blogs, pero ha madurado hasta convertirse en algo mucho más completo. Lo que también proporciona una plataforma ideal para los que quieren crear su propio sitio web sin una titulación o conocimientos en diseño web. Además, ofrece al usuario algo más que una simple materialización de la página; casi cualquier tipo de sitio (blogs, comercio electrónico...) se puede construir desde la plataforma WordPress.

Situado entre estos gigantes se encuentra Flickr, un lugar para almacenar e intercambiar fotos que ofrece una estupenda plataforma tanto para fotógrafos profesionales como para aficionados. Flickr puede actuar como un escaparate, donde las imágenes son de libre acceso para que otros las puedan usar. Cuando se trata de música no podemos olvidar una entidad como iTunes. La potencia de la Apple Store proporciona una interfaz única para un millón de músicos y, a su vez, permite una intuitiva experiencia de compra en línea que es difícil de igualar.

Los ejemplos que se han usado no son los únicos, ni muestran las únicas formas en que se pueden usar los sitios web: no hemos mencionado, entre otras posibilidades, la banca online.

Para mucha gente, la web es, en cierta medida, una especie de entidad mística que está ahí. Pero, obviamente, eso no es así. Toda la información que contiene reside en algún lugar.

La web es parte de Internet, que es en realidad una colección de ordenadores conectados para crear una gran cantidad de rutas en todo el mundo. Esto proporciona la infraestructura para que un ordenador se conecte a otro y ver cualquier página que exista en la red.

Una página web es un archivo que, normalmente, se almacena en una unidad de equipo local/disco duro. Una colección de páginas web se convierte en un sitio web. Sin embargo, antes de que cualquier página web se pueda ver, es necesario que sea transferido de un equipo local al servidor web donde está alojado el sitio.

Un proveedor de alojamiento ofrece el servicio que necesita un sitio web dirigido a Internet para que este pueda ser visto. Los servidores web son como un PC de sobremesa, de hecho, tienen un hardware similar, pero son mucho más potentes y ejecutan diferentes programas.

Proveedores de alojamiento web como Arsys, Strato, Host Papa proporcionan una gran cantidad de servicios que incluyen espacio web, ancho de banda mensual, los nombres de los dominios, cuentas de correo electrónico, bases de datos, plataformas y, por lo general, una serie de herramientas de construcción web.

Todos estos servicios están incluidos en un paquete de alojamiento web, y cada uno puede tener su propio plan de alojamiento; existen desde planes de iniciación hasta otros más ambiciosos para empresas. El tipo de plan que se necesita depende mucho del tipo web a crear. Si se trata de un simple y sencillo blog, entonces con un plan de inicio barato y básico sería suficiente. En cambio si se trata de un sitio web de empresa con un contenido concreto y con muchos más visitantes, entonces sería necesario un plan profesional.

Entonces ¿Qué significa todo tecnicismo? Las consideraciones más importantes son el espacio web y el ancho de banda. El espacio web es el espacio de almacenamiento, lo mismo que en un disco duro. Lo que se necesita, obviamente, varía según el contenido. Si se trata de un blog sencillo es poco probable que sea necesario más de 1 Gb de espacio. Si en cambio, hay más textos, imágenes, vídeos, fotos, etc., 1 Gb de espacio puede ser insuficiente. 10 Gb o más es una buena opción para este tipo de sitios. Es conveniente estimar la cantidad de espacio que se necesita antes de construir la página web.

Pero no te preocupes demasiado por esto, pues el espacio web se puede ampliar fácilmente.

El otro factor principal es el ancho de banda, que se mide generalmente por mes. Ancho de banda es el tráfico o la cantidad de datos que se transfieren desde o hacia un sitio web. Un método rápido para estimar el ancho de banda mensual que se necesita es multiplicar el tamaño de la página por el número de visitantes que se espera. Por ejemplo, si un sitio web tiene un tamaño total de páginas de 1 Mb y las visitas que se esperan son 500, un ancho de banda de alrededor de medio giga sería suficiente.

Otro aspecto que hay que tener en cuenta son las bases de datos. Al crear un blog en Wordpress hace falta una base de datos.

Si se crea un sitio sencillo, estático, que sólo consta de texto e imágenes, es poco probable que se requiera una base de datos. Como regla general, es recomendable siempre conseguir un plan de alojamiento con, al menos, una base de datos incluida.

Un complemento obligatorio en la adquisición de un plan de alojamiento es el disponer de cuentas de correo. En cualquier caso, el paquete más básico incluirá más de lo que en un principio necesites.

A modo de ejemplo, el plan de “Plataforma de correo”, de Arsys, gestiona más de 100 buzones para un único usuario. La otra consideración importante del alojamiento web son los sistemas operativos, por lo general son Windows o Linux. El sistema operativo del servidor puede ser diferente al sistema operativo del propio ordenador. Algo a tener en cuenta si lo que se va a crear es un sitio con HTML básico y CSS.

Construir un sitio web es muy similar a la construcción de una casa, es necesaria una gran cantidad de herramientas. Hay algunas técnicas esenciales y herramientas que un creador/diseñador necesita conocer para poner un sitio web en marcha. Lo más inmediato es HTML y CSS.

Estos son los elementos más importantes de cualquier sitio web, ya que sin ellos la web, simplemente, no existiría como la conocemos. HTML (Hypertext Markup Language) proporciona la base desde la cual se construye cada sitio web.

Cualquiera que esté buscando construir un sitio web tendrá que saber, por lo menos, los conceptos básicos de HTML.

La última actualización de HTML es HTML5, y los recién llegados al diseño de páginas web tendrán que asegurarse de que, junto con todas las etiquetas HTML estándar, también tendrán que añadir etiquetas HTML5 a la lista de aprendizaje.

Junto a HTML en la jerarquía de diseño de páginas web se encuentra Cascading Style Sheets, que se conoce comúnmente como CSS, y es igual de importante que los constructores de sitios web conozcan, al menos, sus conceptos básicos.

El CSS añade el estilismo al sitio web y define el diseño, sea el que sea, las fuentes de estilo, las imágenes y crea un lienzo de fondo para página web. De hecho, cualquier diseño que veas ha estado, casi con toda seguridad, en contacto con CSS.

La última actualización de CSS es CSS3, que añade una serie de nuevos efectos y estilos que poco a poco están siendo adoptados por todos los principales navegadores.

Fuera de las tecnologías clave hay un trío de plataformas de desarrollo que se utilizan normalmente en la construcción de un sitio web.

JQuery es el lenguaje de programación que ofrece la posibilidad de agregar contenidos dinámicos a las páginas web.

El lenguaje de jQuery es una biblioteca JavaScript, y se agrega a una página web para crear efectos que normalmente añaden movimiento.

¿Qué puede hacer jQuery?

Los ejemplos típicos incluyen paneles con pestañas, imágenes como barras de desplazamiento, presentaciones, paneles deslizantes, expansión y cierre de carpetas e información dinámica sobre herramientas, por citar sólo unos pocos ejemplos.

Controlar  jQuery no es un elemento esencial para el diseño, pero es algo que debe estar en la lista de cualquier diseñador web cuando haya dominado HTML y CSS.

Otras tecnologías de back-end que los sitios web potentes poseen son PHP y MySQL.

PHP es un lenguaje de programación que juega un papel importante en la composición de la plataforma de publicación WordPress.

Tipicamente, PHP está incrustado en una página HTML y produce resultados dinámicos. MySQL es una aplicación de base de datos, a menudo se combina con PHP, y un ejemplo típico de ambos en acción son los mensajes de WordPress donde se almacena el contenido en una base de datos MySQL.

Conseguir todas las tecnologías esenciales para una página es fruto de una buena selección de herramientas.

Un editor de HTML es fundamental, y uno de los paquetes de software más fundamentales en el mercado es de Dreamweaver, que es parte de Adobe Creative Suite, que ofrece una interfaz fácil de usar y un impresionante conjunto de herramientas que ayudan a cualquier diseñador web con lo que necesita.

Un editor de HTML necesita ir acompañado de un paquete de edición de imagen para asegurarse de que la web es atractiva, a la vez que funcional. La opción más común es Photoshop, siendo la favorita de los profesionales. Proporciona un potente conjunto de herramientas, que es perfectamente capaz de crear cualquier gráfico de la web en el formato correcto.

Más allá de la simple construcción de páginas, para los diseñadores, la plataforma de publicación web favorita es WordPress.

La belleza de la plataforma reside en su capacidad para construir un sitio completo en cuestión de minutos.

Se proporciona el marco, reduciéndose a una cuestión de elección del tema para el acabado deseado. El usuario agrega el contenido, mientras Wordpress ofrece la estructura.

Los sitios web pueden verse en Internet gracias a los navegadores web y los cuatro principales (Intenet Explorer, Firefox, Google Chrome y Safari) ofrecen diferentes formas de apoyo a HTML y CSS. Y, por esta misma razón, son una parte esencial del proceso de diseño de páginas web.

Es importante también comprobar en cada navegador que nuestra web funcione como es debido, visualizándose todos sus elementos, por lo que es buena idea informase del soporte del navegador necesario para la construcción de un sitio web.

Youtube y Twitter, además, te ofrecen la posibilidad de incrustar elementos en una web mediante un código matriz.

Las herramientas necesarias para construir un sitio están integradas en el sitio web de diferentes maneras. Los usuarios quieren ver un sitio funcional, a pocos les interesa su construcción excepto a los diseñadores de páginas web. La transformación de un simple sitio a uno más elaborado, se puede conseguir gracias a servicios como los de Flavours.me que permite customizar fácilmente todo tipo de sitios web.