Preguntas frecuentes sobre SeaMonkey:Editor web
De Mozilla Hispano - Documentación
[editar] Editor web
[editar] ¿Para qué sirve el editor web (también llamado Composer)?
Un editor web permite escribir código HTML y XHTML, que son los que se usan para crear páginas web. Con Composer, por tanto, puedes crear páginas web.
Composer es un editor web WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes). Eso significa que tú no escribes etiquetas HTML, sino que aplicas estilos, marcas párrafos, defines tablas, insertas imágenes, etc. y es Composer quien traduce tus acciones en código HTML.
[editar] ¿Qué relación tiene con Nvu y KompoZer?
El creador del código de Composer es Daniel Glazman, quien tomó el código existente y lo mejoró para desarrollar un editor web independiente de Mozilla Suite (siguiendo el modelo de Firefox y Thunderbird en aquella época) al que llamó Nvu.
Una vez Nvu alcanzó la versión 1.0, Daniel Glazman se interesó por otras tareas, lo que provocó que no se corrigieran errores existentes en la aplicación. Como Nvu es una aplicación de código abierto, un grupo de voluntarios se decidieron a crear un fork (tomar el código fuente de un aplicación para desarrollarlo en una dirección distinta a la del programa oficial) y crearon lo que ahora es KompoZer.
Por tanto, Nvu y KompoZer son sucesores con mejores funcionalidades que el editor web incluido en SeaMonkey. Sin embargo, el editor web incluido en SeaMonkey puede resultarte suficiente para confeccionar páginas no muy complicadas.
[editar] ¿Qué facilidades incluye para editar CSS?
Composer permite incrustar estilos CSS en línea (directamente dentro del elemento HTML mediante el atributo style). No obstante, no tiene un editor CSS avanzado como Nvu y KompoZer.
[editar] ¿Para qué sirve Insertar → Ruptura tras imágenes (<br clear="all">)?
Imagina que estás escribiendo un tutorial para la web, con una lista de pasos (cada uno de ellos elementos <li> de una lista no ordenada <ul>), y en cada paso incluyes una captura de pantalla que alineas a la derecha de la página. Es muy probable que, en algunos de esos pasos, el texto no ocupe tanto espacio vertical como la imagen que le acompaña y eso provoca que las imágenes se apelotonen, dando sensación de desorden en el tutorial.
Sin embargo, si en cada punto del tutorial incluyes una ruptura tras imágenes al final de cada elemento <li>, el tamaño vertical del elemento crecerá hasta ocupar, al menos, la misma altura que la imagen incluida en él, asegurando que cada paso del tutorial no se mezcla con los que le rodean.
Compara estas dos imágenes. La primera muestra el tutorial sin ruptura tras imágenes:
La segunda muestra el mismo tutorial con ruptura tras imágenes:
[editar] ¿Cómo inserto código JavaScript o CSS en la región HEAD de la página web?
Pasa a la vista de código fuente pulsando en la pestaña del mismo nombre al pie de la ventana del editor, o escogiendo la opción del menú Ver → Código fuente HTML. Desde ahí, puedes insertar codigo JavaScript con la etiqueta:
<script type="text/javascript"> (...el código aquí...) </script>
o, si el código está en un archivo .js externo:
<script type="text/javascript" src="(...ruta al archivo...)"> </script>
Recuerda que la etiqueta <script> no se puede abreviar con auto-cierre, es decir, no es válido escribir:
<script type="text/javascript" src="(...ruta al archivo...)" />
Para insertar información de estilo CSS, usa la etiqueta:
<style type="text/css"> (...tus estilos CSS...) </style>
o, si las hojas de estilo provienen de un archivo externo:
<link rel="stylesheet" href="(...ruta al archivo...)" type="text/css" />
