CUADRO COMPARATIVO DE HERRAMIENTAS PARA DISEÑO DE UNA PÁGINA

WEB.
Principales características de Sublime Text 3:

Una de las características más apreciadas de Sublime Text Editor es su simplicidad.

Posee una interfaz limpia y sencilla que no muestra barras de herramientas y diálogos
de configuración. Sin embargo, esto no quiere decir que carezca de funciones pues
posee plugins, funciones de autocompletado, entre otras. Su interfaz se divide en
pestañas, esto implica que puedes abrir muchos archivos.

Sublime Text Editor tiene una característica llamada “Minimapa” que te permite saber
qué parte de tu archivo estás viendo en ese momento. Esta característica hace sencilla
la navegación, pero si no te gusta puedes desactivarla.

Asimismo, con Sublime Text Editor puede fijar colores para tu código dependiendo del
lenguaje que estés empleando. No sólo puedes personalizar el aspecto de tus códigos,
sino también el aspecto de la interfaz ya que Sublime Text Editor viene con muchos
temas y colores disponibles.

Sublime Text Editor es flexible y soporta muchos lenguajes de programación. Además,

puedes realizar cambios en tu código de manera sencilla y tienes la opción de realizar
selecciones múltiples.

Su característica de Autocompletado hace que programar sea más sencillo y rápido. Te

ofrece una lista de palabras posibles de acuerdo a palabras que hayas empleado
anteriormente. Asimismo, Sublime Text Editor posee una característica de resaltado
para HTML, CSS, Java, PHP y muchos otros lenguajes. Puedes utilizar su herramienta
ortográfica que revise errores en tu código mientras tú sigues escribiendo tus códigos,
de modo que ahorras tiempo.

Sublime Text Editor es un poderoso y completo editor de código con muchas otras
características disponibles que mejorarán tu eficiencia y productividad.

Principales características de Brackets:

Una de sus características más interesantes es el modo de vista previa dinámica en la

que podemos abrir nuestro proyecto en el navegador y ver en tiempo real las
modificaciones que hacemos en el código fuente. Además, sus funcionalidades son
enormemente ampliables al permitir el uso de extensiones de terceros. Una de ellas, la
llamado Extract for Brackets, ya viene integrada, y permite exportar los datos de formato
de un archivo PSD de Photoshop, aunque para ello es necesario registrarse con una
cuenta de Adobe.

 Editor de código HTML, CSS y JavaScript.

 Función Quick Edition que permite la edición de estilos sobre el mismo elemento.
 Live Free Preview que refresca el navegador para ver el resultado del código en
tiempo real.
 Programado utilizando HTML, CSS y JavaScript.
 Posibilidad de extender y personalizar el editor, así como contribuir al proyecto.
 Gestor de extensiones.
 Interfaz muy limpia y minimalista.

Principales características de Atom:

Atom nos brinda la posibilidad de disponer de un editor moderno en nuestro

escritorio. Su principal característica es su capacidad de adaptación al usuario
al ofrecer infinitas posibilidades de personalización.

Interfaz gráfica y personalización con temas visuales.

Atom dispone por defecto de una interfaz de usuario amigable, con un diseño
moderno y visualmente atractivo. Esto que parece algo secundario, es muy
importante a la hora de programar, para sentirnos cómodos y que no se canse
la vista.
Para gestionar las diferentes combinaciones de colores, Atom emplea los
llamados temas visuales. Estos permiten definir el diseño de la interfaz y de la
sintaxis, aportando la flexibilidad necesaria para que el usuario elija entre temas
oscuros o claros.

Facilidad para añadir funcionalidades extra con extensiones.

Una de las opciones estrella que nos ofrece este editor de texto, es la
posibilidad de añadir funcionalidades extra de forma sencilla mediante la
instalación de extensiones. Estas extensiones, son como paquetes o plugins
desarrollados para añadir una característica nueva al editor.

Principales características de Dreamweaver:

- VENTAJAS
La gran ventaja de este editor sobre otros es su gran poder de ampliación y
personalización del mismo, 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.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara
al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web
fácilmente sin necesidad de escribir código.
Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones.
Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son
pequeños programas, que cualquier desarrollador web puede escribir (normalmente en
HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así
funcionalidades añadidas a la aplicación.
 - CARACTERISTICAS
Ofrece la posibilidad de crear botones flash, formularios, JavaScripts, y más, es de gran
ayuda. Además de poder insertar elementos web, encontramos una gran precisión en
la importación de información de Word y Excel, con las funciones de copiar y pegar.
Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios
web, y si bien se trata del producto de mayores características del mercado, su uso está
limitado a usuarios con experiencia, ya que de no ser así, uno se encuentra con la
dificultad de no saber por dónde comenzar.

CUADRO COMPARATIVO DE NAVEGADORES:

 Un cuadro para todo

Para navegar la web o hacer una búsqueda comienza a escribir en la barra
de direcciones. Sugerirá sitios populares, páginas que hayas visitado y que
contienen esos términos de búsqueda. La sugerencia automática se basa en
Google Suggest a menos que hayas elegido otro motor de búsqueda
predeterminado.
 Página Nueva pestaña
Para ver los sitios web más frecuentemente visitados, simplemente abre una
nueva pestaña. Google Chrome te mostrará automáticamente tus páginas
más visitadas y también de los buscadores más utilizados, de las últimas
pestañas que has cerrado y de las últimas páginas que has guardado como
marcador.
En la página Nueva pestaña aparecerán automáticamente miniaturas de
imágenes y enlaces a estos sitios web. Para ver todo el historial de
búsquedas guardado en tu navegador, haz clic en el enlace Mostrar historial
completo que encontrarás en la parte inferior de la página.
 Acceso directo a diferentes aplicaciones
Para comenzar una aplicación web en la propia ventana de Google Chrome,
haz click en el menú de la página y selecciona “crear acceso directo”. Un
acceso directo de la aplicación aparecerá en tu escritorio. Haz click sobre el
ícono para iniciar tu aplicación online favorita en una ventana de Google
Chrome.
o Haz clic en el menú Página
o Selecciona Crear accesos directos a aplicaciones.
o En el cuadro de diálogo “Google Gears”, marca las casillas de
verificación donde desees ubicar los accesos directos en el equipo.
 “Escritorio”
  “Menú inicio”: el acceso directo se ubica dentro de la
carpeta “Aplicaciones web” en el menú inicio del equipo.
 “Barra de lanzamiento rápido”
 Haz clic en el botón Aceptar.
 Pestañas dinámicas
Para abrir una nueva pestaña usa el icono mas (+) a la derecha de una
pestaña abierta. También puedes seleccionar y arrastrar una pestaña para
cambiar el orden de la misma o hasta tirar de una pestaña para abrirla en su
propia ventana y luego volverla a su posición original.
 Control de fallas
Cada pestaña funciona de forma independiente. Así que si una falla no se
cuelga todo el navegador (al menos en teoría, no hay que olvidad que
Chrome es una beta…) También puedes cerrar pestañas que están
funcionando mal, haciendo click en “terminar proceso” desde adentro del
administrador de tareas.
 Modo Incógnito
Para navegar la web sin guardar en el historial de navegación, elige la opción
“nueva ventana de incógnito”. Se abrirá una nueva ventana en modo
incógnito. Los websites igual pueden guardar información de tu visita, pero al
cerrar la ventana incógnita, se borrarán todas las cookies de las páginas a
las que hayas accedido en este modo.
 Navegación segura
Para ayudarte a navegar la web de forma más segura Google Chrome te
advierte si estás a punto de visitar un sitio web sospechoso de ser inseguro
o que pueda alojar software malintencionado o hacer phishing. Pero además,
al ser las pestañas independientes cada aplicación web se ejecuta en su
propio entorno. Aisladas de las demás, están incomunicadas, así se impide
el robo de información.
 Marcadores instantáneos
Para guardar tus páginas web favoritas tan solo tienes que hacer clic en el
icono en forma de estrella situado a la izquierda de la barra de direcciones.
Luego selecciona barra de marcadores para agregar el enlace.
 Importar configuración
Para importar tu configuración una vez instalado Google Chrome, haz click
sobre el menú de la llave y selecciona “Importar marcadores y configuración”.
 Selecciona del navegador de donde quieres importar (el navegador tiene que
estar cerrado) y luego deselecciona cada ítem que no quieres importar. Luego
click en Importar.
 Descargas más simples
Para bajar un archivo, sólo tienes que hacer click en el enlace para comenzar
la descarga. Verás la barra de progreso en la parte inferior de la ventana sin
interrupciones visuales sobre la ventana en la que estás trabajando. Cuando
termina, puedes arrastrar el archivo para copiarlo a tu desktop, hacer click
para abrirlo o en la flecha para ver otras opciones.