PROGRAMAS DE DISEO WEB

HERRAMIENTAS DE DISEO WEB

1. Dreamweaver
Dreamweaver es un editor que pertenece a la familia de Adobe, la suite total para
profesionales no slo en el mbito de diseo Web. Dreamweaver es un editor muy
extenso y hasta cierto punto intimidante. Ofrece la opcin de crear plantillas con
layouts para que Ud. rpidamente pueda comenzar a tener un sitio Web.

2. Plantillas web: Artisteer
Artisteer. Es un programa para automatizar el diseo de plantillas destinadas a ser
visualizadas en pginas Web, que crea al instante una red de gran apariencia, plantillas
nicas y entradas de blog.
caractersticas
Con el Software Artisteer puede fcilmente convertirse en un experto en diseo Web,
edicin de corte, grficos, programa es para uso domstico y acadmicas (Inicio /
Academic Edition) y comercial (Standard Edition). Le permite las opciones siguientes:
Creacin de plantillas para pginas web sencillas.
Creacin de plantillas para Wordpress, Drupal o Joomla.
Ayuda en hacer nuevas ideas para el diseo web.
cdigo HTML y CSS en conformidad con estndares web.
Soporta los formatos: ARTX, HTML, JPG, PNG, GIF.
Interfaz simple e intuitiva.
Artisteer es una aplicacin fcil de usar.
Soporte en diferentes idiomas.
Actualizacin automtica.
Soporte para instalacin/desinstalacin, etc.





3. Editor de imgenes web: Adobe Fireworks
Es una aplicacin para disear elementos grficos que se van a utilizar en la web. Sus
innovadoras soluciones resuelven los principales problemas a los que se enfrentan los
diseadores grficos y los responsables de sitios web. Fireworks se puede utilizar para
crear, editar y animar grficos web, aadir interactividad avanzada y optimizar
imgenes en entornos profesionales. Cuando un documento est terminado, se puede
exportar en formato de archivo JPEG, GIF u otros junto con archivos HTML que
contienen tablas HTML y cdigo JavaScript para utilizarlo en la web.


4. Cliente FTP: Filezilla
Filezilla es un programa con el que puedes subir pginas web a Internet, a esto se le
llama servidor u hosting. Puedes subir tu pgina y se ver en Internet, a diferencia de
un hosting(contenedor) convencional como megaupload en el cual subes los archivos
pero no se visualizan como tu pgina. A los programas que cumplan con dicha funcin
se les llama servidores FTP, s ya viste informacin en Internet entonces ya sabes el
significado de las siglas.
La transmisin de archivos entre un ordenador personal y un servidor se hace
mediante un protocolo denominado FTP y que se corresponde con la terminologa
inglesa File Transfer Protocol. El protocolo FTP se basa en la arquitectura cliente-
servidor. Supongamos que nosotros estamos en un restaurante como clientes
(equivalencia: nuestro ordenador personal), necesitamos un camarero (equivalencia:
programa ftp como filezilla, al que tambin se llama cliente ftp porque realmente el
que comunica es el programa, no nosotros mismos) que nos traiga cosas de la cocina
(equivalencia: la cocina es el servidor).



5. Editor de condigo: Notepad++
Notepad++ es un clsico dentro de la categora de anotadores. Estamos hablando de
una pieza fantstica que ha actualizado algunos de sus aspectos para brindar mayor
comodidad y utilidad (si, ms prctico aun).
Podrs importar el cdigo HTML de un portal y visualizar las clases, capas, ttulos y
otros elementos fundamentales, con el motivo de agilizar la bsqueda de apertura o
cierre de sentencias. Los diversos lenguajes (PHP, JavaScript, etc.) son diferenciados
con colores, un recurso muy bueno que te vendr de maravillas para efectuar cambios
rpidamente.
Otra de las caractersticas de Notepad++ es que tiene un nuevo sistema de pestaas
que se ubicar en la parte superior de la pantalla, donde podrs navegar entre ellas,
aplicar cambios, guardar y seguir con tus tareas de maquetacin.


6. Editor de condigo: Sublime Text 2

Sublime Text 2 es un editor de cdigo al estilo TextMate, Kate o Redcar, su interfaz es
limpia e intuitiva y soporta el uso de Snippets, Plugins y sistemas de construccin de
cdigo (Build Systems).



7. Editor de condigo: Komodo Edit

Komodo Edit es un editor de cdigo fuente bastante avanzado y extensible. No se
limita slo a proveernos de las diversas herramientas habituales de los editores
populares para programadores, sino que va ms all, proporcionando algunas de las
utilidades tpicas de los entornos de desarrollo profesionales o IDEs. Adems,
incorpora un sistema de complementos o add-ons similar al que conocemos por el
navegador Firefox, que hace que todava podamos disfrutar de diversas otras
utilidades que seguro agradeceremos.




8. Editor de condigo(atreves del navegador Mozilla Firefox): Firebug

Firebug es una extensin del navegador Firefox que nos permite editar webs y hojas de
estilo, monitorizar tiempos de carga, depurar javascript y ver los errores y procesos de
carga en la pgina adems de explorar el DOM. DOM es el acrnimo de Modelo en
Objetos para la representacin de Documentos, aunque sta es una mala traduccin.
El DOM es el rbol jerrquico para la pgina web y su representacin grfica se
asemeja a un organigrama. Con el DOM los programadores pueden trabajar de
manera dinmica con la pgina (a esta tecnologa la llamamos DHTML).



9. Servidor web: AppServ

APPSERV es un servidor, que se encarga de interpretar nuestros archivos o
aplicaciones que tengan que ver con Internet y/o navegadores. Mas que nada emula
ser un servidor que carga todos nuestros archivos desarrollados como si fuese una
pagina web en linea, nada mas que de forma local, es decir que corre en nuestras
computadoras.
Contiene:

APACHE : Es el programa y a la vez un servicio que se ejecuta de forma oculta,
para no ser visto, que acciona el servidor local. Es decir, habilita las funciones
de un servidor.

MySQL : MySQL es un gestor de base de datos, es el va a ser utilizado para
administrar las bases de datos que van contener todos los datos que vayamos
a almacenar y manipular con PHP.

PHPMYADMIN : Interface grfica que nos permitir hacer consultas dentro de
MySQL con nuestras futuras BASES DE DATOS.



10. Servidor web: XAMPP

Es un servidor independiente de plataforma, software libre, que consiste
principalmente en la base de datos MySQL, el servidor web Apache y los intrpretes
para lenguajes de script: PHP y Perl. El nombre proviene del acrnimo de X (para
cualquiera de los diferentes sistemas operativos), Apache, MySQL, PHP, Perl.




11. Servidor web: SERVER SERVER

WampServer es un entorno de desarrollo web para Windows con el que se puede
crear aplicaciones web con Apache, PHP y bases de datos MySQL database. Tambin
incluye PHPMyAdmin y SQLiteManager para manejar bases de datos. WAMP permite
servir pginas html a internet, adems de poder gestionar datos en ellas, al mismo
tiempo un WAMP, proporciona lenguajes de programacin para desarrollar
aplicaciones web.




12. Testeador de pginas web: IETester

IETester es una aplicacin multiproceso que permite abrir un sitio web y visualizarlo al
mismo tiempo con versiones diferentes de Internet Explorer en un mismo navegador
web, de forma que cada visualizacin cargar en una pestaa diferente.

Tan slo, hemos de cargar la pgina que deseemos y escoger con qu versin de IE la
queremos mostrar. Incluso, se ofrece la opcin de renderizar la web con todos los
navegadores al mismo tiempo.