Diplomado en Formador Virtual
Recopilación: Luis E. Rojas
Valenzuela
Contenido
Resumen
Introducción
La evolución del WWW ha
provocado que cada vez más gente quiera o necesite hacer páginas Web. Inicialmente, la elaboración de estas páginas se hacía a través del uso del
lenguaje HTML y posteriormente, aparecieron los editores de código HTML (como
el HoT MeTal) en los que se facilitaba en parte, el tecleado del código. En la
actualidad los programas de diseño de páginas Web siguen una filosofía WYSIWYG
(What You See Is What You Get), es decir, lo que se ve es lo que se obtiene.
Vale señalar, que si el
usuario o futuro diseñador de páginas Web, no está familiarizado con el
lenguaje HTML y desea aprenderlo le puede servir cualquier editor de texto,
como es el caso del Bloc de Notas; no obstante, al iniciar la elaboración de
páginas Web se le hará perentoria una herramienta más versátil, para lo cual se
recomienda conocer varios programas y seleccionar aquel que le presenta más
facilidad
En este sentido,
existen dos tendencias bien marcadas, entre las personas que se dedican a
diseñar y elaborar las páginas Web. Por un lado, algunas prefieren crear las
páginas programando en lenguaje HTML y por otro, las que utilizan editores
HTML. Seguidamente, a manera de brindar una visión amplia, se presentan algunas
diferencias entre hacerlo de un modo u otro:
|
Programando
con el lenguaje HTML |
Con
un editor WYSIWYG |
|
Se domina con mayor precisión el código de la página y por ello el
trabajo queda más limpio. |
El código de la página tiene peor calidad, incluso puede llegar a
tener errores, más o menos visibles, que cuestan arreglar. Es la máquina la
que domina el trabajo. |
|
El aprendizaje es más complicado y lento, tanto en nivel inicial como
avanzado. |
El aprendizaje es muy sencillo, tal como puede ser trabajar en Word.
Solo se trata de manejar un programa más. |
|
El diseño y
elaboración de una página implica mucho trabajo y tiempo. |
Es muy rápido. |
Es oportuno señalar,
que el diseñador debe escoger el camino que más le convenga o el que le parezca
más atractivo. En todo caso, cuando una persona profundiza en el diseño de
páginas Web, le llega un momento en el que le hará falta conocer las dos
maneras de trabajar; a los programadores en HTML les convendrá familiarizarse
con el uso de un editor porque eso aumentará su productividad y los que
utilizan editores, necesitarán conocer un poco del lenguaje HTML para arreglar cualquier particularidad
que el editor haya hecho mal o elaborar algún detalle que el editor no puede
hacer.
Seguidamente se presenta
los diferentes tipos de editores HTML, los editores WYSIWYG y los conversores.
Editores HTML
Se han denominado
editores HTML, a todos aquellos programas cuyo objetivo principal es ayudar al
creador de páginas Web, permitiendo en todo momento modificar y controlar el
código HTML a su gusto.
Existen una diversidad
de este tipo de editores, que incluyen asistentes y toda clase de facilidades
para crear páginas Web, pero sin automatizar tareas, de forma que el diseñador
nunca pierde el control de lo que está haciendo. Este tipo de herramientas
reciben el nombre de WYSIWYN (What You See Is What You Need), en español “Lo
que ves es lo que necesitas. El único inconveniente que se podría achacar a
este tipo de editores es que es necesario conocer el lenguaje HTML para poder
hacer una página. Entre los programas que destacan de este grupo se puede
nombrar a HotDog o Homesite
Editores WYSIWYG
Las aplicaciones
WYSIWYG (What You See Is What You Get), en español, “lo que ves es lo que obtienes” son todas
aquellas que permiten diseñar una página como si de hacer un dibujo se tratara.
En ningún momento se trabaja en HTML, salvo en pequeñas excepciones, y el
objetivo es que en todo momento se visualice la página tal y como quedará al
final cuando se aprecie con un navegador. Cuando se guarda la página en un
archivo el programa traducirá lo que se ha diseñado al lenguaje HTML.
Seguidamente se
presentan las características más resaltantes de algunos de los programas que
conforman el abanico de opciones de este grupo:
·
Frontpage
El programa Frontpage
de Microsoft, se ha convertido en la suite más vendida para el diseño de
páginas Web, gracias a su excelente relación calidad/precio y la disponibilidad
en varios idiomas. Está conformado por tres programas básicos: el servidor
personal de Web, el explorador de Frontpage y el Editor de Frontpage más otros
como el Microsoft Image Composer y el Microsoft GIF Animator.
El servidor personal de
Web permite probar en el computador el funcionamiento del Web completo,
incluyendo los Web Bots o componentes de Frontpage, que facilitan enviar
formularios o realizar búsquedas en todo el sitio Web sin necesidad de
programar.
El Explorador de
Frontpage se encarga de gestionar todos los ficheros que forman el Web pudiendo
comprobar los hipervínculos tanto internos como externos, mover archivos de una
carpeta a otra sin que se rompan los hipervínculos que los unen, ver la
estructura de la Web gráficamente. Además, se pueden publicar los archivos
usando FTP o las extensiones de Frontpage para poder aprovechar sus
componentes.
El editor de Frontpage
maneja con facilidad imágenes, marcos (frames) y tablas, además puede emplear
CSS incrustado en las páginas y usar algunos programas en Java sin necesidad de
programar para crear botones activables o validadores locales de formularios.
También permite la inclusión de consultas a bases de datos mediante ODBC usando
SQL.
·
Adobe
Pagemill 3.0
Pagemill
es uno de los editores más potentes y sencillos de utilizar, incorpora un conjunto de herramientas para la
gestión de las páginas que componen el sitio Web y trabajar con todos ellos de
forma global pudiendo visualizar gráficamente los hipervínculos, actualizarlos
automáticamente, buscar y reemplazar texto, imágenes y vínculos así como usar
el corrector ortográfico para todo el Web. También permite el uso del drag and
drop (arrastrar y soltar) para incluir elementos como animaciones, sonidos,
películas o applets de Java.
Pagemill
incorpora además la versión 3.0.5 de Adobe Photoshop LE para el retoque de
imágenes, un servidor Web para Windows, una utilidad de compresión de imágenes
y numerosas plantillas, imágenes, animaciones, sonidos y muchos elementos más.
La casa Adobe siempre
se ha destacado por hacer productos orientados claramente al mundo profesional
dentro del campo del diseño, por ello Pagemill incluye cantidad de consejos
sobre el diseño y creación de sitios Web proveniente de Project Cool Inc. así
como resúmenes de publicaciones de los editores Hayden Books y O'Reilly &
Associates.
·
NetObjects
Fusion
NetObjects
es un programa de diseño de páginas Web que abarca el diseño, construcción y
mantenimiento de sitios. El programa permite la definición del estilo y
apariencia de cada página "al píxel", como los programas de
autoedición (QuarkX, Pagemaker...)
más conocidos y sin usar HTML, aunque permite incrustar código HTML, Java, ActiveX y NetComponents, los
componentes propietarios de NetObjects.
NetObjects
basa su funcionamiento en varias vistas diferentes: Site,
Page, Styles y Assets. La vista Site permite
visualizar el sitio Web en su totalidad, apreciando las relaciones entre las
páginas que lo componen. La vista Page facilita crear
o modificar páginas individualmente o importar páginas ya existentes. La vista Style proporciona más de 50 diseños que pueden servir como
base en la elaboración de la Web. Por último, los Assets
abarcan todos los accesorios de la Web incluyendo hipervínculos, archivos, Data
Objects (archivos enlazados dinámicamente a una base
de datos) y variables, de forma que si se actualiza uno de ellos el cambio se
aplicará a todo el sitio Web.
NetObjects
es una herramienta muy cómoda y agradable de usar pero tiene dos inconvenientes
importantes: su precio y el idioma, pues sólo está disponible en inglés.
·
Macromedia Dreamweaver
Como todos los
productos de Macromedia, el Dreamweaver
se enmarca dentro de un ámbito eminentemente profesional, a herramienta de Macromedia tiene un interfaz y modo de funcionamiento
similar a una herramienta multimedia de autor como Director.
Dreamweaver
posibilita la utilización de las últimas novedades en HTML dinámico y Javascript mediante varias opciones sin tener que escribir
código, además puede usar tanto Shockwave como Flash
para incorporar animaciones multimedia interactivas en las páginas que creemos
con él.
·
Claris Home Page
Home
Page 3.0 es un editor sencillo de utilizar, con un
interfaz intuitivo, dispone de numerosos asistentes y permite la edición
directa del código HTML.
Para la gestión del
sitio Web completo Home Page
3.0 dispone de herramientas que permiten identificar y reparar enlaces rotos,
publicar los contenidos en la Web, comprobación automática de la ortografía. La
característica más destacada de Home Page 3.0 es la integración con FileMaker,
el programa de Bases de Datos de Claris (el más
popular en entornos Mac).
·
Netscape Composer y Microsoft Frontpage
Express
Estos dos programas son
más sencillos y limitados que los anteriores pero ofrecen dos importantes
ventajas sobre ellos ya que son gratuitos y están integrados en los navegadores
más populares Netscape Communicator
4 y Microsoft Internet Explorer 4, con lo que podemos editar las páginas
directamente. Además ambos están disponibles en castellano.
Conversores
El objetivo de estos
programas es convertir un documento que se encuentre en un determinado formato
a HTML. Un ejemplo muy claro es el conversor que lleva incorporado Microsoft
Word en sus últimas versiones. Si se cuenta con un documento hecho con este
programa (lo cual es muy habitual) no hay más que seleccionar la opción guardar
como HTML para crear la correspondiente página Web.
Los inconvenientes de
este sistema son varios:
- El código
generado no suele ser muy bueno, por dos razones, una porque es difícil de
entender, y otra, porque no es correcto sintácticamente,
con lo cual se corre el riesgo de no
obtener una buena visualización de la página Web con todos los
navegadores.
- Los
conversores son programas muy limitados que no soportan todas las
características y efectos que permite el lenguaje HTML.
Por otro lado, la gran
ventaja de este método es su rapidez. Si esto es lo que más importa en un
momento dado, no debe dudarse en usar los conversores, pero tampoco es recomendable
abusar de ellos.
Infografía
1. Editores de HTML.
En este artículo se destacan las diferencias en el uso de diseño y elaboración de páginas Web escribiendo en lenguaje HTML y con editor de WYSIWYG. Además, destaca el uso de Editores de texto preparados para escribir HTML. http://www.desarrolloweb.com/articulos/195.php Local
2. HTML con Clase.
Presenta una lista de programas gratuitos para trabajar en la creación
de páginas Web y formula un análisis sobre los Editores WYSIWYG, reconociendo
sus bondades, pero haciendo un alerta que estos códigos que pueden generar fácilmente
problemas de accesibilidad, especialmente si están en las manos de alguien que
no conoce mínimamente bien cómo funciona la Web. http://html.conclase.net/recursos/editores Local
3. Editores HTML.
Este trabajo se enfoca en la descripción de las características
principales de algunos editores que actualmente se fundamentan en la filosofía
WYSIWYG (What You See Is What
You Get), es decir, “lo que
se ve es lo que se obtiene”. http://www.dte.us.es/seminari/curso-html/editores_html.htm Local
4. De Teletrabajo. Cuaderno Metodológico.
Este trabajo centra la atención algunos editores de páginas Web del
estilo WYSIWYG. Específicamente, dos editores que van integrados en dos
programas o suite de componentes de los que forman parte, es decir, Netscape y el OpenOffice y
finalmente hace alusión a programas específicos como el WebDwarf
2, Amaya 8.0., Trellian WebPage
1.02., Site Gen 0.9. y
Actual Drawing 3.4.
http://deteletrabajo.uji.es/boletines/cua1.htm
Local
5. Cómo se hace una
página Web. Herramientas disponibles.
En este artículo se examina por grupos los distintos tipos de aplicaciones
o formas de hacer una página Web, esto es, editores html,
aplicaciones wysiwyg y otras herramientas, remarcando
las ventajas e inconvenientes de cada una e intentando decidir cuando es
recomendable usarla y cuando no. http://freek.jorgeferrer.com/conquistalaweb/basicos/comohacerwebs/herramientas.html Local
6.
Edit2Web.
En este artículo se muestran las bondades de Edit2Web,
el cual es un sencillo editor de páginas Web orientado, sobre todo, a volcar la
información de las bases de datos del usuario a través de Internet. Sus
principales características son la facilidad de uso y la potencia, ya que
permite generar Webs con mecanismos de acceso a base
de datos utilizando sólo el ratón. http://desarrolloweb.com/articulos/757.php Local
7. XHTML, una
llamada al orden para HTML.
En este interesante trabajo se hace una llamada al orden para el uso del
lenguaje HTML a través de una nueva normativa denominada XHTML (Extensible HyperText Markup Language), en la que se describen las especificaciones que
deben tenerse en cuenta para generar un código estricto que no se salga de las
reglas gramaticales que debe contener una página Web HTML bien realizada. http://www.acta.es/articulos/intro_xhtml-xhtml.htm Local
8. Quiero crear una página Web. ¿Cómo lo hago?
Esta página está dedicada a los intrépidos navegantes que se lanzan a crear páginas Web sin dominar el HTML, teniendo como aliados los editores Web, como Microsoft Word, Front Page Express y Componer y Dreamweaver, programas muy intuitivos en los que se trabaja de forma visual y que automáticamente generan el código fuente propio del HTML. http://www.diariomedico.com/enlared/esp110401a.html Local