{"id":211,"date":"2009-08-27T14:32:16","date_gmt":"2009-08-27T18:32:16","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?page_id=211"},"modified":"2009-08-28T00:29:38","modified_gmt":"2009-08-28T04:29:38","slug":"software-para-la-edicion-de-codigo-html","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/cari22\/software-para-la-edicion-de-codigo-html\/","title":{"rendered":"Software para la edicion de codigo HTML"},"content":{"rendered":"<p>\u00a0<\/p>\n<p><strong>Adove Golive:<\/strong><\/p>\n<p>Es otro de los grandes editores HTML con los que puedes componer p\u00e1ginas web. Creado por Adobe, se complementa con otros programas de la marca como Photoshop o LiveMotion o Ilustrator, formando uno de los conjuntos m\u00e1s profesionales de edici\u00f3n de p\u00e1ginas del mercado.<\/p>\n<p><strong>Actualizaci\u00f3n: <\/strong>Adobe ha dejado de mantener y vender este programa, por lo que ya no se encuentra disponible. Desde que Adobe compr\u00f3 Macromedia y por tanto es due\u00f1a de Dreamweaver, no ten\u00eda mucho sentido mantener Golive en el mercado.<\/p>\n<p>Su objetivo es la creaci\u00f3n, producci\u00f3n y gesti\u00f3n de sitios Web profesionales y sofisticados. Ofrece tanto a codificadores como a desarrolladores las herramientas de creaci\u00f3n de contenido y gesti\u00f3n de sitios que necesitan para desarrollar, colaborar y competir en un campo coma la web.<\/p>\n<p>El producto no tiene versi\u00f3n freeware ni tampoco shareware, adem\u00e1s es de los m\u00e1s caros del mercado. Se pueden consultar las p\u00e1ginas de Adobe para encontrar m\u00e1s informaci\u00f3n.<\/p>\n<p><strong>HTML- kit<\/strong><\/p>\n<p><strong>Esta es una herramienta de creaci\u00f3n de sitios web bastante potente, orientada m\u00e1s a los programadores que a los dise\u00f1adores, pues casi todo debe hacerse escribiendo c\u00f3digo HTML directamente<\/strong>. Por ello, s\u00f3lo tiene dos de las tres vistas con que cuentan los programas de este tipo, a saber: la vista de c\u00f3digo (que es la predeterminada en el HTML-Kit) y la de previsualizaci\u00f3n. De modo que falta la vista WYSIWYG (Lo que ves es lo que obtienes), que es la predeterminada en otras herramientas menos potentes (como Frontpage o Dreamweaver, por ejemplo). En HTML Kit por tanto no podemos dise\u00f1ar directamente dibujando o escribiendo, tal como lo har\u00edamos en un editor de textos, ya que esta opci\u00f3n no est\u00e1 disponible en el programa.<\/p>\n<div class=\"nota\"><strong>Nota:<\/strong> HTML Kit, por lo menos la versi\u00f3n que hemos probado recientemente 2.9.2, tiene una opci\u00f3n para generar c\u00f3digo HTML con WYSIWYG, es decir, dise\u00f1ando directamente como si fuera un editor de texto normal, sin preocuparse por el c\u00f3digo fuente HTML. Esta opci\u00f3n es funcional, aunque s\u00f3lo permite crear un HTML con un conjunto reducido de etiquetas. Para ello debemos ir al men\u00fa \"Actions \/ Tools \/ Prototype Pad...\" y nos saldr\u00e1 una ventana donde podemos dise\u00f1ar directamente como en un editor de textos. Luego, una vez terminemos, debemos pulsar \"Create\" y se crear\u00e1 una p\u00e1gina con el c\u00f3digo HTML generado, seg\u00fan lo que hayamos dise\u00f1ado. Ese c\u00f3digo HTML podremos utilizarlo luego en cualquier p\u00e1gina que estemos editando con HTML Kit.<\/div>\n<p>De cualquier modo, comparando esta herramienta, totalmente gratuita, con otras de su clase, nos daremos cuenta de que estamos ante <strong>una aplicaci\u00f3n sorprendente<\/strong>.<\/p>\n<p><strong>Reconoce casi todos los lenguajes de creaci\u00f3n de sitios web<\/strong> (como HTML, ASP, JavaScript, PHP...) y los colorea convenientemente. Contiene multitud de comandos \u00fatiles a la hora de la edici\u00f3n (conversi\u00f3n de tabuladores a espacios, eliminaci\u00f3n de retornos de carro, ...). Corrige la sintaxis HTML, permite la edici\u00f3n de documentos XML, ...<\/p>\n<p>Esta cantidad de <strong>opciones es ampliable debido al soporte de plug-ins que ofrece este programa<\/strong>. Existen bastantes de ellos entre los que destacan una colecci\u00f3n de script en javascript y otro con las especificaciones del lenguaje php, incluidas las funciones de acceso a bases de datos, que utilizo bastante.<\/p>\n<p>Por si esto fuera poco, el programa es totalmente configurable y permite la <strong>edici\u00f3n de sitios directamente desde Internet<\/strong>, crear plantillas o grabar archivos en formato UNIX, por ejemplo.<\/p>\n<p>Este es el programa con el que he realizado toda meligrana.com y que, desde mi punto de vista de programador, deja bastante atr\u00e1s a los FrontPage o Dreamweaver, que est\u00e1n bien, vale, pero para los artistas.<\/p>\n<p>Adem\u00e1s, el <strong>soporte t\u00e9cnico es sorprendente<\/strong> y aunque s\u00f3lo chapurreemos algo de spanglish, el autor nos ayuda en cuanto le pidamos. Conviene decir, que el sitio web del autor, <a href=\"http:\/\/www.chami.com\">www.chami.com<\/a>, contiene otros programas y utilidades varias, buenas para los programadores web. La p\u00e1gina web de HTML-Kit es <a href=\"http:\/\/www.chami.com\/html-kit\/\">http:\/\/www.chami.com\/html-kit\/<\/a>, aunque desde chami.com se tiene acceso.<\/p>\n<p>La \u00faltima versi\u00f3n, en el momento de escribir este art\u00edculo es la 1.0.290 (build 10), que aun siendo beta, <strong>no la he visto fallar<\/strong> en el tiempo que la estoy usando.<\/p>\n<p>\u00a0<\/p>\n<div class=\"nota\"><strong>Nota:<\/strong> HTML Kit ha evolucionado bastante desde que se escribi\u00f3 este art\u00edculo. Ahora van por la versi\u00f3n 2.9.2 y ha incorporado diversas utilidades adicionales para los desarrolladores, aunque siguen sin disponer una vista de dise\u00f1o y todo se tiene que codificar con HTML y otros lenguajes de programaci\u00f3n que estemos utilizando. Existe una herramienta, que hemos comentado en una nota de este art\u00edculo llamada Prototype Pad que permite dise\u00f1ar una web desde la vista gr\u00e1fica, pero no est\u00e1 realmente integrada con el sistema ni tiene mucha potencia.Lo que s\u00ed que ha evolucionado mucho es la cantidad de plugins que dispone, m\u00e1s de 400, seg\u00fan sus creadores.<\/div>\n<p><strong>Kompozer<\/strong><\/p>\n<div class=\"textoarticulo\">Vamos a presentar un editor de p\u00e1ginas web de los que facilitan la vida para usuarios con poca experiencia y que no desean v\u00e9rselas con el lenguaje HTML, ya que permite editar las p\u00e1ginas sin conocimientos t\u00e9cnicos, directamente como si estuvi\u00e9semos trabajando en un programa del estilo de Word.Kompozer adem\u00e1s es un producto gratuito, con lo que se adaptar\u00e1 especialmente para las personas que tienen pocos recursos y desean un producto que cumpla sus necesidades pero sin tener que invertir mucho tiempo en aprender a manejarlo, ni tener que invertir dinero para comprar una licencia.<\/div>\n<p>Podemos acceder para descargar Kompozer en la direcci\u00f3n <a href=\"http:\/\/www.kompozer.net\/\" target=\"_blank\">http:\/\/www.kompozer.net\/<\/a><\/p>\n<p>Estamos ante un programa sencillo para realizar p\u00e1ginas web en vista dise\u00f1o, lo que t\u00e9cnicamente se llama WYSIWYG (what you see is what you get, lo que ves es lo que obtienes). Esto quiere decir que puedes crear sitios web directamente escribiendo texto sobre Kompozer, como si fuera un editor de texto normal y sin tener que escribir el c\u00f3digo fuente HTML necesario para construir la p\u00e1gina. Cuando quieres insertar otros contenidos, como im\u00e1genes o enlaces, tienes que utilizar botones de la barra de herramientas, que te muestran formularios para especificar las propiedades de los elementos, como el archivo de la imagen, el texto alternativo, o en el caso de un enlace, la direcci\u00f3n donde se dirige, etc.<\/p>\n<p>Esto simplifica bastante la tarea de las personas que quieren empezar a crear sus p\u00e1ginas web, porque no tienen que aprender HTML. Simplemente tenemos que aprender a manejar Kompozer, con sus men\u00fas, formularios, etc. Pero no hay que enga\u00f1arse, porque utilizar un programa de este estilo, como m\u00ednimo, requerir\u00e1 unos conocimientos b\u00e1sicos para aprender a manejar archivos de diversos tipos, conexiones FTP, y otras caracter\u00edsticas propias de la <a href=\"http:\/\/www.desarrolloweb.com\/manuales\/publicar-webs-internet.html\">publicaci\u00f3n en Internet<\/a>. A la hora de maquetar contenidos en una web, lo que se hace con Komposer, tambi\u00e9n viene bien saber las distintas propiedades que podemos aplicar a los elementos de la p\u00e1gina para cambiar su apariencia, colocaci\u00f3n o comportamiento.<\/p>\n<p>Principalmente, para mantener el control sobre los resultados finales ser\u00e1 importante conocer las particularidades de dise\u00f1ar web, ya sea formateando el aspecto directamente con <a href=\"http:\/\/www.desarrolloweb.com\/manuales\/21\/\">atributos HTML<\/a> o con <a href=\"http:\/\/www.desarrolloweb.com\/manuales\/manual-css-hojas-de-estilo.html\">Hojas de Estilo en Cascada<\/a>. Kompozer presta ayuda a los principiantes porque se pueden definir todas estas cosas con el propio programa, sin tener que lidiar con los lenguajes, pero conocer un poco sobre ellos siempre nos ayudar\u00e1 bastante.<\/p>\n<p>Kompozer ayuda bastante a la hora de dise\u00f1ar la web, pero adem\u00e1s tiene diversas herramientas para facilitar tambi\u00e9n la publicaci\u00f3n de una p\u00e1gina en un servidor. Dispone de un gestor de sitios (site manager), en el que podemos configurar un acceso por FTP al servidor web donde est\u00e1 alojada la p\u00e1gina. A trav\u00e9s de ese gestor podemos abrir archivos que est\u00e9n en el servidor para editarlos directamente con Kompozer y luego guardarlos en el servidor con el bot\u00f3n \"Publish\". Tambi\u00e9n podemos crear nuevos archivos en Kompozer y subirlos a un servidor que tengamos configurado en el gestor de sitios. El mismo gestor de sitios lo podemos utilizar tambi\u00e9n para acceder a directorios y ficheros que tengamos en local en nuestro ordenador, configurando un sitio sin indicar los datos de FTP, sino indicando el directorio de nuestro disco duro donde est\u00e1n los archivos de la web.<\/p>\n<p>\u00a0<\/p>\n<div><img loading=\"lazy\" decoding=\"async\" src=\"images\/programas\/interfac-kompozer.gif\" alt=\"\" width=\"500\" height=\"326\" \/><\/div>\n<h2>Valoraci\u00f3n de Kompozer<\/h2>\n<p>Kompozer es un proyecto derivado de otros editores WYSIWYG creados en inicio por la fundaci\u00f3n Mozilla, como Composer, que actualmente se ha dejado de desarrollar por Mozilla, aunque se encuentra algo similar dentro de la suite de programas Sea Monkey. A partir del momento que se abandon\u00f3 Composer de Mozilla, el desarrollo de este editor se continu\u00f3 en un proyecto llamado Nvu, que tambi\u00e9n se dej\u00f3 de lado por la empresa que hab\u00eda tomado el testigo. Nvu ya mejor\u00f3 bastante el Composer de Mozilla, agregando unas cuantas cosas, pero no era muy estable y ten\u00eda diversos errores que se est\u00e1n terminando de solucionar en Kompozer.Lo bueno es que Kompozer ha heredado la tecnolog\u00eda de Mozilla para crear un editor web que funciona con el mismo motor de Firefox, lo que lo hace un producto potente y extensible y basado en est\u00e1ndares.<\/p>\n<p>Ahora bien, los autores de Kompozer lo anuncian como un editor de extrema facilidad de uso y en eso no estoy tan de acuerdo. Es verdad que se han simplificado mucho los men\u00fas y se ha tratado de minimizar las herramientas y opciones del programa, de modo que no abrumen sus posibilidades, pero eso no significa que el programa sea extremadamente f\u00e1cil de usar. Quiz\u00e1s sea m\u00e1s f\u00e1cil si lo comparas con otros programas similares, como Frontpage o Dreamweaver, pero cualquier programa de este estilo tiene un grado de complejidad m\u00e1s o menos grande.<\/p>\n<p>Es que crear webs, aplicarle todo tipo de estilos y complementos y subirlas al servidor puede resultar complejo para usuarios inexpertos. Pero al menos hay que aceptar que han intentado simplificar los procesos.<\/p>\n<p>Otro detalle es que la aplicaci\u00f3n es bastante ligera y una vez descargada no necesita instalaci\u00f3n. Este detalle realmente puede ser \u00fatil para guardarla en un dispositivo externo, como una llave de memoria, que podr\u00edamos llevarla a otro ordenador para tener capacidades de edici\u00f3n de webs, sin tener que instalar nada en \u00e9l. Otros usuarios podr\u00e1n encontrar problemas justamente por esto, porque piensen que tienen que instalar el programa y no encuentren el instalador, sino directamente el ejecutable con muchos otros archivos.<\/p>\n<p>Se ha presentado hace pocos d\u00edas la versi\u00f3n 0.8a2 (en abril de 2009), por lo que vemos que el proyecto es joven, pero sigue en desarrollo de mejoras.<\/p>\n<p>Por cierto, para descargar la \u00faltima versi\u00f3n de Kompozer, es interesante acceder a SourceForge, que es la p\u00e1gina que aloja el proyecto. <a href=\"http:\/\/sourceforge.net\/projects\/kompozer\/\" target=\"_blank\">http:\/\/sourceforge.net\/projects\/kompozer\/<\/a>, pues la p\u00e1gina de inicio del propio proyecto <a href=\"http:\/\/www.kompozer.net\/\" target=\"_blank\">http:\/\/www.kompozer.net\/<\/a> no ha sido actualizada para publicar el lanzamiento de la nueva versi\u00f3n y la descarga que ofrecen est\u00e1 desactualizada.<\/p>\n<p>Hay paquetes de soporte de idioma, que se tienen que instalar una vez descargado Kompozer. Puedes enterarte de m\u00e1s detalles sobre la <a href=\"http:\/\/www.proyectonave.es\/taxonomy\/term\/4\" target=\"_blank\">traducci\u00f3n de Kompozer en el Proyecto NAVE<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 Adove Golive: Es otro de los grandes editores HTML con los que puedes componer p\u00e1ginas web. Creado por Adobe, se complementa con otros programas de la marca como Photoshop o LiveMotion o Ilustrator, formando uno de los conjuntos m\u00e1s profesionales de edici\u00f3n de p\u00e1ginas del mercado. Actualizaci\u00f3n: Adobe ha dejado de mantener y vender [&hellip;]<\/p>\n","protected":false},"author":1934,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-211","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/users\/1934"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/comments?post=211"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/211\/revisions"}],"predecessor-version":[{"id":214,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/211\/revisions\/214"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}