4.3 Diseño de Páginas web.

Diseño de Páginas web.

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web.  Un diseñador web tiene que ver con cómo crear y desarrollar un pagina web así también como los clientes interactúan con ella. Los buenos diseñadores web saben cómo poner juntos los principios de diseño para crear un sitio que se vea muy bien. También entienden acerca de la usabilidad y cómo crear un sitio que los clientes quieren navegar alrededor de porque es tan fácil de hacer.

Las etapas mas fundamentales de un Diseñador de web para  poder crear una pagina web son las siguientes:

• La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un boceto o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

• La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a ‘escribir’ la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML.

• La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

Herramientas de diseño web

Para lograr un buen trabajo, no tan solo hace falta de mucho conocimiento, práctica y un buen toque, sino que también se necesitan distintas plataformas en donde basar nuestras habilidades, combinándolo con buenos recursos (imágenes prediseñadas, fondos, texturas, tipos de fuentes de letra, degradados, etcétera). Los diseñadores Web utilizan el software como Photoshop, Flash y Fireworks. También tendrán un buen conocimiento de la tipografía, teoría del color y la accesibilidad web.

Tipos de paginas web

Página Web Estática: son aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, gifs animados, videos, etc.

Página Web Animada: son aquellas que se realizan con la tecnología FLASH, ésta permite que una página web presente el contenido con ciertos efectos animados continuados. El uso de esta tecnología permite diseños más vanguardistas, modernos y creativos.

Página Web Dinámica: Existen muchos lenguajes de programación que son la base para la mayoría de páginas web dinámicas. Las que destacamos aquí son los lenguajes PHP y ASP. Estos lenguajes permiten una perfecta estructuración del contenido. Por una parte crearíamos la estructura de las páginas web, y por otra almacenaríamos el contenido en determinados archivos. A partir de ahí, crearíamos el código de llamada que insertaría el contenido en la propia página web estructurada. Este es el principio básico que siguen los lenguajes de programación. A partir de aquí se desarrollan aplicaciones para poder gestionar el contenido a través de un panel de control, dando lugar a nuevos tipos de página web que leeremos a continuación.

·Portal: Es un sitio web que en su página principal permite el acceso a múltiples secciones que, por lo general, son foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad… un sinfín de recursos para brindar al usuario la mejor experiencia de búsqueda para una temática en particular o para una temática muy amplia. Estamos hablando de dos tipos diferenciados de portal: Portal Horizontal, se reconoce por su temática variada con el fin de captar el mayor tráfico de internautas posible.

·Tienda virtual o Comercio electrónico: se trata de un sitio web que publica los productos de una tienda en particular en Internet. Permite la compra on-line a través de VISA, domiciliación bancaria o transferencia por norma general. Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc. Es importante observar cuando realizamos una compra on-line, que la página donde realizamos la compra muestre un “candado” en la parte inferior derecha o bien en la parte derecha de la barra de navegación. Este detalle indica que la empresa propietaria de la tienda virtual ha habilitado una zona segura para que los datos no sean copiados por los hackers.

Página Web con Gestor de Contenidos: Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio. Este panel de gestión suele ser muy intuitivo y fácil de usar. En aquellas páginas web que requieran una actualización constante se suele incorporar este panel de gestión para que pueda controlarse día a día por parte del cliente. 

Bibliográfias:

alia2net diseño web y desarrollo web. (2015). Obtenido de ¿CUÁL ES LA DIFERENCIA ENTRE EL DISEÑO WEB Y DESARROLLO WEB?: https://alia2net.com/alia2net-proveedor-de-soluciones-para-su-sitio-web/cual-es-la-diferencia-entre-el-diseno-web-y-desarrollo-web/

INC. (s.f.). Obtenido de Página Web Estática: son aquellas realizadas en HTML que pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, gifs animados, videos, etc.: https://www.inchosting.pe/blog/sitio-web/cuales-son-los-diferentes-tipos-de-diseno-web

Universidad Icesi . (septiembre de 2009). Obtenido de PÁGINAS WEB: https://www.icesi.edu.co/blogs_estudiantes/vanezuluaga15/2009/09/07/%C2%BFque-tipos-de-paginas-y-sitios-web-existen/