|
|
|
Editores de HTMLPara las personas que no deseen complicarse la
vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque
se sientan incapaces de hacerlo, hay una posibilidad distinta a programar
directamente el HTML a base de texto. Se trata de utilizar un tipo de
programas que nos permiten diseñar la página como si estuviéramos
escribiendo un documento con un editor del tipo de Word. El editor de HTML
es el encargado de vérselas con el lenguaje y programar internamente la
página con el código HTML según lo que nosotros estamos diseñando.
Con el editor HTML podemos colocar imágenes, definir estilos,
utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas
correspondientes a cada estilo o elemento. Es el editor el que sabe estas
etiquetas y las utiliza convenientemente. Este tipo de editores HTML se
denominan habitualmente WYSIWYG (What You See Is What You Get) porque
cuando trabajas con ellos lo que ves que estás creando con el editor es lo
que obtienes luego cuando grabas la página.
Existe entre las
personas que se dedican a realizar las páginas web dos tendencias. Por un
lado tenemos a las personas que prefieren crear las páginas programando el
HTML y por otro las personas que utilizan editores HTML. Algunas
diferencias entre hacerlo de un modo u otro son las siguientes
| Escribiendo el
HTML |
Con un editor
WYSIWYG |
| Dominas con mayor precisión el código
de la página, queda más limpio. Si dominas bien el HTML nunca
tendrás ningún problema para hacer lo que deseas. |
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. |
| Es más complicado el aprendizaje, más
lento y cuando se llega a un nivel avanzado también se hace
considerablemente más difícil |
El aprendizaje es muy sencillo, tal
como puede ser trabajar en Word. Solo se trata de manejar un
programa más. |
| Hacer una página cuesta más trabajo y
tiempo. |
Es muy
rápido. |
Cada uno debe escoger el camino que
más le convenga o el que le parezca más atractivo. De todos modos siempre
se puede empezar de un modo y luego pasar al otro modo sin ningún tipo de
problema. Incluso, por adelantarnos a los acontecimientos, diríamos que
cuando una persona profundiza en el diseño de páginas web llega un momento
en el que le hace falta conocer las dos maneras de construir webs. A los
programadores en HTML les hará falta aprender un editor porque eso
aumentará su productividad y los que utilizan editores necesitarán
aprender un poco de HTML para arreglar alguna cosa que el editor ha hecho
mal o realizar alguna cosa que el editor no puede hacer.
Este
manual está escrito por una persona que aprendió a realizar sus primeras
webs con el Block
de notas y algunas veces puede verse mi mayor inclinación a escribir
el código HTML uno mismo. Aunque mi consejo es aprender HTML, estoy seguro
que muchos de vosotros, maestros diseñadores, obtendréis mejores
resultados utilizando un editor HTML WYSIWYG.
En el mercado
existen multitud de editores de HTML WYSIWYG, es importante elegir un
editor bueno porque nuestros trabajos van a depender de sus resultados.
Actualmente el rey de los editores y el que os aconsejaríamos sin duda es
el Dreamweaver,
fabricado por Macromedia. Otras posibilidades son editores como GoLive de Adobe o Frontpage de Microsoft, aunque este último lo
desaconsejamos.
Editores de texto preparados para escribir
HTML
Las personas que después de estas líneas han decidido
aprender el lenguaje HTML también tienen herramientas muy interesantes
para aumentar su productividad sin dejar de escribir ellos mismos el HTML
que desean. Se trata de unos editores de texto, como cualquier otro, que
están preparados para escribir HTML y por lo tanto ofrecen multitud de
ayudas a los diseñadores
- Colorean los códigos de las páginas para hacerlos más comprensibles
- Ofrecen ayudas a la programación
- Completan etiquetas
Y un montón de cosas más que sería
demasiado complejo de enumerar aquí. Estos editores son por ejemplo Home Site o UltraEdit y es
muy recomendable utilizarlos para sentirnos más a gusto al programar las
páginas y poder hacerlas más rápido. Posiblemente sea aconsejable empezar
con el Block de
notas, por que es lo más sencillo, pero utilizar un programa de estos
será imprescindible con el tiempo.
En la sección de programas de
desarrolloweb tenemos descripciones de algunos editores de HTML y
referencias a documentación relacionada.
Informe
de Miguel
Angel Alvarez*
Director DesarrolloWeb.com
* Para
consultas técnicas utilizar la lista de
correo.
| CONTRIBUCIONES DE LOS
VISITANTES |
| Miguel Angel
Alvarez <[email protected]> |
22/2/02 |
| Quiero apuntar un posible problema a
la hora de crear páginas HTML con el Block de Notas, que tiene fácil
solución. Veamos:
Al utilizar el Block de Notas en Windows en ocasiones, aunque le
digamos que es un archivo .html, el documento se guarda como si
fuera un texto y no una página web. Lo que está pasando es que el
Block de Notas tiene predeterminado guardar sus archivos con
extensión .txt y en realidad lo que está guardando en el disco duro
es mi_pagina.html.txt
Para conseguir tener el control de las extensiones en el block de
notas y en Windows en general podemos acceder a MI-PC y en el menú
de Ver seleccionáis "Opciones de carpeta". En la ventana que sale
pulsamos en la solapa "Ver" y nos permite deseleccionar una caja de
selección que pone algo como "Ocultar extensiones para los tipos de
archivos conocidos". (Así se hace en Win98, puede variar un poco en
otras versiones de Windows.)
Con ello conseguiremos que se vea siempre la extensión del
archivo con el que estamos trabajando y que el Block de Notas nos
haga caso cuando le indicamos que grabe el archivo con otra
extensión que no sea .txt |
| mapjmx
<[email protected]> |
15/10/02 |
| ..haciendo alusión a lo referente a
guardar archivos que creemos guardar con la extensión HTML y no
txt,en el block de notas, una solución muy simple sin tener que
configurar al sistema operativo (ya que no siempre estan las cosas
donde no las sugieren y esto acarrea un sin fin de problamas), baste
con guardar el nombre de archivo entre comillas dobles
"nobrearchivo.html", naturalmente que aplica para cualquier
procesador o editor y por supuesto la extensión que inclusive se nos
llegara a ocurrir, saludos :-) |
| zega
<[email protected]> |
15/2/03 |
| Otro truco para trabajar con el Bloc
de Notas o cualquier editor de txt plano:
- Abrimos con el editor un archivo html cualquiera.
-
Borramos todo el contenido excepto las etiquetas elementales de la
página básica html.
- Al grabar el archivo seleccionamos "todos
los archivos" y ponemos OTRO nombre, para no sobre-escribir el
archivo origonal.
Este truco sencillo te permite que los
archivos se guarden con extensión .html sin necesidad de cambiar
nada del sistema. Lo empleo de vez en cuando y me
funciona. |
| angelica
<[email protected]> |
28/4/03 |
| El mejor es HTMLkit lo obtienes en http://www.chami.com/
es freeware y no es WYSIYWG es para el que quiere aprender elk
código como para el programador avanzado que quiere desechar el bloc
de notas.
Recomiendo 100% |
| José Luis
Planes <[email protected]> |
11/6/03 |
| Me gustaría que agregaran el editor de
HTML que viene incorporado en el paquete del StarOffice 5.2 de Sun
Microsystem (que es gratuito), por ser de muy buena calidad.
Pero siempre teniendo en cuenta sus consejos de que hay que
aprender el lenguaje HTML en forma pura para corregir algunos
errores que el editor de HTML no los detecta.
|
| verbalkint
<[email protected]> |
15/9/03 |
| para linux: QUANTA, no es WYSIWYG, y
resalta codigo HTML y PHP, tiene gestion de proyectos,debugger,te
controla el comienzo y fin de bucles y llaves...mu
gueno |
| jose lenin
<mjcmorfeos> |
04/11/03 |
| es un tips, para trabajar un poco mas
rapido al agregar color ya sea de fondo o en el texto puedes en el
bloc de notas escribir en ingles el nombre del color (nota:puedes no
utilizar comillas), esto simpre funcionara, o si no es así hay una
escala en el abcdario o numeracion que podras utilizar de la sig.
manera. ejemplo (azazaz)y dara como rezultado un gris, ya que cada
par de letras corresponde un tono, contraste y color, así az es el
mas alto y el mas bajo de c/u y esto dara como resultado griss
(nota:esto si debe ir en comillas) |
|
 |
|