top of page

El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web. No es simplemente la implementación del diseño convencional ya que se abarcan diferentes aspectos como el diseño gráfico web, diseño de interfaz y experiencia de usuario, como la navegabilidadinteractividadusabilidadarquitectura de la información; interacción de medios, entre los que podemos mencionar audiotextoimagenenlacesvideo y la optimización de motores de búsqueda. A menudo muchas personas trabajan en equipos que cubren los diferentes aspectos del proceso de diseño, aunque existen algunos diseñadores independientes que trabajan solos.

La estructura tradicional de una página web es la siguiente: un logotipo ubicado en la esquina superior izquierda (los usuarios pueden hacer clic en la mayoría de los logotipos y volver a la página de inicio); un menú localizado a la derecha o a la izquierda; un encabezado que contiene el nombre del sitio web, un banner de navegación y un área reservada para un banner (publicitario o de otro tipo); el cuerpo principal de la página que contiene la mayor parte de la información; un pie de página que incluye información útil como ser, la última actualización, un vínculo a un formulario de contacto, un vínculo al mapa del sitio, etcétera. 

Lenguaje de Construcción de páginas Web

Http y Html:

para el manejo del hipertexto en la red se crearon (como parte de Web) el protocolo de transferencia de hipertexto (HTTP), y el lenguaje para marcación de hipertexto (HTML) en el que se codifican los documentos con hipertexto para permitir la navegación y su despliegue en la Web.

HTML es el lenguaje de marcado estándar que estructura y da formato a los contenidos de la web. Los elementos de página como títulos, encabezados, textos y links son incluidos en el documento HTML. Es una de las tecnologías principales usadas en el Internet y sirve como columna vertebral de todos los sitios web.

 

CSS:

El CSS o Cascading Style Sheets o Hojas de estilo en cascada es un lenguaje de hojas de estilo que básicamente permiten al desarollador “hacerlo y olvidarlo”. Junto con el HTML, el CSS le permite al programador definir como se verán y el formato de múltiples páginas web al mismo tiempo; elementos como el color, diseño y fuentes son especificados en este único archivo que se mantiene separado del código central de la página web.

 

Estos dos lenguajes proveen la estructura básica e información de estilos que se utiliza para crear una página web estática, una página web que se ve igual para todos los que la visitan. Muchas páginas web actuales son dinámicas, por lo tanto se construyen para el visitante. Para crear este tipo de sitios más complejos, necesitas añadir lenguajes más avanzados para el cliente y servidor.

JavaScript:

es el lenguaje de programación que hace posible animaciones, juegos, aplicaciones, interactividad y otros efectos dinámicos. Después del HTML y el CSS, es el lenguaje de cliente más usado. Algunas aplicaciones JavaScript incluso pueden correr sin conectarse a un servidor web, lo cual significa que trabajan exclusivamente en el explorador web y con o sin una conexión a internet.

PHP:

Usado por el 75% de todos los servidores web, PHP es un lenguaje de servidor de propósito general. Las ventajas más grandes de PHP es que es de código abierto, con una enorme comunidad mundial que lo trabaja y que es compatible a través de múltiples plataformas.

Software de Diseño de páginas Web

Entre los software para diseñar una página Web se encuentran:

                          Adobe Dreamweaver CS6:

Es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es un programa enfocado al sector del diseño y la programación web.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que en este programa sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido y todo ello permite que programadores y editores web hagan extensiones para su programa y lo pongan a su gusto.

                   WebSite X5 Evolution 9:

Destaca por su sencillez de uso, permite crear páginas web de aspecto profesional gracias a su gran cantidad de diseños y funciones sin necesidad de tener conocimientos previos. Además incluye alojamiento.

 Web easy profesisonal 8:

Este software cuenta con una interfaz WYSIWYG, y permite además la edición de HTML . Ofrece más de 600 plantillas para personalizar tus diseños. WebEasy Professional es una de las aplicaciones de diseño web más funcionales y fáciles de usar en el mercado. Si estás buscando un programa simple pero eficaz que no requiere horas de aprendizaje de diseño gráfico y HTML, WebEasy Professional 9 es tu programa ideal, también es apto para usuarios más avanzados gracias a la opción de edición de HTML y la gran cantidad de funciones que ofrece.

Entre otros están: magix web designer 8, google sites,etc.

bottom of page