LAS PAGINAS WEB

LEONARDO ALVAREZ VELASQUEZ

CORPORACION UNIFICADA NACIONALDE EDUCACION SUPERIOR

CUNTECNICA PROFESIONAL EN DISEÑO GRAFICO

BOGOTA2011

LAS PAGINAS WEB

Una pagina Web, es un espacio en el que se comparte información y que esta creado o configurado para estar soportado en la World Wide Web con la intención de ser consultado mediante un ordenador o computador personal conectado a la red o también mediante un dispositivo móvil.

Las paginas Web pueden estar almacenadas en un equipo local o también en u servidor remoto.El servidor Web puede restringir el acceso únicamente para redes privadas, por ejemplo, en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas Web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

Una pagina Web esta compuesta por: Información (texto e imágenes), Hipervínculos así como también contenidos interactivos.

Las páginas Web pueden ser creadas de varias maneras pero la más común es el formato HTML, un lenguaje de programación desarrollado para la elaboración de páginas Web.

HERRAMIENTAS PARA EL DESARROLLO DE PAGINAS WEB

Para desarrollar una página Web primero hay que conocer las fases que involucra la creación y el desarrollo de una pagina Web.

FASES DEL DESARROLLO DE UNA WEB

1- Sistema Operativo: Es lo primero que necesitamos para el desarrollo de nuestra pagina Web, podemos encontrar Microsoft Windows, el sistema operativo mas utilizado, GNU/Linux, un sistema operativo creado por desarrolladores y para desarrolladores, y Mac OS X un sistema operativo estable y de uso popularizado.

2- Diseño: Esta fase consiste en crear un esbozo de nuestra página Web mediante alguna herramienta de desarrollo de gráficos como Photoshop, GIMP o Inkscape

3- Maquetación HTML/CSS: En esta fase se convierten nuestros esbozos en plantillas HTML, su respectiva hoja de estilos y las imágenes usadas.

4- Programación Cliente: La programación cliente consiste básicamente en JavaScript. Una Web puede no tener necesidad de hacer programación cliente, como puede ser una pequeña Web corporativa con poca información estática,

2

o puede que requiera enormes esfuerzos en esta fase, como ocurre con los proyectos Web 2.0.

5- Programación Servidor: En esta fase, que se desarrolla junto con la anterior, crearemos la aplicación Web en un lenguaje de servidor, como puede ser PHP, ASP .NET, Python, Perl, etc.

6- Subir Nuestra Pagina A Un Hosting: una vez nuestra Web esté completada la subiremos al servidor del hosting elegido (producción). Dependiendo del hosting, podremos usar FTP, SFTP (SSH) o, WebDAV.

HERRAMIENTAS UTILES PARA EL DESARROLLO DE PAGINAS WEB

-Adobe Photoshop: Esta aplicación sólo está disponible en Windows o Mac OS X, es el más usado y gracias a ello dispone de una gran comunidad de usuarios con los que poder contar ante cualquier problema. Con él crearemos el diseño, así como las imágenes que usemos en la maquetación.

-GIMP: Es el equivalente de software libre más próximo a Photoshop. Al ser libre es posible conseguirlo gratuitamente, y de hecho cualquier distribución GNU/Linux lo incluye. Al igual que en Photoshop, con él podremos crear el diseño y las imágenes de la maquetación HTML. También disponible en Windows

-Inkscape: El equivalente en Windows es Adobe Fireworks. Es un excelente editor gráfico vectorial con el que poder crear iconos, banners, y demás dibujos de forma muy fácil y sencilla, incluso para aquellos que no tengan demasiados conocimientos en edición gráfica digital.

-Adobe Fireworks: El editor de gráficos vectoriales más fácil de usarAl igual que su compañero Photoshop es muy caro, y más aún si tenemos una gran alternativa gratuita como es Inkscape.

-Dreamweaver, Aptana, Amaya: Con ellos crearemos el código HTML/CSS (maquetación), siendo Aptana la opción más profesional para la programación cliente (JavaScript).

-Zend Studio: Sin duda el mejor IDE existente en el mercado para desarrollo Web con PHP. Es comercial, aunque no demasiado caro teniendo en cuenta la excelente herramienta que es.

EL DISEÑO Y LAS PAGINAS WEB

El diseño grafico es de vital importancia para el desarrollo de las paginas Web, puesto que el objetivo del diseñador grafico es comunicar visualmente ideas o información y el objetivo de una pagina Web es el de almacenar información para ser consultada, un diseñador es pieza clave en el desarrollo de una pagina Web en varios aspectos.

3

- Lograr una interfaz agradable para la vista: El diseñador puede usar sus competencias para desarrollar una interfaz visual agradable y atractiva para el consultante de una página Web determinada.

- Desarrollar una pagina Web intuitiva y de fácil recorrido: Uno de los puntos clave de una página Web es la navegabilidad, es decir, el fácil acceso a los diferentes servicios de una pagina Web, el diseñador grafico busca una interfaz intuitiva, de fácil entendimiento y de fácil acceso a la información en una página Web.

- Diseñar una página Web atractiva para el visitante: Todo entra por los ojos y el diseñador grafico es especialista en lograr que un producto o servicio sea llamativo para el consumidor, en este caso, una pagina webs era mucho más exitosa si cuenta con un diseño llamativo y acorde al servicio que presta.

- Lograr un aspecto acorde al servicio que la pagina Web presta: El diseñador grafico entenderá el tipo de servicio que presta la pagina Web y acorde a eso desarrollara la interfaz grafica para que así sea acorde al servicio que la pagina presta.

En síntesis el diseñador grafico gracias a sus competencias y a su manejo de las herramientas útiles para desarrollar una pagina Web tales como Photoshop o Fireworks es una pieza clave en el equipo de desarrollo de una pagina Web puesto que el se encarga de crear lo que el usuario final de la pagina Web vera y de cómo el visitante la navegara, cuan fácil sea el acceso a la información en la pagina Web y cuan intuitiva sea su visita, así como lograr un nivel optimo de carga visual, sin saturar al visitante pero eso si con un manejo optimo del espacio de la pagina.

El Diseño Grafico y el desarrollo de paginas Web han ido de la mano desde sus inicios y seguirán formando un equipo para lograr una experiencia agradable al consultar la información almacenada en la red.

4