UNIVERSIDAD YACAMBU
VICERRETORADO DE ESTUDIOS A
DISTANCIA
HERRAMIENTAS WEB PARA
REALIZADO POR: TERESA ALFONZO
EDITORES
WEB
Los EDITORES WEB son programas informáticos que se
utilizan para crear páginas web. Hoy en día, es importante
saber seleccionar el EDITOR WEB que se utilizara, ya que es incalculable la cantidad de
editores que existen hasta el momento. Se recomienda tomar en cuenta los
siguientes puntos para la selección de
EDITOR WEB: ¿Que se quiere desarrollar?, el conocimiento y la experiencia del
usuario manipulando código HTML.
Los editores aceleran o automatizan determinadas
tareas comunes en la edición de HTML, a la vez que realzan la presentación del
código fuente, diferenciando las etiquetas del texto. Esto hace que la creación
de documentos HTML sea más rápida, cómoda y legible. Puede ser interesante
utilizar dos editores, uno en modo texto para poder manipular con comodidad el
código, y otro gráfico para insertar código de forma rápida y cómoda.
TIPOS DE
EDITORES WEB
EDITORES EN MODO TEXTO
Son editores de texto plano, a los que se le añade un
conjunto de menús, barras de botones, etc., a través de los cuales es posible
seleccionar las diferentes etiquetas HTML. En algunos casos, ofrecen cuadros de
diálogo a través de los cuales se pueden alterar los diferentes atributos de
cada etiqueta. Como se edita directamente el código HTML, se tiene un control
total sobre el mismo, sin embargo su principal inconveniente es que el código
generado no es demasiado legible, y el proceso de edición es más lento.
Igualmente se pueden programar otros
lenguajes dentro del mismo editor HTML, como los son el Java Script, el DHTML y algunos otros . Su ventaja es la de
poder hacer cosas más especificas basándose en un conocimiento propio de cada
uno de los elementos que intervendrán en la página y para los cuales cada
acción será totalmente denominada por los usuarios.
EDITORES GRÁFICOS O "WYISWYG"
("What You See Is
What You Get", "lo que ves es lo que obtienes"). Son los
más intuitivos, pero se pierde algo de control sobre el código HTML que
producen ya que sólo se pueden hacer aquellas cosas que el editor ‘sabe’ hacer,
de forma que realmente "lo que ves no es lo que obtienes". Estos
editores permiten insertar fotos, escribir textos, cambiar colores, y todo sin
preocuparse de la programación, ya que el programa lo hace automáticamente. Su
ventaja más notable es la facilidad que propone al crear una página, también en
lo que a diseño se refiere ayuda a que la página sea más atractiva.
EDITORES MIXTOS
Incorporan los dos modos descritos anteriormente, se
puede programar y ver como esta quedando la página, o al revés se pueden ir
haciéndola en WYSIWYG, y finalmente corregir los errores que se encuentran en
las líneas de código.
A continuación se encontrará una breve descripción de algunos editores web:
|
ADOBE
GOLIVE |
Es un muy buen editor, aunque no sea tan conocido,
es muy bueno de todas formas. Es un editor WYSIWYG dónde la ventana de editor
está dividida en Layout, otra función para manejar frames,
Source (código HTML), HTML Outline
Editor (para editora HTML sin modificar el Source),
y la vista previa. Tiene una completa barra de herramientas en la que se
pueden hacer diferentes cosas que cambian dependiendo de las diferentes
vistas. También cuenta con una ventana de objetos muy completa, y en la misma
ventana cuenta con una sofisticada herramienta de selección de color. |
|
|
|
WEBNOTEPAD |
Es un editor de
modo texto muy sencillo y se parece al Bloc de Notas de windows. Con la diferencia de que muestra distintos
colores para los distintos elementos HTML. |
|
|
HOTMETAL PRO
|
Es un editor potente para crear y publicar páginas
Web. Es ideal para profesionales y gente que es nueva en el campo del diseño
de páginas Web. Es sencillo de utilizar. Las herramientas más destacables
son: productividad con tres ventanas de edición, herramientas de creación y
de administración integradas en una sola aplicación, administración completa
de todo el sitio Web, sistema de asistentes para los nuevos usuarios, soporte
de todas las últimas tecnologías Web, función que permite ver el código HTML
desde cualquier navegador, interfaz personalizable,
herramientas para crear buenos gráficos, soporte de acceso avanzado, grandes
cantidades de utilidades gratuitas, etc. |
|
|
|
HOT
DOG |
Es un editor simple y muy poderoso, además de tener
muy bien organizadas las funciones básicas de todo editor, no se queda atrás
frente a los demás y tiene una completa barra de herramientas dividida en: Insert (Imagen, link, target,
comentarios, listas, etc), Format
(colores, propiedades de documentos, información de documentos, animación
DHTML y formato de texto), Navigation
(<HTML>, </HTML>, <BODY>, </BODY>, <HEAD> y
</HEAD>), Table (completo asistente para
crear tablas), Frames (manejar marcos), Formularios
(todos los elementos de los formularios) y Custom Colors (colores personalizados). |
|
|
|
FUSION |
Dirigido a la construcción de sitios web de negocios. Al crear la primera página,
automáticamente se define una plantilla de ésta con los elementos
tradicionales de una página web: barras de desplazamiento,
botones, cuadros de búsqueda, etc; los cuales, se
copian al resto de las páginas. Al añadir nuevas secciones, las
características anteriores se actualizan o añaden de forma automática. Se puden vincular páginas externas pero sin vista previa de
las mismas, para hacerlos es necesario colocar las páginas en el servidor Web
seleccionado. |
|
|
|
HOMESITE |
Este programa tiene la pantalla dividida en editor
y un explorador de archivos. El editor tiene dos solapas: Edit
(donde aparece el código HTML) y browse (vista
previa). Tiene una completa barra de herramientas dividida en diferentes
solapas: Common (etiquetas comunes como imágenes,
<br>, etc), Fonts (caracteres de la fuentes), Tables
(una completa herramienta para crear tablas), Frames
(todos lo necesario para crear una página con frames),
List (todas las propiedades de listas), Form (los objetos de formularios), Script
(todas las propiedades de Scripts ¡y automático!),
ASP (variables de ASP y estructuras condicionales). Claro que también tiene
todas las funciones comunes. |
|
|
|
MICROSOFT WORD
|
Es un procesador de texto que permiten transformar
un documento en una página web, es decir, de alguna
forma convierten un documento de texto en un documento HTML. Word ofrece
algunos métodos sencillos para comenzar a crear una página Web, sin embargo
no se recomienda utilizar este tipo de aplicaciones para el desarrollo de
paginas Web , ya que estos editores suelen generar mucho código basura. |
|
|
|
MICROSOFT PUBLISHER |
Publisher facilita la creación de sitios Web de
aspecto impecable. Es tan fácil como crear una publicación impresa y no es
necesario aprender código HTML. |
|
|
|
FRONT PAGE |
El Front Page es un aplicativo que se ejecuta en Windows 95 o
Windows NT, que permite tener una visión completa de un proyecto web como si fuera apenas una página. En el Front Page se combina la
facilidad de crear páginas web, como insertar dinamismo
a las páginas a través de scripting y al mismo
tiempo una administración global todo el proyecto (hipervínculos, navegación,
directorios, etc..). El editor Front Page es una herramienta para el desarrollo de las páginas
web individuales que componen un proyectos web; su entorno de desarrollo es muy similar a los
programas de la familia Office de Microsoft, lo que reduce el esfuerzo de
aprendizaje. El editor ofrece además la creación de formularios y de scripting básico para agregarle interactividad a las
páginas. El editor se integra de forma transparente a todos los navegadores
instalados en el PC, de forma de poder visualizar las páginas en cualquiera
de ellos sin tener que reconfigurar el sistema; además ofrece la posibilidad
de simular diferentes resoluciones de pantalla, para ver las páginas en la
mayor cantidad de situaciones posibles. |
|
|
|
MACROMEDIA DREAMWEAVER |
Es uno de los editores WYSIWYG más utilizados en
todo el mundo. Es utilizado mayormente por profesionales, webmasters,
etc. Está completamente integrado a todos los productos Macromedia.
Su pantalla principal está dividida en dos: vista diseño y vista código; en
la primera es un editor WYSIWYG muy bien hecho y muy completo, donde se puede
diseñar el total de la web sin saber lo que es un
TAG, mientras que en la vista código, se observa todo el HTML generado, y
claro, lo puedes editar y modificar a tu gusto. Dreamweaver
viene en dos presentaciones: Dreamweaver y Dreamweaver Ultradev, la
primera es la versión estándar del producto, mientras que la segunda es la
misma versión orientada al acceso a datos, ASP, JSP, etc. Dreamweaver
posee dos barras de herramientas, una FORMATO, en la que se puede manipular
el aspecto y/o opciones de los objetos y la otra para insertar imágenes,
formularios, etc. También tiene más ventanas como la de lanzador, archivos
del sitio, mapa del sitio activos, comportamientos, inspector de código,
estilos CSS, marcos, historial, estilos HTML, capas, biblioteca, referencia,
plantillas y línea de tiempo. |
|
|
|
ARAENAE
|
Es un sencillo editor de aspecto y funciones
básicas, que incluye todo aquello que puedas necesitar cuando programas tu
sitio web en HTML. Su principal característica es
la simplicidad gráfica y de uso. Este editor te permite trabajar con el
código fuente sin temor a que éste sea alterado de forma alguna, y
proporciona un entorno de desarrollo libre de docenas de características
superfluas. El programa incorpora funciones tales como el uso de código de
color en la sintaxis de comandos de HTML, soporte para documentos de tamaño
ilimitado, uso de líneas numeradas para mayor facilidad, soporte para la
función drag-and-drop, posibilidad de abrir varios documentos al mismo
tiempo y previsualización inmediata en el navegador
de tu trabajo, sin necesidad de guardar previamente. |
|
|
|
COFFEECUP HTML EDITOR |
Cuenta con diferentes solapas: explorar archivos,
explorar proyectos, HTML TAGS (una lista con todos los tags
y sus propiedades), JavaScript (una completa
biblioteca de más de 100 JavaScripts), DHTML
(decenas de efectos DHTML), CGI Script (libros de
visitas, emails, links, buscadores) y Snippets (archivos .snp).
También permite abrir archivos desde la web,
insertar caracteres especiales, efectos de transición de la página, frames, diseñador de tablas, todos los objetos de
formulario, animación de Flash, tipos de fuentes, un asistente de hojas de
estilo y probar la web con diferentes browsers. Esta versión software es muy limitada en varias
cosas y muestra un cartel en su parte superior. |
|
|
