MODULO 4 EDITORES WEB WYSIWYG
EDITORES WEB
El
ingrediente más importante para hacer una página web hoy en día, es saber
con qué editor la vamos a crear, ya que la cantidad de editores que
existen hasta el momento es incalculable, pero realmente son pocos los que
en realidad pueden ofrecernos un servicio de acuerdo a nuestras
necesidades específicas y por supuesto de acuerdo a nuestros conocimientos
y experiencias. Existen dos tipos de editores de páginas, los de HTML
o lenguaje y la llamada WYSIWYG que significa algo así como, "lo que ves
es lo que tienes"; las dos opciones son buenas, pero apuntan a usuarios
distintos, aunque últimamente estas diferencias se han ido
disolviendo. Los editores html fueron los primeros que aparecieron para
crear páginas, y se diferencian de los WYSIWYG porque en ellos tenemos que
programar en lenguaje html, proceso mediante el cual vamos escribiendo
como va a ser la página e igualmente podemos también programar otros
lenguajes dentro del mismo 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. El otro tipo de editor es el antes
mencionado WYSIWYG, en estos editores vamos creando la página como si se
hiciera un documento de Word por ejemplo, se ponen fotos, se escriben
textos, se cambian los 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. Hay editores que
incorporan los dos modos, podemos programar y ver como esta quedando, o al
revés podemos ir haciéndola en WYSIWYG, y finalmente corregir los errores
que se encuentran en las líneas de código. En un sentido estricto, en
búsqueda de un nivel profesional, lo mejor sería conocer plenamente los
dos tipos de editores; pero por ahora presentaremos algunas posibilidades
que ofrecen editores que van desde el conocimiento del código hasta
simples programas que basados en plantillas nos permiten crear sitios con
un muy buen nivel funcional y que realmente no se encuentran muy alejados
de las pretensiones normales con que se conciben gran parte de los sitios
que encontramos hoy en la red. Estos programas (Microsoft Word, Microsoft
Publisher, Macromedia Dreamweaver, FrontPage y Adobe GoLive) serán
presentados a continuación con el fin de conocerlos y poder apreciar así
sus cualidades en cuanto a la creación de sitios web y después poder
aprender, si es nuestra decisión, dos de ellos que por análisis interno
son para nosotros los de mayor accesibilidad y los cuales presentan con
mayor facilidad los servicios dedicados a usuarios avanzados como a
aquellos que apenas se inician en el próspero mundo de la Red.
MICROSOFT WORD Podemos utilizar Microsoft
Word para crear páginas Web del mismo modo que se crean documentos de Word
normales. Word ofrece algunos métodos sencillos para comenzar a crear una
página Web.
Podemos...
Crear una página Web utilizando el Asistente para
páginas Web Con el Asistente para páginas Web, podemos
crear una sola página Web o todo un sito Web. Podemos agregar páginas Web
y documentos de Word existentes a un sitio Web. Agregar un tema y utilizar
marcos para dar un aspecto más atractivo a las páginas. Comenzar una nueva
página Web utilizando el Asistente para páginas Web.
Crear una página Web a partir de una plantilla de
página Web. Cuando se utiliza una plantilla de página Web,
Word proporciona las funciones que no son compatibles con el explorador de
destino, para que podamos diseñar páginas Web con un excelente aspecto sin
preocuparnos de cómo se verá el formato en un explorador Web. Podemos
cambiar el explorador de destino o desactivar el valor del explorador.
Agregar un tema y utilizar marcos para hacer más dinámicas las páginas
Web. Para conseguir un diseño más avanzado sin utilizar el Asistente para
páginas Web, podremos diseñar una página de marcos para la página. De esta
forma, podremos crear una página Web utilizando una plantilla.
Crear
una página Web a partir de un documento de Word existente. Podemos guardar un
documento existente como una página Web si deseamos prepararlo rápidamente
para que pueda copiarse a Web o a una intranet. También nos facilitará
guardar los documentos de Word existentes como páginas Web.
MICROSOFT PUBLISHER Publisher nos 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.

Podemos...
Utilizar el Asistente para sitios
Web Para mayor facilidad y rapidez, iniciemos el sitio Web
seleccionando en el Catálogo un sitio Web creado por Publisher. Para
ver los diseños que podemos elegir, hacemos clic en Sitios Web en el panel
izquierdo de la ficha Publicaciones por asistente. Personalizar con el
Asistente para sitios Web Cambiamos la combinación de colores y el
color o la textura de fondo.
Agregar una barra de
exploración. Podemos agregar páginas y formularios de
comentarios Web, agregar elementos de diseño. Al diseñar un sitio Web,
podemos agregar los siguientes elementos: Hipervínculos, zonas activas
y controles de formularios para respuestas de usuarios. Objetos de la
Galería de diseño; incluidos recuadros, cabeceras y citas. Galería de
imágenes prediseñadas, incluidos GIF animados. Fragmentos de código HTML
para funciones personalizadas, como un contador.
Agregar gráficos y GIF animados. Un
GIF es un gráfico que se guarda con el formato de gráficos GIF. Un GIF
animado representa movimientos o cambios de forma cuando se ve en
pantalla. Para agregar una imagen animada o transparente a una página Web,
hacemos clic en ella y la arrastramos desde el origen hasta la página o la
insertamos desde la Galería de imágenes.
Convertir y obtener una vista previa de un sitio
Web Publisher proporciona opciones adicionales para poder
aprovechar al máximo las publicaciones realizadas: Nos permite
convertir publicaciones impresas en páginas Web, al igual que páginas Web
en publicaciones impresas. Nos permite obtener una vista previa del sitio
Web en un explorador
MACROMEDIA DREAMWEAVER

Macromedia Dreamweaver
es un editor de código HTML profesional para el diseño visual y la
administración de sitios y páginas Web. Tanto si preferimos controlar
manualmente el código HTML como si preferimos trabajar en un entorno de
edición visual, Dreamweaver nos permite ponernos manos a la obra
rápidamente y nos facilita todo tipo de herramientas útiles para mejorar
nuestra experiencia en diseño Web. Dreamweaver incluye numerosas
herramientas y funciones de edición de código: referencias HTML, CSS y
JavaScript, un depurador JavaScript y editores de código (la vista de
Código y el inspector de código) que permiten editar JavaScript, XML y
otros documentos de texto directamente en Dreamweaver. La tecnología
Roundtrip HTML de Macromedia importa documentos HTML sin necesidad de
cambiar el formato del código y, además, es posible configurar Dreamweaver
para limpiar y cambiar el formato HTML cuando lo deseemos. Las funciones
de edición visual de Dreamweaver también nos permiten añadir diseño y
funcionalidad rápidamente sin escribir una sola línea de código. Podemos
ver todos los elementos o activos del sitio y arrastrarlos desde un panel
fácil de usar directamente hasta un documento. Nos permite agilizar el
flujo de trabajo de desarrollo mediante la creación y edición de imágenes
en Macromedia Fireworks y su importación directa a Dreamweaver, o bien
añadiendo objetos Flash que podemos crear directamente en
Dreamweaver. Dreamweaver se puede personalizar totalmente. Utilicemos
Dreamweaver para crear nuestros propios objetos y comandos, modificar
métodos abreviados de teclado e incluso escribir código JavaScript para
ampliar nuestras posibilidades.
GoLIVE GoLive Dynamic Link para ASP es la única solución para el
diseñador visual que permite desarrollar sitios Web de comercio
electrónico dinámicamente generados. No se ha creado ninguna otra solución
con la finalidad de permitir a los diseñadores de páginas Web crear sitios
dinámicos sin basarse en plantillas o complejos lenguajes de programación.
Con GoLive Dynamic Link, el diseñador puede centrarse en el diseño de
páginas dinámicamente gestionadas, sin tener que preocuparse por los
detalles de bases de datos que se ejecutan en segundo plano. Dicho esto,
vamos a ver la posición de GoLive Dynamic Link para ASP en el mercado. En
la tablas siguientes se destaca su posición única.
FRONTPAGE FrontPage es un editor de
páginas Web que ofrece toda la eficacia de HTML (Lenguaje de marcado de
hipertexto). Podemos usar FrontPage para crear y dar formato a páginas Web
en HTML trabajando en una vista WYSIWYG ("lo que se ve es lo que se
obtiene"), de modo que podremos ver la apariencia real del formato y el
diseño. FrontPage
funciona también con el asistente Personalizar esta carpeta (en el menú
Ver del Explorador), por lo que podremos personalizar fácilmente la forma
en que aparecen las carpetas. Las características de fácil uso de
FrontPage permiten crear eficaces y sofisticadas páginas Web. Por ejemplo,
podemos hacer lo siguiente: · Aplicar etiquetas HTML eligiéndolas en la
lista de la barra de herramientas, sin tener que escribirlas manualmente.
· Seleccionar texto o párrafos y aplicarles formato y alineación al
hacer clic en un botón de la barra de herramientas. · Insertar
imágenes que haya creado o imágenes prediseñadas de sus colecciones
favoritas (las colecciones no se incluyen con FrontPage). · Abrir
directamente páginas Web existentes en Web (si está instalado el Asistente
para la publicación en Web) o a partir de un archivo de su equipo o de una
red. · Guardar el trabajo directamente en el Web (mediante el
Asistente para la publicación en Web) o en un archivo. · Agregar
marquesinas (texto con desplazamiento). |