HERRAMIENTAS BASICAS DISEÑO SITIOS WEB. CARACTERÍSTICAS Básicamente una página web puede construirse con un simple editor de texto (como puede ser el.

Presentación del tema: "HERRAMIENTAS BASICAS DISEÑO SITIOS WEB. CARACTERÍSTICAS Básicamente una página web puede construirse con un simple editor de texto (como puede ser el."— Transcripción de la presentación:

1 HERRAMIENTAS BASICAS DISEÑO SITIOS WEB

2 CARACTERÍSTICAS Básicamente una página web puede construirse con un simple editor de texto (como puede ser el bloc de notas de Windows) Siempre que se tenga un profundo conocimiento del pseudo lenguaje HTML, o al menos seamos capaz de memorizar todas sus etiquetas. Pero esto no es fácil y además un sitio de internet está compuesto de multitud de páginas web enlazadas entre ellas, imágenes, archivos de scripts y un sinfín de elementos que debemos controlar. Por ello es conveniente disponer de algunos programas básicos que nos faciliten la tarea.

3 Servidor Local No es indispensable, pero puede ahorrarnos más de un dolor de cabeza con los enlaces situados en nuestras páginas. Un servidor local permitirá que podamos acceder a nuestro sitio en forma local (en nuestro ordenador) pero como si estuviéramos accediendo a él a través de internet, es decir, con una dirección tipo http://misitio/paginas.htm. Si además vas a desarrollar páginas con PHP el servidor local es imprescindible. En el mercado existen muchos programas para montar tu servidor local, el más extendido es el Apache, y también es el más barato: es gratis.Apache No te va a ocupar mucho espacio ni te va a pedir complicadas operaciones de instalación y configuración. Otra opción es el IIS que viene con Windows.

4 Editor Páginas Web Aunque un editor de textos es suficiente para escribir una página web Es mejor contar con un programa específico que además te dará otras prestaciones enfocadas al mantenimiento de un sitio completo, como comprobación y actualización de enlaces, cambios en múltiples páginas, plantillas, etc. Existen muchos, pero una alternativa interesante es (Dreamweaber, From page, Aptana, Notepad, CoffeCup Free Editor)CoffeCup Free Editor

5 Editor Imágenes Las imágenes (banners, gifs animados, logos, etc) son prácticamente imprescindibles en las páginas web Es necesario disponer de un editor de imágenes. Permite optimizar las imágenes, cambiar su formato o crear imágenes propias para botones o barras de navegación. Existen muchos programas que pueden serte útiles en este apartado, como por ejemplo Fireworks (Macromedia), Photo Shop (de Adobe) o Photo Paint (de Corel), Gimp ( libre). Dentro de este apartado si vas a usar imágenes en formato gif animado deberás disponer de un programa al efecto, el más adecuado quizás sea el Ulead Gif Animator.

6 Cliente FTP Si el editor HTML no lo posee, necesitaras un cliente FTP Un programa que te permita enviar las páginas que hayas creado a donde hayas alojado tu sitio web. Es un programa que te conecta a tu alojamiento mostrándote lo que allí tienes almacenado (directorio remoto), al mismo tiempo te muestra lo que tienes en tu sitio local. Mediante algún botón o comando sencillo te permite como mínimo enviar ficheros a tu directorio remoto o recogerlos para traerlos a tu disco local. Hay algunos gratuitos como coffeCup FTP, FileZilla FTP o smartFTP (existe versión española).coffeCup FTPFileZilla FTPsmartFTP

7 Conclusion En resumen, teniendo un programa para hacer tus páginas, otro para retocar y crear imágenes y otro para subir los resultados a tu servidor, puedes ir empezando a adentrarte en el mundo del diseño web.