Info

INFORMÁTICA
CONCEPTOS
DW
ANA JESSICA TERRAZAS RODRÍGUEZ

Definición DREAMWEAVER
Es una aplicación informática destinada a la construcción, diseño y edición de sitios y aplicaciones Web basados
en estándares. Fue creada por Macromedia y tras la desaparición de esta compañía pasó a manos de Adobe
Systems.
●La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización, puesto que sus
rutinas (como insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript- lo
que le ofrece una gran flexibilidad. Esto hace que los archivos del programa no sean instrucciones de sino rutinas
de Javascript lo que permite que los programadores y los editores web hagan extensiones para el programa
según sus necesidades.

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcado de hipertexto’), hace referencia
al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software
que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un
código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes,
videos, juegos, entre otros.
Definición HTML

10
PRINCIPALES
EDITORES DE
HTML

CoffeCup Free Editor
●Un editor multiplataforma (Windows, Mac) y gratuito con soporte para multitud de características: ayuda
contextual a la escritura de código, vista previa del resultado a medida que escribimos, etc.. La versión
gratuita se ve recortada frente a la de pago, pero aún así es una buena opción también.
TextWrangler
Editor gratuito para Mac especializado en escritura de código HTML, CSS y JavaScript. Se asemeja
mucho a Notepad++ o a Sublime (ver más abajo en el ranking), pero es más limitado. Es uno de los
más conocidos y utilizados en Mac.

TextMate
●Editor especializado de código para Mac. Es similar a Notepad++ y a Sublime. Al igual que el anterior es muy utilizado por
programadores en el sistema de la manzana.
Kompozer
Archiconocido editor de HTML y CSS que es gratuito y multiplataforma (Windows Mac y Linux). Ofrece vista
previa de la página mientras se escribe código, múltiples pestañas, edición específica de CSS, etc...

Aptana Studio
●Otro editor multiplataforma de carácter gratuito. Ofrece una excelente ayuda contextual a la hora de
escribir código HTML, que incluye también el soporte de los diferentes navegadores para cada característica.
Sólo por esto ya merece la pena. Tiene características avanzadas para programación con JavaScript y soporta
además múltiples lenguajes de servidor, como PHP, Python y Ruby on Rails. Está basado en Eclipse, y por lo
tanto en Java, por lo que tenlo en cuenta si no te gusta instalar esa plataforma en tu equipo (por sus muchos
problemas de seguridad y lentitud).
BlueGriffon
Este excelente editor WYSIWYG utiliza por debajo el motor de renderizado de Firefox para visualizar las
páginas a medida que las vamos editando. Cuenta con ayudas a la escritura de código (como las “miguitas
de pan” de la parte de abajo o el acceso a la estructura jerárquica de la página), y ofrece incluso la
posibilidad de probar en tiempo real transformaciones 3D de CSS3 sin abandonar el editor (ventajas de
utilizar el motor Gecko de Mozilla). Es gratuito, Open Source y multiplataforma (Windows, Mac y Linux) y
está disponible en Español entre otros muchos idiomas. La última versión es de hace casi un año, pero el
proyecto sigue activo.

● Sublime Text
●Un editor de texto avanzado para programadores, multiplataforma. Aunque es bastante espartano lo
cierto es que todo el que invierte tiempo en aprender a dominarlo luego no lo quiere dejar, ya que aumenta
mucho la productividad a la hora de escribir código. No ofrece muchas de las características de ayuda al
programador web que sí ofrecen la mayoría de los otros entornos, por lo que es recomendable sobre todo
si vamos a trabajar mucho directamente con código.
JetBrains WebStorm
Este es sin duda uno de los mejores editores de código del mercado, y no solo para el trinomio
HTML/CSS/JavaScript. De hecho soporta otros lenguajes como CoffeeScript, TypeScript y Node.js, y multitud
de librerías de JavaScript, sistemas de control de código, testeo unitario, etc.... Es muy espectacular la
capacidad de editar y ver en tiempo real los cambios en un Chrome, incluso en aplicaciones de tipo SPA/AJAX.
La lista de características es tan larga que mejor te enlazo a la misma en su página. Lleva un rato aprender
todas sus posibilidades, pero merece la pena.

Microsoft Visual Studio Express for Web
●Está disponible en varios idiomas (incluyendo el Español) y su única limitación es que sólo funciona bajo
Windows. Es decir, que si trabajas en Mac o Linux no podrás utilizarlo. Por lo demás es un entorno integrado
de desarrollo (IDE) espectacular. Aunque, al igual que el anterior, es una herramienta técnica orientada a
programadores y con muchas otras posibilidades avanzadas, ofrece un soporte estupendo para diseño de
páginas Web, con editores avanzados de HTML, CSS y JavaScript, capacidad de depuración, ayuda contextual
para todos los lenguajes, validadores de código, validadores de accesibilidad, visualización real de cómo van
a quedar las páginas, etc... Echarás de menos muy pocas cosas (aunque algunas sí, sobre todo si usas
Sublime).
Brackets
es un editor open source que se basa en Google Chrome y que ofrece muchas características
interesantes a explorar. Es ligero, es potente, es moderno y cuenta con unas herramientas visuales
que te facilitarán muy mucho el desarrollo. Además, con este editor es posible convertir un PSD en
HTML

5 programas
más populares
para editar
páginas web.

●. WordPress
●Es una de las plataformas más populares a nivel mundial, y cualquier aficionado al mundo web debe conocerla.
De hecho, la empresa afirma que 38% de la web se ha creado con WordPress.
Divi
En torno a WordPress encontrarás diversos editores de texto/código, así como plugins que puedes instalar
en tu página web para ampliar o extender las funciones que WordPress tiene por defecto.
Uno de los temas de WordPress más populares es Divi, un plugin que sirve para que puedas crear una
página web profesional de manera sencilla gracias a la función de “arrastrar y soltar”.
WooCommerce
WooCommerce es el plugin más famoso de WordPress para crear comercios electrónicos. Es de código
abierto (gratuito) y está diseñado para contemplar todo lo que requiere una tienda online: desde el diseño y
las descripciones de producto hasta la gestión de inventario y el envío de correos electrónicos.

Balsamiq
●En las primeras etapas de creación, es importante que tengas una idea clara de cómo será la navegación
en tu sitio web, dónde vas a colocar ciertos textos y cómo será la diagramación, entre otros detalles. En
este sentido, Balsamiq sirve para prepararte antes de entrar por completo a programas como Photoshop o
Illustrator para diseñar el resultado final.
Figma
Figma es una aplicación que sirve para diseñar interfaces y editar gráficos vectoriales. Su principal
objetivo es que cualquier equipo pueda conectarse en internet para crear, probar y lanzar mejores
diseños, desde el principio hasta el final.

●PHP es un lenguaje de programación de uso general que se adapta especialmente al desarrollo
web. Fue creado inicialmente por el programador danés-canadiense Rasmus Lerdorf en 1994. En
la actualidad, la implementación de referencia de PHP es producida por The PHP Group.
Definición PHP

●JavaScript es un lenguaje de programación interpretado, dialecto del estándar
ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo,
débilmente tipado y dinámico.
Definición JAVASCRIPT

●CSS, en español «Hojas de estilo en cascada», es un lenguaje de diseño
gráfico para definir y crear la presentación de un documento estructurado
escrito en un lenguaje de marcado.
Definición CSS

Info

Más contenido relacionado

La actualidad más candente

Similar a Info

Info