Si hace una pregunta similar en cualquiera de los foros, entonces con un alto grado de probabilidad encontrará dos recomendaciones diametralmente opuestas: "compile" todo en un editor puramente visual (es decir, WYSIWYG) como DreamWeaver, o huya de a cualquier editor le gusta disparar y hacer todo exclusivamente en Notepad/Vi/Emacs. Como es típico de cualquier extremo, es en ellos donde se manifiestan más claramente ciertas deficiencias del método: la debilidad del control sobre el código resultante en el primer caso y una proporción extremadamente grande de trabajo "malo" en el otro. Por lo tanto, no es de extrañar que el nicho entre estos dos polos no esté vacío, y los desarrolladores de los editores HTML que lo ocupan estén haciendo todo lo posible para "hacer amigos con el mouse con el teclado" de la manera más óptima. Y es la conveniencia de escribir código HTML "manualmente" sin perder el control sobre el resultado lo que será la clave al comparar los tres editores web más populares en Linux: Screem, Quanta Plus y Bluefish. Aunque su contenido funcional tampoco se quedará sin atención. Para completar la imagen, también toquemos un par de editores WYSIWYG típicos: el editor de "referencia" Amaya, ampliamente conocido en los círculos estrechos de Nvu.
Para las pruebas, usamos Ubuntu 6.06 LTS con Gnome 2.14.1, por lo que las aplicaciones basadas en GTK obtuvieron cierta ventaja. Todos los editores se instalaron desde los repositorios en el modo "tal cual", no se hizo ningún esfuerzo para rusificar, expandir la funcionalidad a través de complementos, etc. no se aplicaron.
Consideró:
Fuera de competición:
Alineación W3C
Comencemos nuestra revisión con el editor visual: Amaya. No porque sea tan bueno, sino porque está siendo desarrollado por el W3C. Para ser más precisos, es principalmente un navegador con funciones de edición muy avanzadas.
Es bastante posible usarlo como editor (es posible editar el código fuente directamente, sin embargo, sin adornos especiales), pero solo un pequeño detalle estropea todo: bueno, no quiere ingresar caracteres domésticos, y eso es él. Visualización del archivo terminado - por favor elimínelo - con mucho gusto. Y para entrar - no-no. Es decir, absolutamente ninguna reacción a las teclas cuando el diseño ruso está activado. O la interfaz obsoleta tiene la culpa, o el apego excesivo de los desarrolladores a ASCII. Pero de una forma u otra, los codificadores web domésticos no se sentirán muy cómodos con eso.
Así que dejémosle el papel de "navegador de referencia" y pasemos a considerar los principales contendientes a la victoria.
Puedes ver el resultado en él, pero para editarlo es claramente débil ...
Tiene todas las posibilidades de volverse perfecto con la versión 1.0.
La primera impresión de Screem es "solo un editor>. ventana de trabajo se divide en tres campos: el campo de entrada está a la derecha, los errores y las advertencias se muestran debajo, y a la izquierda hay varias pestañas que facilitan la navegación por el documento, el trabajo con archivos, etc. La pestaña Árbol, que muestra la estructura de árbol de la página, me pareció especialmente útil: al hacer doble clic, por ejemplo, en la línea HEAD, se resaltará todo el código relacionado con el encabezado en el campo de edición.
De lo habitual editor de texto esto, obviamente, debe distinguirse por el trabajo avanzado con etiquetas HTML. EN este caso El "avance" radica en el resaltado de sintaxis, la capacidad de ingresar una etiqueta en particular seleccionándola en el menú (es muy conveniente insertar etiquetas META y una línea DOCTYPE con solo un par de clics) y en autocompletar / sugerencia de entrada etiquetas (incluidos los argumentos).
Otra característica es el cierre semiautomático de etiquetas "emparejadas". "Semi-" porque tiene que hacer algo antes de que aparezca la etiqueta final, es decir, escriba la secuencia "".
Pero, desafortunadamente, no se proporcionan "teclas de acceso rápido" para ingresar etiquetas rápidamente. Pero como compensación, la capacidad de seleccionar a la izquierda en la pestaña "Recursos" e insertar cualquier etiqueta haciendo doble clic. Y la pestaña "Atributos" te permitirá echar un vistazo a todos los atributos que tiene la etiqueta seleccionada y cambiar cualquiera de ellos.
Suficiente característica útil- Comprobación de la sintaxis HTML (menú "Herramientas > Tidy > Tidy (HTML)"). A continuación, en la pestaña "Errores", recibirá información sobre todos los errores encontrados (por ejemplo, etiquetas que no existen en la naturaleza) y advertencias. Desafortunadamente, todos los caracteres cirílicos con un diagnóstico de "código de carácter no válido" se incluyen en la última categoría, lo que abarrota un poco la salida.
Para ingresar etiquetas "complejas", como imágenes, enlaces, tablas, formularios, hay cuadros de diálogo para ingresar parámetros (llamados "asistentes"). Por cierto, resulta que son bastante convenientes de usar para inserciones de SSI, especialmente cuando la esclerosis borra combinaciones de letras que alguna vez fueron dolorosamente familiares de la memoria ...
También es conveniente insertar imágenes como un "asistente": seleccione el archivo deseado en el cuadro de diálogo estándar, establezca una firma alternativa (atributo alt) y tendrá una etiqueta IMG con valores de altura y ancho establecidos automáticamente. Otros atributos, como la alineación, son fáciles de cambiar usando la pestaña del mismo nombre mencionada anteriormente. Consulte también el "Asistente de color", un selector de color muy útil.
De funciones de servicio- Revisión ortográfica, agrupación de varias páginas en proyectos (aquí denominados "sitios"), compatibilidad con CVS, publicación de un proyecto a través de FTP. Los enlaces que se encuentran en la página se pueden ver en el diagrama (seleccionando o seleccionando "Ver > Vista de enlaces" en el menú) e inmediatamente ver cuáles de ellos son internos, cuáles son externos y cuáles no conducen a ninguna parte. Del mismo modo, por , se activa el modo de vista previa. Si lo desea, puede utilizar la vista en un navegador externo.
Bueno, una referencia bastante detallada y bien ilustrada le permitirá dominar el editor no solo por el método de "empuje científico".
Entonces podemos decir que este "solo editor" es en realidad una herramienta bastante conveniente y funcional. Aunque la falta de teclas de acceso rápido para insertar etiquetas y la extraña implementación de la entrada automática de etiquetas finales lo obligan a escribir casi todo manualmente o usar el mouse con más frecuencia de lo que le gustaría con la entrada "rápida".
La mitad rusificada, pero el resto, ¡muy bien!
Mostrar enlaces se ve horrible... Pero a veces no puedes prescindir de ellos.
Una "estrella" de KDE, honestamente tratando de trabajar en Gnome también...
Quizás el mejor editor de HTML basado en Qt y, de hecho, uno de los mejores. El modo principal de operación es la edición manual de código, aunque también hay un modo visual, así como un modo "combinado" único, cuando el campo de trabajo se divide en dos: en la parte superior: cómo se verá la página; a continuación se muestra el código fuente. Además, puede editar la página allí y allí: todos los cambios se sincronizan automáticamente. Es decir, al insertar el código, ve inmediatamente el resultado, o viceversa: al poner un salto de línea, puede ver inmediatamente qué etiqueta está haciendo esto.
Las teclas de acceso rápido no están asignadas a todas las etiquetas de forma predeterminada, pero como es de esperar de una aplicación típica de KDE, son totalmente personalizables. Autocompletado (como en Screem, solo respondiendo a los caracteres en mayúscula) y las sugerencias de parámetros funcionan a la perfección. A diferencia de Screem, el cierre automático de etiquetas está muy bien implementado: la etiqueta de cierre se inserta inmediatamente después de la de apertura y el cursor se coloca entre las etiquetas. El editor se comporta de manera similar al insertar una etiqueta por tecla de acceso rápido, que le permite prácticamente no distraerse con la posición del cursor en el proceso de escritura. El único punto de discusión es que si una etiqueta tiene atributos requeridos, una tecla de acceso rápido abre un cuadro de diálogo para ingresarlos. Con la escritura rápida, esto distrae y debe abandonar por completo el uso de teclas de acceso rápido para tales etiquetas.
Aunque en algunos casos los diálogos son útiles, especialmente el "Diálogo de inicio rápido", que crea un nuevo documento e inserta una plantilla de página html estándar en él. Hay dos opciones para crear tablas (además de la entrada puramente manual y la compilación completamente visual): "Editor de tablas", que le permite completar la tabla directamente en el cuadro de diálogo e ingresar por etiquetas.
Es muy conveniente trabajar con los estilos de elementos individuales (el botón CSS en la pestaña Estilo). Aquí están las funciones para creación css-Tablas similares a las de Screem o Bluefish, lamentablemente, no las encontré en la entrega "predeterminada".
En la ventana de edición, me gustó la función de "colapso" del código, cuando todas las líneas correspondientes a, por ejemplo, una tabla, una inserción de php o un elemento DIV se pueden colapsar en una sola línea; esto le permite ocultar el exceso durante la edición y centrarse exactamente en lo que necesita.
Las barras de herramientas auxiliares se pueden encontrar a la derecha e izquierda del campo de edición. El correcto es responsable de llamar a la ayuda y del campo de atributos de la etiqueta html, que realiza funciones similares a la pestaña "Atributos" en Screem, es decir, lo que le permite ver una lista de atributos de cualquier etiqueta en la que se encuentra el cursor y cambiar el valor de cualquiera de ellos.
A la izquierda hay botones para llamar al árbol de directorios (a diferencia de Screem, arrastrar un archivo al campo de edición funciona de manera más inteligente, insertando no solo un nombre de archivo, sino, dependiendo de la situación, una etiqueta completa, etc.), trabajando con un proyecto, plantillas, estructura del documento (doble clic también le permite seleccionar el fragmento de código completo anidado en este elemento), secuencias de comandos auxiliares.
En el menú "Complementos" encontrará una serie de programas útiles relacionado con la edición de código html: comprobación del estado de los enlaces, una herramienta para trabajar con mapas de imágenes, CVS-toolkit. Sin embargo, dado el enfoque de Quanta Plus en el entorno KDE, poco de esto funcionará en Gnome.
La capacidad de personalización del editor es simplemente increíble: solo mire la composición del menú "Configuración". Puede personalizar casi todo: barras de herramientas, programas externos, teclas de acceso rápido, apariencia el editor en sí, modos de vista previa... En general, en Quanta Plus es bastante difícil encontrar algo que por defecto sería inconveniente, e incluso que no se pudiera cambiar según los hábitos y preferencias de cada uno.
Entonces, Quanta Plus (incluso considerando que la prueba se realizó en el entorno Gnome y algunas funciones no funcionaban) causó una muy buena impresión. Su potencia, flexibilidad y configurabilidad son capaces de cumplir con los requisitos de los codificadores web más exigentes, independientemente de su nivel de experiencia.
Casi nada de lo que quejarse. E incluso el diseño pronunciado "al estilo de K" se le puede perdonar ...
Atributos a la derecha, plegado de código a la izquierda... ¿Cómo se puede pedir más?
El principal contendiente por el liderazgo en la categoría "para Gnome"
Uno de los editores más maduros basados en GTK. El diseño de la ventana es bastante estándar: en la parte superior de la barra de herramientas, dividida en varias pestañas; tres pestañas a la izquierda (árbol de directorios para trabajar con archivos, ayuda, marcadores); a la derecha está el cuadro de edición principal. Además del menú principal con un conjunto tradicional de elementos, hay un menú personalizado (debajo de la barra de herramientas) con el que puede insertar rápidamente fragmentos de "plantilla", como la cadena DOCTYPE, etiquetas META, comentarios, cualquier etiqueta emparejada y única. (se puede establecer cualquier nombre), etc. Además de HTML, puede insertar algunos comandos PHP, SQL, etiquetas DocBook, un par de fragmentos estándar para configurar Apache (responsable de la autenticación básica y prohibir la apertura de archivos inc) e incluso algo en C. Es decir, además de archivos html , Bluefish también intenta aliviar su sufrimiento al escribir una configuración típica de .htaccess y al desarrollar las inserciones de php más simples. Al seleccionar el menú Editar "Menú de usuario", es muy fácil configurar cualquier plantilla que necesite.
Además del menú "Etiquetas" bastante extenso, que le permite insertar casi cualquier etiqueta, se pueden encontrar muchas cosas interesantes en los "Diálogos" vecinos, que contienen operaciones que requieren parámetros adicionales y le permiten insertar grupos completos de elementos de una sola vez. Por ejemplo, "General" Título del documento "(o ) insertará inmediatamente el marco de la futura página html, con encabezados, etiquetas META y una plantilla para el cuerpo de la página. De manera similar, puede insertar una plantilla para una tabla, marcos (aquí denominadas "barras laterales"), etc.
La pestaña CSS merece una mención especial, aunque solo encontrará tres botones en ella. El segundo y el tercero son para la inserción rápida de etiquetas SPAN y DIV. Pero el primero te permite crear hojas de estilo por completo. Incluso si no recuerda ni una décima parte de los posibles parámetros y sus valores, no será difícil seleccionar el que necesita de la lista desplegable y simplemente insertarlo en la tabla que se está creando. El botón "Color" en el cuadro de diálogo le permite establecer el color (donde sea necesario) simplemente haciendo clic en el deseado.
No hay autocompletado de entrada ni para las etiquetas ni para sus parámetros, solo resaltado de sintaxis (y luego, primero debe establecer el tipo de documento en "html" en el elemento de menú del mismo nombre; de manera predeterminada, el editor se abre en modo de texto sin formato). Lo único que se hace automáticamente es el cierre de etiquetas emparejadas (puedes desactivarlo, así como resaltar).
Para escribir rápido, la mayoría de las etiquetas tienen atajos de teclado que son fáciles de recordar (aunque no siempre fáciles de usar). No pude encontrar dónde se pueden cambiar, a pesar del elemento alentador en el menú "Edición" - "Guardar atajos de teclado".
La función de trabajar con miniaturas de imágenes parecía interesante: seleccione un archivo y, guiado por la vista previa, establezca el tamaño deseado con el "control deslizante" habitual. La herramienta de selección de color también será útil ("Diálogos" General "Selección de color"): haga clic en el tono que desee y, cuando se cierre el cuadro de diálogo, se insertará una representación hexadecimal en el código.
Hay soporte para proyectos, revisión ortográfica, interacción con programas externos (make, compilador javac, verificación de sintaxis HTML, codificación de caracteres de finalización de línea DOS2UNIX; es bastante fácil conectar su propio controlador en la configuración). El resultado solo se puede ver en un navegador externo.
En general, había una impresión de algún trabajo inacabado, aunque el potencial del editor es enorme. Me gustó especialmente la capacidad de aumentar la funcionalidad a través de programas externos. El menú de usuario dejó una buena impresión, con la ayuda de la cual puede reducir fácilmente la mayoría de las operaciones de rutina a unos pocos clics del mouse. Pero los principiantes se perderán la finalización automática y las sugerencias de parámetros. Veredicto - buen editor para profesionales que no están acostumbrados al lujo excesivo, pero que están ansiosos por automatizar acciones típicas.
El resaltado preciso y los paneles personalizables le permiten trabajar con casi cualquier código que pueda necesitar al desarrollar un sitio web.
Cuadro de diálogo de creación de hojas de estilo: el resultado se agregará al campo de edición.
Si eliges este editor WYSIWYG, olvídate de la edición manual
Esta creación de Linspire utiliza el modo visual de forma normal, como cabría esperar de un programa "orientado al usuario". Sin embargo, las pestañas en la parte inferior del espacio de trabajo hacen que sea muy fácil cambiarlo al modo de edición. código fuente. Aquí hay una vista previa y un modo llamado "Etiquetas HTML", cuando en la página (cómo se verá en el navegador) se aplica una "etiqueta" a cada elemento, mostrando qué etiqueta es responsable de este elemento. Bastante útil para análisis rápido el código de otra persona: no encontré otra aplicación para este modo.
Trabajar en modo visual no es muy diferente de trabajar en un procesador de textos convencional como OOo Writer o AbiWord. Sí, y acordamos centrarnos principalmente en la edición "manual".
Por extraño que parezca, pero al cambiar a modo manual Los botones de la barra de herramientas y los elementos del menú que son responsables de ciertas etiquetas están bloqueados. Sin autocompletado, resaltado de sintaxis mínimo que no se aplica al texto recién ingresado... En general, "tomó un tirón, no digas que no es pesado", y si no te gusta el modo visual, entonces obtén un Bloc de notas normal. Como editor del código fuente de Nvu, no brilla (y no está diseñado para esto), así que terminemos su revisión...
Elegir el mejor editor de HTML resultó ser una tarea difícil. Bluefish se siente como un pez fuera del agua en el entorno de Gnome (simplemente no bromees sobre el color, ¿de acuerdo?), pero aún carece de la funcionalidad para ganar incondicionalmente. Sin embargo, para aquellos que están acostumbrados a trabajar en el Bloc de notas, esta será una opción casi ideal: es completamente discreto (incluso casi invisible), pero al mismo tiempo, siempre está listo para ayudarlo.
Screem, a pesar del pequeño número de versión, casi no está detrás de Bluefish, y en algunos lugares incluso por delante. Un cierre automático de etiquetas emparejadas implementado de manera ligeramente extraña a veces interfiere con el trabajo, y la falta de teclas de acceso rápido para etiquetas en general hundirá en el desaliento profundo a aquellos que esperaban tirar el mouse, pero no ingresar todo a mano.
Bueno, Quanta Plus, incluso estando en un entorno no nativo, demostró la combinación más armoniosa de funciones de "ayuda" y conveniencia. trabajo rapido. La capacidad de personalizar casi todo será indispensable para aquellos a los que les gusta "dar vueltas", aunque por defecto las teclas de acceso rápido y la composición de la barra de herramientas se eligen de manera bastante conveniente. En general, el líder indiscutible en este momento resultó ser "un extraterrestre del planeta KDE" como el editor de HTML más maduro y reflexivo, por lo que recibe los laureles del ganador.
¿No puede decidir cuál es la mejor manera de editar su sitio, de forma manual o visual? ¡Con Quanta Plus, no tiene que estar dividido entre dos modos de operación!
Cada uno de nosotros, tarde o temprano, tiene el deseo de transmitir nuestros pensamientos, sentimientos, experiencias a otras personas. Y en la era de Internet de una manera sencilla para ello es, quizás, su propia página web. La única pregunta es, ¿con qué ayuda hacerlo?
[Sergey Suprunov (amsand en rambler dot ru)]
Si hace una pregunta similar en cualquiera de los foros, entonces con un alto grado de probabilidad encontrará dos recomendaciones diametralmente opuestas: "compile" todo en un editor puramente visual (es decir, WYSIWYG) como DreamWeaver, o huya de a cualquier editor le gusta disparar y hacer todo exclusivamente en Notepad/Vi/Emacs.
Como es típico de cualquier extremo, es en ellos donde se manifiestan más claramente ciertas deficiencias del método: la debilidad del control sobre el código resultante en el primer caso y una proporción extremadamente grande de trabajo "malo" en el otro. Por lo tanto, no es de extrañar que el nicho entre estos dos polos no esté vacío, y los desarrolladores de los editores HTML que lo ocupan estén haciendo todo lo posible para "hacer amigos con el mouse con el teclado" de la manera más óptima.
Y es la conveniencia de escribir código HTML "manualmente" sin perder el control sobre el resultado lo que será la clave al comparar los tres editores web más populares en Linux: Screem, Quanta Plus y Bluefish. Aunque su contenido funcional tampoco se quedará sin atención. Para completar la imagen, también toquemos un par de editores WYSIWYG típicos: el editor de "referencia" Amaya, ampliamente conocido en círculos estrechos de Nvu.
Para las pruebas, usamos Ubuntu 6.06 LTS con Gnome 2.14.1, por lo que las aplicaciones basadas en GTK obtuvieron cierta ventaja. Todos los editores se instalaron desde los repositorios en el modo "tal cual", no se hizo ningún esfuerzo para rusificar, expandir la funcionalidad a través de complementos, etc. no se aplicaron.
Alineación W3C
Comencemos nuestra revisión con el editor visual: Amaya. No porque sea tan bueno, sino porque está siendo desarrollado por el W3C. Para ser más precisos, es principalmente un navegador con funciones de edición muy avanzadas.
Es bastante posible usarlo como editor (es posible editar el código fuente directamente, sin embargo, sin adornos especiales), pero solo un pequeño detalle estropea todo: bueno, no quiere ingresar caracteres domésticos, y eso es él. Visualización del archivo terminado - por favor elimínelo - con mucho gusto. Y para entrar - no-no. Es decir, absolutamente ninguna reacción a las teclas cuando el diseño ruso está activado. O la interfaz obsoleta tiene la culpa, o el apego excesivo de los desarrolladores a ASCII. Pero de una forma u otra, los codificadores web domésticos no se sentirán muy cómodos con eso.
Así que dejémosle el papel de "navegador de referencia" y pasemos a considerar los principales contendientes a la victoria.
> Puedes ver el resultado en él, pero para editarlo es claramente débil ...
Tiene todas las posibilidades de volverse perfecto con la versión 1.0.
La primera impresión de Screem es "solo un editor". La ventana de trabajo se divide en tres campos: un campo de entrada a la derecha, los errores y advertencias se muestran debajo, y varias pestañas a la izquierda que facilitan la navegación por el documento. trabajar con archivos, etc. Me resultó especialmente útil la pestaña Árbol, que muestra la estructura de árbol de la página: un doble clic, por ejemplo, en la línea HEAD seleccionará todo el código relacionado con el encabezado en el campo de edición.
Obviamente, debe distinguirse de un editor de texto normal por su trabajo avanzado con etiquetas HTML. En este caso, el "avance" consiste en el resaltado de sintaxis, la capacidad de ingresar una etiqueta en particular seleccionándola en el menú (es muy conveniente insertar etiquetas META y una línea DOCTYPE con solo un par de clics) y en autocompletar / sugerencia de etiquetas de entrada (incluidos los argumentos).
Otra característica es el cierre semiautomático de etiquetas "emparejadas". "Semi-" porque tiene que hacer algo antes de que aparezca la etiqueta final, es decir, escriba la secuencia "", ingresado en piloto automático, de repente se convierte en" TÍTULO>".
Pero, desafortunadamente, no se proporcionan "teclas de acceso rápido" para ingresar etiquetas rápidamente. Pero como compensación, la capacidad de seleccionar a la izquierda en la pestaña "Recursos" e insertar cualquier etiqueta haciendo doble clic. Y la pestaña "Atributos" te permitirá echar un vistazo a todos los atributos que tiene la etiqueta seleccionada y cambiar cualquiera de ellos.
Una función bastante útil es la verificación de sintaxis HTML (menú "Herramientas > Ordenar > Ordenar (HTML)"). A continuación, en la pestaña "Errores", recibirá información sobre todos los errores encontrados (por ejemplo, etiquetas que no existen en la naturaleza) y advertencias. Desafortunadamente, todos los caracteres cirílicos con un diagnóstico de "código de carácter no válido" se incluyen en la última categoría, lo que abarrota un poco la salida.
Para ingresar etiquetas "complejas", como imágenes, enlaces, tablas, formularios, hay cuadros de diálogo para ingresar parámetros (llamados "asistentes"). Por cierto, resulta que son bastante convenientes de usar para inserciones de SSI, especialmente cuando la esclerosis borra combinaciones de letras que alguna vez fueron dolorosamente familiares de la memoria ...
También es conveniente insertar imágenes como un "asistente": seleccione el archivo deseado en el cuadro de diálogo estándar, establezca una firma alternativa (atributo alt) y tendrá una etiqueta IMG con valores de altura y ancho establecidos automáticamente. Otros atributos, como la alineación, son fáciles de cambiar usando la pestaña del mismo nombre mencionada anteriormente. Consulte también el "Asistente de color", un selector de color muy útil.
De las funciones de servicio: revisión ortográfica, agrupación de varias páginas en proyectos (aquí se denominan "sitios"), compatibilidad con CVS, publicación de un proyecto mediante FTP. Los enlaces que se encuentran en la página se pueden ver en el diagrama (seleccionando o seleccionando "Ver > Vista de enlaces" en el menú) e inmediatamente ver cuáles de ellos son internos, cuáles son externos y cuáles no conducen a ninguna parte. Del mismo modo, por , se activa el modo de vista previa. Si lo desea, puede utilizar la vista en un navegador externo.
Bueno, una referencia bastante detallada y bien ilustrada le permitirá dominar el editor no solo por el método de "empuje científico".
Entonces podemos decir que este "solo editor" es en realidad una herramienta bastante conveniente y funcional. Aunque la falta de teclas de acceso rápido para insertar etiquetas y la extraña implementación de la entrada automática de etiquetas finales lo obligan a escribir casi todo manualmente o usar el mouse con más frecuencia de lo que le gustaría con la entrada "rápida".
>La mitad rusificada, pero el resto, ¡muy bien!
>Mostrar enlaces se ve horrible... Pero a veces no puedes prescindir de ellos.
Una "estrella" de KDE, honestamente tratando de trabajar en Gnome también...
Quizás el mejor editor de HTML basado en Qt y, de hecho, uno de los mejores. El modo principal de operación es la edición manual de código, aunque también hay un modo visual, así como un modo "combinado" único, cuando el campo de trabajo se divide en dos: en la parte superior: cómo se verá la página; a continuación se muestra el código fuente. Además, puede editar la página allí y allí: todos los cambios se sincronizan automáticamente. Es decir, al insertar el código, ve inmediatamente el resultado, o viceversa: al poner un salto de línea, puede ver inmediatamente qué etiqueta está haciendo esto.
Las teclas de acceso rápido no están asignadas a todas las etiquetas de forma predeterminada, pero como es de esperar de una aplicación típica de KDE, son totalmente personalizables. La finalización automática (como en Screem, que reacciona solo a los caracteres en mayúscula) y las sugerencias de parámetros funcionan a la perfección. A diferencia de Screem, el cierre automático de etiquetas está muy bien implementado: la etiqueta de cierre se inserta inmediatamente después de la de apertura y el cursor se coloca entre las etiquetas. El editor se comporta de manera similar al insertar una etiqueta con una tecla de acceso rápido, lo que le permite prácticamente no distraerse con la posición del cursor mientras escribe. El único punto de discusión es que si una etiqueta tiene atributos requeridos, una tecla abre un cuadro de diálogo para ingresarlos. Con la escritura rápida, esto distrae y debe abandonar por completo el uso de teclas de acceso rápido para tales etiquetas.
Aunque en algunos casos los diálogos son útiles, especialmente el "Diálogo de inicio rápido", que crea un nuevo documento e inserta una plantilla de página html estándar en él. Hay dos opciones para crear tablas (además de la entrada puramente manual y la compilación completamente visual): "Editor de tablas", que le permite completar la tabla directamente en el cuadro de diálogo e ingresar por etiquetas.
Es muy conveniente trabajar con los estilos de elementos individuales (el botón CSS en la pestaña Estilo). Pero las funciones para crear tablas CSS, similares a las de Screem o Bluefish, lamentablemente no las encontré en la entrega "predeterminada".
En la ventana de edición, me gustó la función de "colapso" del código, cuando todas las líneas correspondientes a, por ejemplo, una tabla, una inserción de php o un elemento DIV se pueden colapsar en una sola línea; esto le permite ocultar el exceso durante la edición y centrarse exactamente en lo que necesita.
Las barras de herramientas auxiliares se pueden encontrar a la derecha e izquierda del campo de edición. El correcto es responsable de llamar a la ayuda y del campo de atributos de la etiqueta html, que realiza funciones similares a la pestaña "Atributos" en Screem, es decir, lo que le permite ver una lista de atributos de cualquier etiqueta en la que se encuentra el cursor y cambiar el valor de cualquiera de ellos.
A la izquierda están los botones para llamar al árbol de directorios (a diferencia de Screem, arrastrar un archivo al campo de edición funciona de manera más inteligente, insertando no solo el nombre del archivo, sino, según la situación, la etiqueta completa). , etc.), trabajar con el proyecto, plantillas, estructura del documento (el doble clic también le permite seleccionar el fragmento de código completo anidado en este elemento), scripts auxiliares.
En el menú "Complementos" encontrará una serie de programas útiles relacionados con la edición de código html: verificador de estado de enlaces, herramienta de mapa de imágenes, kit de herramientas CVS. Sin embargo, dado el enfoque de Quanta Plus en el entorno KDE, poco de esto funcionará en Gnome.
La capacidad de personalización del editor es simplemente increíble: solo mire la composición del menú "Configuración". Puedes personalizar casi todo: barras de herramientas, programas externos, teclas de acceso rápido, la apariencia del propio editor, modos de vista previa... En general, es bastante difícil encontrar algo en Quanta Plus que sea inconveniente por defecto, y aún así. no se puede cambiar de acuerdo con los hábitos y preferencias de uno.
Entonces, Quanta Plus (incluso considerando que la prueba se realizó en el entorno Gnome y algunas funciones no funcionaban) causó una muy buena impresión. Su potencia, flexibilidad y configurabilidad son capaces de cumplir con los requisitos de los codificadores web más exigentes, independientemente de su nivel de experiencia.
>Casi nada de lo que quejarse. E incluso el diseño pronunciado "al estilo de K" se le puede perdonar ...
>Atributos a la derecha, plegado de código a la izquierda... ¿Cómo se puede pedir más?
El principal contendiente por el liderazgo en la categoría "para Gnome"
Uno de los editores más maduros basados en GTK. El diseño de la ventana es bastante estándar: en la parte superior de la barra de herramientas, dividida en varias pestañas; tres pestañas a la izquierda (árbol de directorios para trabajar con archivos, ayuda, marcadores); a la derecha está el cuadro de edición principal. Además del menú principal con un conjunto tradicional de elementos, hay un menú personalizado (debajo de la barra de herramientas) con el que puede insertar rápidamente fragmentos de "plantilla", como la cadena DOCTYPE, etiquetas META, comentarios, cualquier etiqueta emparejada y única. (se puede establecer cualquier nombre), etc. Además de HTML, puede insertar algunos comandos PHP, SQL, etiquetas DocBook, un par de fragmentos estándar para configurar Apache (responsable de la autenticación básica y prohibir la apertura de archivos inc) e incluso algo en C. Es decir, además de archivos html , Bluefish también intenta aliviar su sufrimiento al escribir una configuración típica de .htaccess y al desarrollar las inserciones de php más simples. Al seleccionar el menú Editar "Menú de usuario", es muy fácil configurar cualquier plantilla que necesite.
Además del menú "Etiquetas" bastante extenso, que le permite insertar casi cualquier etiqueta, se pueden encontrar muchas cosas interesantes en los "Diálogos" vecinos, que contienen operaciones que requieren parámetros adicionales y le permiten insertar grupos completos de elementos de una sola vez. Por ejemplo, "General" Título del documento "(o ) insertará inmediatamente el marco de la futura página html, con encabezados, etiquetas META y una plantilla para el cuerpo de la página. De manera similar, puede insertar una plantilla para una tabla, marcos (aquí denominadas "barras laterales"), etc.
La pestaña CSS merece una mención especial, aunque solo encontrará tres botones en ella. El segundo y el tercero son para la inserción rápida de etiquetas SPAN y DIV. Pero el primero te permite crear hojas de estilo por completo. Incluso si no recuerda ni una décima parte de los posibles parámetros y sus valores, no será difícil seleccionar el que necesita de la lista desplegable y simplemente insertarlo en la tabla que se está creando. El botón "Color" en el cuadro de diálogo le permite establecer el color (donde sea necesario) simplemente haciendo clic en el deseado.
No hay autocompletado de entrada ni para las etiquetas ni para sus parámetros, solo resaltado de sintaxis (y luego, primero debe establecer el tipo de documento en "html" en el elemento de menú del mismo nombre; de manera predeterminada, el editor se abre en modo de texto sin formato). Lo único que se hace automáticamente es el cierre de etiquetas emparejadas (puedes desactivarlo, así como resaltar).
Para escribir rápido, la mayoría de las etiquetas tienen atajos de teclado que son fáciles de recordar (aunque no siempre fáciles de usar). No pude encontrar dónde se pueden cambiar, a pesar del elemento alentador en el menú "Edición" - "Guardar atajos de teclado".
La función de trabajar con miniaturas de imágenes parecía interesante: seleccione un archivo y, guiado por la vista previa, establezca el tamaño deseado con el "control deslizante" habitual. La herramienta de selección de color también será útil ("Diálogos" General "Selección de color"): haga clic en el tono que desee y, cuando se cierre el cuadro de diálogo, se insertará una representación hexadecimal en el código.
Hay soporte para proyectos, revisión ortográfica, interacción con programas externos (make, compilador javac, verificación de sintaxis HTML, codificación de caracteres de finalización de línea DOS2UNIX; es bastante fácil conectar su propio controlador en la configuración). El resultado solo se puede ver en un navegador externo.
En general, había una impresión de algún trabajo inacabado, aunque el potencial del editor es enorme. Me gustó especialmente la capacidad de aumentar la funcionalidad a través de programas externos. El menú de usuario dejó una buena impresión, con la ayuda de la cual puede reducir fácilmente la mayoría de las operaciones de rutina a unos pocos clics del mouse. Pero los principiantes se perderán la finalización automática y las sugerencias de parámetros. Veredicto es un buen editor para profesionales que no están acostumbrados al lujo excesivo, pero que están ansiosos por automatizar acciones típicas.
>El resaltado preciso y los paneles personalizables le permiten trabajar con casi cualquier código que pueda necesitar al desarrollar un sitio web.
> Cuadro de diálogo de creación de hojas de estilo: el resultado se agregará al campo de edición.
Si eliges este editor WYSIWYG, olvídate de la edición manual
Esta creación de Linspire utiliza el modo visual de forma normal, como cabría esperar de un programa "orientado al usuario". Sin embargo, las pestañas en la parte inferior del espacio de trabajo hacen que sea muy fácil cambiarlo al modo de edición de código fuente. Aquí hay una vista previa y un modo llamado "Etiquetas HTML", cuando en la página (cómo se verá en el navegador) se aplica una "etiqueta" a cada elemento, mostrando qué etiqueta es responsable de este elemento. Bastante conveniente para un análisis rápido del código de otra persona; no he encontrado otro uso para este modo.
Trabajar en modo visual no es muy diferente de trabajar en un procesador de textos convencional como OOo Writer o AbiWord. Sí, y acordamos centrarnos principalmente en la edición "manual".
Por extraño que parezca, pero al cambiar al modo manual, los botones de la barra de herramientas y los elementos del menú que son responsables de ciertas etiquetas están bloqueados. Sin autocompletado, resaltado de sintaxis mínimo que no se aplica al texto recién ingresado... En general, "tomó un tirón, no digas que no es pesado", y si no te gusta el modo visual, entonces obtén un Bloc de notas normal. Como editor del código fuente de Nvu, no brilla (y no está diseñado para esto), así que terminemos su revisión...
Elegir el mejor editor de HTML resultó ser una tarea difícil. Bluefish se siente como un pez fuera del agua en el entorno de Gnome (simplemente no bromees sobre el color, ¿de acuerdo?), pero aún carece de la funcionalidad para ganar incondicionalmente. Sin embargo, para aquellos que están acostumbrados a trabajar en el Bloc de notas, esta será una opción casi ideal: es completamente discreto (incluso casi invisible), pero al mismo tiempo, siempre está listo para ayudarlo.
Screem, a pesar del pequeño número de versión, casi no está detrás de Bluefish, y en algunos lugares incluso por delante. Un cierre automático de etiquetas emparejadas implementado de manera ligeramente extraña a veces interfiere con el trabajo, y la falta de teclas de acceso rápido para etiquetas en general hundirá en el desaliento profundo a aquellos que esperaban tirar el mouse, pero no ingresar todo a mano.
Bueno, Quanta Plus, incluso encontrándose en un entorno no nativo, demostró la combinación más armoniosa de funciones de "ayuda" y la conveniencia de un trabajo rápido. La capacidad de personalizar casi todo será indispensable para aquellos a los que les gusta "dar vueltas", aunque por defecto las teclas de acceso rápido y la composición de la barra de herramientas se eligen de manera bastante conveniente. En general, el líder indiscutible en este momento resultó ser "un extraterrestre del planeta KDE" como el editor de HTML más maduro y reflexivo, por lo que recibe los laureles del ganador.
> ¿No puede decidir cuál es la mejor manera de editar su sitio, de forma manual o visual? ¡Con Quanta Plus, no tiene que estar dividido entre dos modos de operación!
Notas:
* - con la ayuda de un programa externo, Cervisia
** - no editable
Para saber qué tan bien están haciendo su trabajo.
Estas aplicaciones son muy similares. Los tres son principalmente editores de código con resaltado de sintaxis, formato inteligente y otras características que facilitan la escritura y edición de código. Screem está estrechamente relacionado con GNOME, mientras que Bluefish prospera tanto en KDE como en GNOME. Quanta Plus es una aplicación de KDE distribuida con KDE. Todos ellos admiten la edición visual llamada WYSIWYG (lo que ves es lo que obtienes), junto con capacidades avanzadas de edición de código. Estos editores pueden trabajar con HTML, JavaScript, hojas de estilo en cascada (CSS) y otros lenguajes de marcado y secuencias de comandos. También existe la capacidad de administrar sitios web y proyectos web, incluido el soporte de CVS.
Vemos que estos programas son muy similares, por lo que tenemos que destacar las características brillantes de cada uno. En este artículo, me enfoqué en cómo el editor web ayuda a escribir código HTML, CSS y etiquetas DIV. Cada programa tiene características adicionales que puede adaptarse a sus necesidades.
Probé cada programa con Spry Framework de Adobe (lanzado bajo una licencia BSD), que le permite agregar AJAX (JavaScript asincrónico y XML) a un sitio web. Spry Framework incluye un conjunto de scripts JavaScript y hojas de estilo. El uso y la modificación de los widgets de Spry requiere edición sencilla HTML y CSS. Esto convirtió al Spry en un compañero adecuado para mis pruebas. En este trío de editores, me he centrado en las funciones que valoro en las aplicaciones de diseño web comerciales, como el cierre automático de etiquetas, la selección de opciones de etiquetas (escribes una etiqueta y el editor te da una lista de posibles opciones y valores ), compatibilidad con archivos CSS y JavaScript adjuntos.
Screem maneja la mayor parte del trabajo involucrado en la creación y edición de una página web. Cuando crea una nueva página, Screem le pedirá que ingrese información básica y luego lo ayudará a configurar los elementos principales en las etiquetas de encabezado y cuerpo.
Me complació cómo Screem simplifica la edición. Por ejemplo, cuando cambié la etiqueta de apertura de una lista ordenada a una desordenada, la etiqueta final cambió automáticamente. Al escribir el código, aparece una lista de posibles parámetros. Después de seleccionar lo que necesita, la etiqueta se cerrará automáticamente. También está disponible un práctico asistente de creación de CSS, gracias al cual las propiedades seleccionadas pueden insertarse entre etiquetas de estilo o colocarse en una hoja de estilo separada.
La interfaz de Screem contiene 2 barras de herramientas: la barra de herramientas principal para operaciones básicas (abrir, imprimir y editar archivos) y la barra de ayuda, que tiene 9 botones para nueve ayudantes. Con ellos, puede agregar y personalizar fácilmente varios elementos: colores, formas, enlaces, imágenes y tablas.
También hay una barra lateral a la izquierda que puede mostrar 5 cuadros:
Screem admite 4 tipos de visualización de páginas web:
Debajo de la sencilla interfaz de Screem se encuentra un potente editor de HTML. Ojalá fuera más fácil de instalar en KDE. Probé Screem en un LiveCD de Ubuntu para evitar compilar y descargar las bibliotecas de GNOME necesarias para ejecutar este editor en KDE. Y aún así, Screem es un excelente ejemplo de una aplicación que hace un gran trabajo con la tarea elegida, utilizando un mínimo de características adicionales. Si está utilizando GNOME, entonces Screem podría ser para usted. Si está utilizando KDE u otro entorno, tendrá que descargar bibliotecas adicionales para poder trabajar con este editor.
pescado azul
El editor Bluefish es, en muchos sentidos, más complejo que Screem, pero más versátil. Además de HTML y CSS, le permite editar C, Java, Perl, Python, XML y varios otros lenguajes. Para trabajar con HTML y CSS, este editor tiene capacidades similares a Screem. Sin embargo, a diferencia de este último, Bluefish no ofrece una lista de opciones de etiquetas para elegir, ni cambia la etiqueta final cuando cambia la etiqueta de apertura.
Aún así, Bluefish está bien organizado y es fácil de usar. A través del menú de etiquetas, puede seleccionar una etiqueta y aplicarla al texto seleccionado, o simplemente insertar etiquetas si el texto no está seleccionado. Las etiquetas del menú se dividen en 9 categorías: Encabezados, Especial, Formato, Formato contextual, formato general, Tabla, Lista, Formulario y Varios. El menú "Diálogos" proporciona varios diálogos (similares a los ayudantes de Screem) para realizar varias tareas: agregar un enlace, una tabla, un formulario o un estilo CSS. En los cuadros de diálogo, ingresa o selecciona de una lista de valores de parámetros para varias etiquetas que Bluefish insertará en el documento. A través de los diálogos, la configuración inicial del documento también se realiza agregando etiquetas meta, enlaces a hojas de estilo, etc. Los menús son independientes del contexto, lo que significa que si edita un archivo de Python, seguirán proporcionando funciones para trabajar con HTML.
Bluefish tiene un práctico asistente de dibujo. Con él, puede crear fácilmente una vista previa de cualquier imagen, útil si desea organizar un álbum de fotos en línea en su sitio. Este asistente escala el tamaño de la imagen al tamaño o porcentaje especificado y agrega automáticamente las etiquetas de imagen y enlace.
Bluefish es un editor de HTML muy capaz, especialmente si tiene que escribir mucho en PHP, JavaScript, Java y otros lenguajes compatibles. Toda la edición en Bluefish se basa esencialmente en menús, lo que hace que no sea tan interactivo como Screem, que hace lo mismo pero de forma dinámica mientras escribo. Sin embargo, las capacidades de Bluefish van mucho más allá de la simple edición de HTML y CSS. Además, se instala y ejecuta sin problemas tanto en KDE como en GNOME.
Cuanta Plus
En esencia, Quanta Plus es un editor de código. Tiene algunas funciones WYSIWYG, pero no son tan útiles como podría parecer a primera vista. Tan pronto como agregué una tabla a una página web pequeña, la vista previa dejó de funcionar para mí. Esto me sorprendió un poco, porque al mismo tiempo se cargó una página más compleja y su vista previa se mostró normalmente. Pero incluso cuando la vista previa funciona bien, hay un soporte bastante extraño para la edición WYSIWYG. Por ejemplo, al presionar la tecla "Enter" se inserta una etiqueta de salto de línea en lugar de una nueva etiqueta de párrafo. Lo mismo sucede cuando se edita una lista, cuando se supone que al presionar la tecla "Enter" se crea un nuevo elemento de la lista. En general, las vistas previas se utilizan mejor para ver el resultado que para la edición directa.
Aparte de todo lo anterior, Quanta Plus es un editor de código verdaderamente poderoso. Su interfaz es mucho más compleja que la de Bluefish, pero el enfoque principal de Quanta Plus sigue siendo la edición web. Este editor admite resaltado de sintaxis, secuencias de comandos y lenguajes de marcado. Al igual que en Bluefish, si un menú está diseñado para funcionar con un idioma, trabajar con este menú no afecta el código escrito en otro idioma. Quanta Plus permite a los usuarios crear barras de herramientas personalizadas para un idioma específico.
De nuevo, como en Bluefish, creando nueva pagina es mejor comenzar con el menú de etiquetas, donde puede encontrar un cuadro de diálogo para crear la estructura principal (metaetiquetas, título del documento, etc.). A través del menú de etiquetas, puede simplemente insertar una etiqueta o abrir un cuadro de diálogo para configurar una etiqueta con varias opciones. En mi opinión, lo más importante es que Quanta Plus ofrece seleccionar los parámetros de la etiqueta y los valores de estos parámetros en el proceso de tipeo del código. Bluefish no tiene esta función como tal, mientras que Screem solo ofrece seleccionar un parámetro, no su valor.
Otra característica útil es que cuando inserta una etiqueta que generalmente contiene etiquetas relacionadas, Quanta Plus agrega automáticamente esta última. Por ejemplo, cuando inserta una etiqueta de lista ordenada, el editor agrega automáticamente una etiqueta de apertura y cierre para un solo elemento de lista y una etiqueta de cierre de lista ordenada.
La gestión de CSS en Quanta Plus es un poco confusa ya que se realiza a través de dos Cuadros de diálogo. Pero una vez que lo descubras, editar CSS se vuelve muy fácil. Para crear un estilo CSS, primero debemos abrir el cuadro de diálogo "Selector de CSS" para definir el elemento al que se aplicará el estilo. Luego, al hacer doble clic en el "Selector de CSS", pasamos al siguiente cuadro de diálogo "Editor de CSS", en el que ya puede especificar todos los parámetros de estilo. Como resultado, obtenemos un código CSS perfectamente formateado.
Quanta Plus es el editor más complejo de los tres revisados, pero al mismo tiempo el más capaz. No puede sino regocijarse, la posibilidad de personalizar la interfaz de Quanta Plus para satisfacer sus necesidades. Este editor ofrece todo lo que necesita y más para satisfacer las necesidades de los usuarios que escriben y editan código HTML y CSS. Para aquellos que usan GNOME, la instalación de Quanta Plus requerirá la descarga de bibliotecas adicionales, pero vale la pena. Los usuarios de KDE no tendrán este problema porque este editor está integrado en KDE.
Mi consejo simple es usar Quanta Plus para editar archivos HTML y CSS. Para aquellos que no buscan caminos fáciles, ofrezco las siguientes opciones:
Es bueno que haya al menos tres aplicaciones decentes de desarrollo web para Linux. Screem, Bluefish y Quanta Plus no son tan completos como el líder de la industria Adobe Dreamweaver, pero se acercan bastante. Quanta Plus es casi un análogo de Dreamweaver. Dado que el precio de este último es bastante alto y no es compatible con Linux de forma predeterminada, los tres anteriores son una excelente opción. Además de ser gratuitos, estos editores también recompensan a sus usuarios con excelentes resultados.
Bajo Linux, hay un gran número de diferentes aplicaciones para desarrolladores web. Esta vez escribiré sobre cuatro editores HTML convenientes que son populares en esta plataforma. Si es interesante, será posible continuar y escribir sobre programas para desarrolladores con más frecuencia.
La mayoría de los editores, además de la entrada manual de códigos, admiten la tecnología WYSIWYG. Yo mismo probé solo dos editores (de todos modos, escribir todo con bolígrafos, usando gedit, es de alguna manera más familiar y conveniente), pero ambos estaban en los repositorios oficiales de Ubuntu y están disponibles en Centro de Aplicaciones.
pescado azul es un editor multiplataforma y muy ligero dirigido a programadores y desarrolladores web. Admite muchos lenguajes de programación y marcado, pero se enfoca en crear sitios web dinámicos y estáticos. Es un proyecto de código abierto publicado bajo la GNU GPL.
Características de Blue Fish:
(también conocido como cuantos) es un editor popular para KDE. Quanta tiene un editor WYSIWYG, así como la funcionalidad de edición de archivos FTP.
Características de Quanta Plus:
este es otro Herramienta útil para el desarrollador. Es compatible con HTML, CSS, javascript, PHP, CSS y más, pero no tiene soporte WYSIWYG.
