{"id":180,"date":"2009-08-18T16:16:52","date_gmt":"2009-08-18T20:16:52","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/cari22\/?page_id=180"},"modified":"2009-08-28T00:28:54","modified_gmt":"2009-08-28T04:28:54","slug":"software-de-diseno-de-tu-pagina-web","status":"publish","type":"page","link":"https:\/\/blog.espol.edu.ec\/cari22\/software-de-diseno-de-tu-pagina-web\/","title":{"rendered":"Software de dise\u00f1o de tu p\u00e1gina Web."},"content":{"rendered":"<h1>Adobe Photoshop Elements 3.0<\/h1>\n<p>Elements 3 consigue situarse entre los mejores programas de dise\u00f1o hogare\u00f1o, enfoc\u00e1ndose en la edici\u00f3n, organizaci\u00f3n y presentaci\u00f3n de colecciones fotogr\u00e1ficas. La integraci\u00f3n del software Photoshop Album, introducido como la nueva ventana de administraci\u00f3n de im\u00e1genes de Elements, es un factor fundamental para la transformaci\u00f3n de esta soluci\u00f3n, que logra distanciarse de su versi\u00f3n anterior, rompiendo las limitaciones de aquella.<\/p>\n<p>Sin embargo, Photoshop CS va m\u00e1s all\u00e1 de la capacidad Elements, con lo cual la competencia est\u00e1 marcada por Ulead PhotoImpact y Jasc Saint Shop Pro, entre otras aplicaciones.<\/p>\n<p>La interfaz del programa est\u00e1 dividida en dos escenarios: edici\u00f3n y organizaci\u00f3n. En el primer caso, el usuario se encuentra con poderosas utilidades y m\u00e1s de 100 filtros, para que las fotos se vean lo mejor posibles. Se destaca el soporte de c\u00e1maras RAW y de im\u00e1genes de 16 bits, funciones que han sido noticia en Photoshop CS.<\/p>\n<p>La galer\u00eda de filtros, que tiene como finalidad mostrar r\u00e1pidamente el resultado de la mezcla de diferentes efectos sobre una misma imagen es otra pr\u00e1ctica utilidad. El nuevo filro Reduce Noise permite mejorar la calidad de las fotograf\u00edas, siendo s\u00f3lo una de los tantas opciones que se le presentan a uno a la hora de retocar sus trabajos.<\/p>\n<p>Se da lugar a pinceles de correcci\u00f3n, para eliminar defectos en im\u00e1genes; una compleja opci\u00f3n para crear presentaciones din\u00e1micas, de tal manera de exponer una foto tras otra de forma impactante, aplicando efectos de transici\u00f3n; una utilidad de comparaci\u00f3n permite al dise\u00f1ador elegir la mejor fotograf\u00eda de entre todas aquellas similares; y m\u00e1s.<\/p>\n<p>No obstante, las principales novedades de la tercera entrega de Photoshop Elements son resultado de la incorporaci\u00f3n de la nueva ventana de organizaci\u00f3n que comentamos antes. Gracias a ello, es posible obtener de forma directa, fotos desde c\u00e1maras digitales o desde el disco r\u00edgido, para luego aplicar inmediatamente sistemas de categorizaci\u00f3n, ya sea ingresando palabras claves o directorios.<\/p>\n<p>Asimismo, desde esta pantalla el usuario puede compartir su galer\u00eda enviando im\u00e1genes por correo electr\u00f3nico (en el cuerpo del mensaje, y no como dato adjunto), realizando adaptaciones a Palm, iniciando grabaciones en DVD, o simplemente imprimiendo. Una interesante modalidad de visi\u00f3n, muestra un calendario, en el que aparecen las fotos seg\u00fan la fecha en la que fueron obtenidas.<\/p>\n<p>El producto no tiene una apariencia compleja, pero a pesar de ello presenta una serie de paneles de lo m\u00e1s avanzados, probablemente mucho m\u00e1s de lo que un dise\u00f1ador principiante usar\u00e1. La selecci\u00f3n de caracter\u00edsticas es simplemente perfecta, accesibles a partir de un en torno agradable.<\/p>\n<p>Es importante advertir que el software est\u00e1 disponible tanto para Windows como para Mac, y se exige bastante a la m\u00e1quina que lo quiere correr. En el caso del sistema operativo de Microsoft, se requiere al menos un procesador Pentium III \u00f3 4 (o compatible), a 800MHz (como m\u00ednimo), 600 MB de espacio libre en el disco, y al menos 256 MB de RAM, aunque se sugiere trabajar con 512. Por el otro lado, en Mac, las necesidades de hardware son un procesador PowerPC G3, G4, o G5, 256 MB de RAM, y 200 MB de espacio. Probablemente muchos hogares a\u00fan no cumplen estas especificaciones.<\/p>\n<p>Adobe ha vuelto a superarse, aprovechando su experiencia, para traer un producto compuesto por lo mejor de su familia, para as\u00ed, acercarle al usuario medio posibilidades avanzadas de dise\u00f1o conforme a sus conocimientos. Una soluci\u00f3n todo en uno para el hogar, con una sorprendente relaci\u00f3n caracter\u00edsticas\/precio.<\/p>\n<h1>Flash<\/h1>\n<p>Quien no ha visto una animaci\u00f3n en Flash en una p\u00e1gina web?. Desde hace tiempo, proliferan los trabajos hechos en Flash y se pueden ver muchas p\u00e1ginas que incorporan animaciones, sonido y efectos realmente interesantes.<\/p>\n<p>En un principio esta fue una tecnolog\u00eda m\u00e1s, con la necesidad de instalar un plug-in para poder visualizarse. Cualquier webmaster es reacio a incorporar a una p\u00e1gina web contenidos para los que sea necesario utilizar plug-ins, pues es de suponer que no todos los tendr\u00e1n y que se va a marginar a una serie de usuarios. Con el tiempo, flash se ha convertido en un estandar, viene en la instalaci\u00f3n b\u00e1sica de los exploradores, se instala autom\u00e1ticamente si el navegador no lo tiene y muchas p\u00e1ginas lo utilizan. Como resultado tenemos que los webmasters o dise\u00f1adores del web lo vienen utilizando para crear todo tipo de efectos, incluso en la home page o dise\u00f1ando toda la p\u00e1gina con Flash.<\/p>\n<p>La clave de Flash es que es un programa de animaci\u00f3n vectorial. Esto significa que se pueden crear animaciones complejas: aumentar y reducir elementos de la animaci\u00f3n, mover de posici\u00f3n estos objetos, y otras cosas sin que la animaci\u00f3n ocupe mucho espacio en el disco. Los vectores con los que trabaja Flash s\u00f3lo son, por decirlo de alguna manera, siluetas que casi no ocupan espacio y se pueden modificar f\u00e1cilmente y sin gasto de memoria en disco.<\/p>\n<p><strong>Referencias<\/strong><\/p>\n<p>Si deseamos descargar una versi\u00f3n de prueba de Flash, podemos acercarnos al sitio web de la compa\u00f1\u00eda que lo desarrolla. <a href=\"http:\/\/www.macromedia.com\/\" target=\"_blank\">www.macromedia.com<\/a>. Concretamente su secci\u00f3n de Flash: <a href=\"http:\/\/www.macromedia.com\/support\/flash\/documentation.html\" target=\"_blank\">http:\/\/www.macromedia.com\/support\/flash\/documentation.html<\/a>.<\/p>\n<p>Para encontrar abundante informaci\u00f3n de Flash, se puede consultar nuestro buscador en la <a href=\"http:\/\/www.desarrolloweb.com\/directorio\/diseno\/flash\/\">secci\u00f3n de Flash<\/a>.<\/p>\n<p>Adem\u00e1s de todo, Flash es un programa que nos permite aplicar toda nuestra creatividad en la web y fulmina muchos de los l\u00edmites con los que ten\u00edamos que enfrentarnos anteriormente en el dise\u00f1o de webs.<\/p>\n<h1>Dreamweaver<\/h1>\n<p>Dreamweaver es <strong>la herramienta de dise\u00f1o de p\u00e1ginas web m\u00e1s avanzada<\/strong>, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrar\u00e1n en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.<\/p>\n<p>Cumple perfectamente el objetivo de dise\u00f1ar <strong>p\u00e1ginas con aspecto profesional<\/strong>, y soporta gran cantidad de tecnolog\u00edas, adem\u00e1s muy f\u00e1ciles de usar:<\/p>\n<ul>\n<li>Hojas de estilo y capas<\/li>\n<li>Javascript para crear efectos e interactividades<\/li>\n<li>Inserci\u00f3n de archivos multimedia...<\/li>\n<\/ul>\n<p>Adem\u00e1s es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compa\u00f1ias, para realizar otras acciones m\u00e1s avanzadas.<\/p>\n<p>En resumen, el programa es realmente satisfatorio, incluso el <strong>c\u00f3digo generado es de buena calidad<\/strong>. La unica pega consiste en que al ser tan avanzado, puede resultar un poco dif\u00edcil su manejo para personas menos experimentadas en el dise\u00f1o de webs.<\/p>\n<p>Dreamweaver ha evolucionado mucho en su versi\u00f3n 4, que incluye soporte para la creaci\u00f3n de p\u00e1ginas din\u00e1micas de servidor en ASP, con acceso a bases de datos (versi\u00f3n Ultradev) y una mayor integraci\u00f3n con otras herramientas de Macromedia como Fireworks.<\/p>\n<p><strong>Referencias<\/strong><\/p>\n<p>Este programa <strong>se puede descargar desde el web de macromedia<\/strong> <strong><a href=\"http:\/\/www.macromedia.com\/\">www.macromedia.com<\/a><\/strong>, es una versi\u00f3n limitada en el tiempo, pero suficiente para enterarse bien si es el programa que andabamos buscando.<\/p>\n<p>Dispone de <strong>muy buena documentaci\u00f3n<\/strong>, la ayuda del propio programa y la documentaci\u00f3n que se puede descargar del sitio de Macromedia, en la direcci\u00f3n <strong><a href=\"http:\/\/www.macromedia.com\/support\/dreamweaver\/\">www.macromedia.com\/support\/dreamweaver\/<\/a><\/strong><\/p>\n<p>Por otra parte, tambi\u00e9n Macromedia tiene unos manuales muy amplios sobre sus programas. Se pueden descargar e imprimir.<br \/>\n<strong><a href=\"http:\/\/download.macromedia.com\/pub\/dreamweaver\/docstuff\/win\/DW2_ES_final.zip\">Manual de Dreamweaver 2<\/a><br \/>\n<a href=\"http:\/\/download.macromedia.com\/pub\/dreamweaver\/extend\/dw3_using_es.zip\">Manual de Dreamweaver 3<\/a><br \/>\n<a href=\"http:\/\/download.macromedia.com\/pub\/ultradev\/documentation\/ud4_using_es.zip\">Dreamweaver Ultradev<\/a> <\/strong><\/p>\n<p>Tambi\u00e9n existen en Internet p\u00e1ginas con documentaci\u00f3n del programa, tutoriales y recursos, aqu\u00ed van algunas de ellas:<\/p>\n<p><a href=\"http:\/\/www.webring.org\/cgi-bin\/webring?ring=Dreamweaverring;list\">www.webring.org\/cgi-bin\/webring?ring=Dreamweaverring;list<\/a> Un anillo de p\u00e1ginas con mucha informaci\u00f3n de Dreamweaver. Con <strong>m\u00e1s de 15 webs<\/strong> que contienen cursillos, trucos, efectos, componentes adicionales, etc. La \u00fanica pega es que est\u00e1n en ingl\u00e9s.<\/p>\n<p>El programa merece la pena, manejarlo bien te asegurar\u00e1 el \u00e9xito en tus creaciones.<\/p>\n<p><strong>Comentarios de Dreamweaver MX 2004<\/strong><br \/>\nPor David Alejandro Yanover. <a href=\"http:\/\/www.mastermagazine.info\/\" target=\"_blank\">www.mastermagazine.info<\/a><\/p>\n<p>Dreamweaver MX 2004, aunque tambi\u00e9n se puede adquirir por separado, forma parte de la suite MX 2004 de Macromedia, en la que este editor HTML resulta una pieza fundamental. Como de costumbre, comparamos al producto de Macromedia con Microsoft Front Page, y con las nuevas versiones de ambos obtenemos las mismas conclusiones que obtuvimos con sus anteriores entregas: Dreamweaver contin\u00faa siendo fiel a mantener un nivel alto en sus herramientas, dirigi\u00e9ndose a usuarios con conocimientos previos, mientras que Front Page muestra destacadas mejoras, pero no logra salir de la sombra de Dreamweaver al momento de discutir sobre el uso de lenguajes y tecnolog\u00edas avanzadas en el desarrollo de un sitio Web; eso s\u00ed, Front Page es, para usuarios con poca experiencia, un producto excepcional. Por otra parte, Adobe GoLive CS, visto tambi\u00e9n en el n\u00famero 30 de MM al analizar Adobe Creative Suite Premium Edition, plantea un ambiente de trabajo familiar para usuarios de Adobe y una serie de caracter\u00edsticas que lo colocan a un nivel superior de Front Page.<\/p>\n<p>Al iniciar Macromedia Dreamweaver MX 2004 aparece, como primera novedad, la elecci\u00f3n de una modalidad de programaci\u00f3n, lista formada por ASP.Net, PHP, ColdFusion, y HTML. Luego se presenta otra selecci\u00f3n, el ambiente de trabajo, en donde encontramos las opciones, ya conocidas de anteriores versiones, WYSIWYG (que consiste en dise\u00f1ar una p\u00e1gina Web sin necesidad de escribir ning\u00fan c\u00f3digo), la opci\u00f3n de trabajar con el C\u00f3digo, y por \u00faltimo la posibilidad de ver ambas ventanas de desarrollo a la vez.<\/p>\n<p>Los lenguajes de programaci\u00f3n que domina Dreamweaver MX 2004 son ASP, CSS, PHP, SQL, JSP, y XML. El potencial del software en cuanto a la capacidad de programar bajo los lenguajes que acabamos de citar es de lo m\u00e1s amplio, permitiendo la creaci\u00f3n de aplicaciones y dise\u00f1os web complejos.<\/p>\n<p>Uno de los puntos de mayor \u00e9nfasis en esta edici\u00f3n de Dreamweaver son el soporte y las caracter\u00edsticas de desarrollo en Cascading Style Sheet, haciendo posible creaciones con m\u00e1s facilidad y precisi\u00f3n, aplicando herramientas capaces de inspeccionar el c\u00f3digo escrito. Otro aspecto capaz de ser analizado es la compatibilidad de nuestro sitio con los diversos navegadores, para que todos puedan visualizar la p\u00e1gina correctamente.<\/p>\n<p>La posibilidad de crear botones flash, formularios, JavaScripts, y m\u00e1s, es de gran ayuda. Adem\u00e1s de poder insertar elementos web, encontramos una gran precisi\u00f3n en la importaci\u00f3n de informaci\u00f3n de Word y Excel, con las funciones de copiar y pegar.<\/p>\n<p>Un dise\u00f1ador con experiencia encuentra en Dreamweaver una opci\u00f3n completa para desplegar sus conocimientos. Sin embargo, por el otro lado, usuarios principiantes se ven aturdidos por la cantidad de men\u00fas y herramientas del programa. La edici\u00f3n 2004 nos presenta un nuevo soporte para CSS, opciones de verificaci\u00f3n de c\u00f3digo pensado para m\u00faltiples navegadores, y facilidades en la administraci\u00f3n de la p\u00e1gina.<\/p>\n<p>Puede que el atractivo de las caracter\u00edsticas de Dreamweaver llame la atenci\u00f3n, pero debe tenerse cuidado, ya que de nada servir\u00e1 si no se comprenden sus utilidades, con lo cual resultar\u00e1 m\u00e1s productivo un programa como Front Page.<\/p>\n<p>Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios web, y si bien se trata del producto de mayores caracter\u00edsticas del mercado, su uso est\u00e1 limitado a usuarios con experiencia, ya que de no ser as\u00ed, uno se encuentra con la dificultad de no saber por donde comenzar.<\/p>\n<p>Por otro lado, se tiene la costumbre de identificar a Front Page como un producto f\u00e1cil de usar, con pocas prestaciones, y con groseras fallas, es decir, un producto no profesional. Nosotros lo ve\u00edamos as\u00ed en sus inicios, pero en los \u00faltimos a\u00f1os Front Page ha evolucionado notablemente, siendo hace tiempo una aplicaci\u00f3n profesional que mantiene una facilidad de uso impecable combinado con \u00fatiles herramientas.<\/p>\n<p>Su competidor, Dreamweaver, lo supera claramente en el marco de las posibilidades de programaci\u00f3n. Sin embargo, desde la perspectiva de la interfaz y utilizaci\u00f3n, preferimos los men\u00fas sencillos e intuitivos de Front Page, que lo hacen aparentar ser un procesador de texto como Word.<\/p>\n<h1>Photoshop<\/h1>\n<p>Todo dise\u00f1ador web ha de conocer algunas herramientas que le permitan crear gr\u00e1ficos para incluir en p\u00e1ginas web. Existen en el mercado m\u00faltiples programas pero el que tratamos aqu\u00ed es una de las mejores opciones.<\/p>\n<p>A lo largo de sus distintas versiones ha ido sofistic\u00e1ndose cada vez m\u00e1s e incorporando nuevas herramientas, a la vez que se perfeccionaban las existentes. Con todo se puede decir que estamos hablando de un programa muy completo, vivo y muy pr\u00e1ctico.<\/p>\n<p>Es importante conocer todas sus herramientas y saber utilizarlas, por este motivo nuestro equipo esta desarrollando un <strong><a href=\"http:\/\/www.desarrolloweb.com\/manuales\/manual-photoshop.html\">manual de photoshop<\/a><\/strong>. Por otro lado estamos publicando todas las informaciones pr\u00e1cticas para explicar el uso de Photoshop, y los casos m\u00e1s interesantes en que los dise\u00f1adores web pueden utilizarlo, en el <a href=\"http:\/\/www.desarrolloweb.com\/manuales\/taller-de-photoshop.html\"><strong>Taller de Photoshop<\/strong><\/a>, que actualizamos peri\u00f3dicamente.<\/p>\n<p>Aparte, existe mucha informaci\u00f3n externa sobre Photoshop, que publican otras webs y nos puede servir para conocer el programa. Existen multitud de p\u00e1ginas interesantes y completas, veamos sin m\u00e1s algunas de ellas:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.unav.es\/cti\/manuales\/pdf\/IntroPhotoshop4.pdf\" target=\"_blank\">Introducci\u00f3n a Photoshop<\/a>. Ofrecido por la universidad de Navarra, un PDF bastante amplio sobre Photohop 4. Quiz\u00e1s hoy en d\u00eda poco actualizado.<\/li>\n<li><a href=\"http:\/\/www.solophotoshop.com\/\" target=\"_blank\">Solo Photoshop<\/a>. Tiene tutoriales y art\u00edculos para aprender diversas t\u00e9cnicas.<\/li>\n<li><a href=\"http:\/\/www.canalphotoshop.com\/\" target=\"_blank\">Canal Photoshop<\/a>. Otro sitio dedicado a Photoshop.<\/li>\n<li><a href=\"http:\/\/wdvl.internet.com\/Authoring\/Graphics\/Tools\/Photoshop\/\" target=\"_blank\">Introduction to Web Design with Adobe Photoshop <\/a>. Es una web en Ingl\u00e9s pero con muy buena pinta.<\/li>\n<li><a href=\"http:\/\/www.web-studio.com.ar\/\" target=\"_blank\">Web Studio<\/a>. Entre otras cosas, muchos trucos con Photoshop.<\/li>\n<li><a href=\"http:\/\/www.mundotutoriales.com\/tutoriales_photoshop-mdpal14171.htm\" target=\"_blank\">Adobe Photoshop Tutoriales<\/a>. M\u00e1s informaci\u00f3n y ayudas sobre Photoshop en castellano.<\/li>\n<li><a href=\"http:\/\/www.adobe.es\/products\/photoshop\/\" target=\"_blank\">P\u00e1gina de Adobe del producto Photoshop<\/a>. Informaci\u00f3n de primera mano.<\/li>\n<li><a href=\"http:\/\/www.adobe.com\/products\/tips\/photoshop.html\" target=\"_blank\">Adobe Photoshop Tips<\/a>. Tutoriales de Photoshop por Adobe, empresa creadora del producto.<\/li>\n<\/ul>\n<p>Pensamos que ahora no te faltar\u00e1 informaci\u00f3n sobre Photoshop, una buena elecci\u00f3n.<\/p>\n<p>De todos modos, comentamos que existe una <a href=\"http:\/\/www.desarrolloweb.com\/directorio\/diseno\/manuales_de_aplicaciones\/photoshop\/\">categor\u00eda de nuestro directorio totalmente dedicada a Photoshop<\/a> donde se pueden encontrar m\u00e1s enlaces, art\u00edculos, manuales, etc.<\/p>\n<h1>Sothink DHTML Menu<\/h1>\n<p>Se trata de un programa muy interesante para crear men\u00fas DHTML avanzados a golpe de rat\u00f3n, sin necesidad de dominar el HTML din\u00e1mico. El programa nos propone una lista interesante de opciones para configurar un men\u00fa, como pueden ser los distintos ep\u00edgrafes, los sub-apartados de cada uno y los enlaces a los que se debe dirigir cada opci\u00f3n. Adem\u00e1s nos permite configurar el estilo de presentaci\u00f3n de los enlaces y la manera de desplegar el men\u00fa de opciones.<\/p>\n<p>Pocas veces se pueden conseguir resultados tan interesantes en tan poco tiempo. Para probar el programa hemos realizado varios men\u00fas desplegables, que se pueden ver en p\u00e1ginas a parte, para hacernos una idea m\u00e1s exacta de las capacidades del programa:<\/p>\n<p><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/ejemplos\/dhtml-menu\/menu1\/\" target=\"_blank\">Men\u00fa 1<\/a><br \/>\n<a href=\"http:\/\/www.desarrolloweb.com\/articulos\/ejemplos\/dhtml-menu\/menu2\/\" target=\"_blank\">Men\u00fa 2<\/a><\/p>\n<p><strong>C\u00f3mo construir los men\u00fas<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.desarrolloweb.com\/articulos\/images\/dhtml-menu.gif\" border=\"0\" alt=\"Imagen de Sothink DHTML Men\u00fa 3.0\" hspace=\"2\" vspace=\"2\" width=\"310\" height=\"220\" align=\"right\" \/>Para construir un men\u00fa din\u00e1mico vamos creando los distintos apartados y asignando las propiedades a cada uno. Podemos configurar el texto que aparece, el enlace al que nos dirige la opci\u00f3n, los estilos a cada apartado, etc. Podemos asignar un estilo distinto para el momento en el que el rat\u00f3n no se encuentra encima de la opci\u00f3n y para cuando si que se ha situado encima de dicha opci\u00f3n. De manera que cuando se coloca el rat\u00f3n sobre una opci\u00f3n esta cambie de color para indicar visualmente al usuario que se trata de un elemento activo.<\/p>\n<p>Cada opci\u00f3n puede tener a su vez otras opciones subordinadas, que se muestran solamente cuando nos hemos situado encima de la opci\u00f3n principal. Las opciones subordinadas no son m\u00e1s que opciones normales, configurables igual que cualquier otra.<\/p>\n<p>Adem\u00e1s, el programa nos permite crear efectos muy sorprendentes, que incluyen degradados a la hora de mostrar un men\u00fa subordinado, bolas al lado de cada uno de los elementos, submen\u00fas dispuestos vertical y horizontalmente, que salgan arriba o abajo y un largo etc\u00e9tera. Para investigar sobre las posibilidades del programa es muy recomendable crear un nuevo men\u00fa a trav\u00e9s de un template (plantilla). Tenemos una larga lista de ejemplos o plantillas creadas desde el principio y podemos visualizarlas al hacer un nuevo men\u00fa.<\/p>\n<p><a href=\"http:\/\/www.desarrolloweb.com\/articulos\/ejemplos\/dhtml-menu\/menu3\/\" target=\"_blank\">Men\u00fa 3<\/a><\/p>\n<p>Este ejemplo utiliza una plantilla muy vistosa, que puede ser interesante para hacerse una idea adicional de las caracter\u00edsticas de los templates. (El men\u00fa 2 visto anteriormente tambi\u00e9n utilizaba una plantilla, aunque no lo hab\u00edamos indicado antes).<\/p>\n<p><strong>Publicando un men\u00fa<\/strong><\/p>\n<p>Para publicar los men\u00fas el programa dispone de un asistente que permite, paso a paso, generar todo el c\u00f3digo para la publicaci\u00f3n. Nos ofrece dos posibilidades:<\/p>\n<p>1) Colocar el c\u00f3digo en una p\u00e1gina HTML ya creada. Para lo que nos permite situarnos con el cursor en el lugar exacto donde queramos que aparezca el men\u00fa y autom\u00e1ticamente actualiza la p\u00e1gina web con el c\u00f3digo adecuado. Adem\u00e1s, incluye los archivos .js (C\u00f3digo fuente Javascript) autom\u00e1ticamente en la p\u00e1gina que estamos actualizando y copia dichos archivos en el directorio que indiquemos.<\/p>\n<p>2) Ver el c\u00f3digo necesario para hacer el men\u00fa y ser nosotros los que copiemos ese c\u00f3digo y lo peguemos en el lugar que se desee que aparezca. En este caso nos van indicando los trozos de c\u00f3digo a presentar y los lugares te\u00f3ricos donde deber\u00eda colocarse y somos nosotros los que finalmente decidimos la posici\u00f3n de cada trozo de c\u00f3digo.<\/p>\n<p><strong>Compatibilidad con navegadores<\/strong><\/p>\n<p>El programa viene preparado para distinguir entre varios tipos de navegadores y mostrar el men\u00fa de modo que se vea correctamente en cada uno. Nosotros hemos hecho algunas pruebas para comprobar hasta que punto el programa es compatible y, en muchos casos, ha funcionado correctamente.<\/p>\n<p><strong>Internet Explorer <\/strong><br \/>\nTodos los efectos salieron correctamente. (Probamos las versiones 5.5 y 6)<\/p>\n<p><strong>Netscape 4.7<\/strong><br \/>\nUna pena que la compatibilidad con Netscape 4 no est\u00e9 implementada, por lo menos en la versi\u00f3n del programa que hemos evaluado. Aunque, en las especificaciones de la versi\u00f3n 3.5, indican que ya existe compatibilidad.<\/p>\n<p><strong>Netscape 6.2<\/strong><br \/>\nEl men\u00fa funciona perfectamente, aunque algunos de los efectos no se llegan a ver, como cambiar el color de las celdas donde se encuentra el rat\u00f3n.<\/p>\n<p><strong>Opera 6.01<\/strong><br \/>\nFunciona casi tan bien como Internet Explorer, s\u00f3lo fallan algunas cortinillas para mostrar los submen\u00fas (aunque si aparecen los submen\u00fas no aparece la animaci\u00f3n que se ha seleccionado para que aparezcan).<\/p>\n<table border=\"0\" cellspacing=\"2\" cellpadding=\"2\" width=\"90%\" align=\"center\" bgcolor=\"#eeeeee\">\n<tbody>\n<tr>\n<td class=\"fuente8\"><strong>Nota:<\/strong> Los distintos grados de compatibilidad de los navegadores anteriores se deben a que \u00e9stos no tienen implementadas algunas caracter\u00edsticas del DHTML, m\u00e1s que a un fallo de programaci\u00f3n de los men\u00fas que se generan con el presente programa.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1>Corel Ventura 10<\/h1>\n<p>Un pionero DTP regresa para superarse y sorprender a sus fieles usuarios y ganar, al mismo tiempo, nuevos adeptos. Corel es la empresa responsable de esta versi\u00f3n, que despues de adquirirlo hace ya varios a\u00f1os parec\u00eda haber quedado en las sombras, y es que hay una diferencia de cuatro a\u00f1os de esta edici\u00f3n con la anterior.<\/p>\n<p>Corel Ventura est\u00e1 orientado hacia el desarrollo del dise\u00f1o y la creaci\u00f3n de grandes documentos, orientados principalmente a la impresi\u00f3n en papel. Es un programa parecido a otros m\u00e1s conocidos como PageMaker, QuarkXPress, FrameMarker o InDesign. Su interfaz es un aspecto problem\u00e1tico debido a que es bastante confusa para quien nunca utiliz\u00f3 este software. De todas formas Corel Ventura tiene un gran potencial.<\/p>\n<p>Las opciones de importaci\u00f3n son extremadamente completas, abarcando los formatos m\u00e1s utilizados en la actualidad. Las im\u00e1genes importadas pueden ser editadas, y para ello contamos con m\u00e1s de 100 filtros para aplicar efectos y mejoras sobre las impresiones. Por otro lado, Corel Ventura trabaja con etiquetas en el marco del formateo del dise\u00f1o de los contenidos, con lo cual, a trav\u00e9s del panel Tag Window el usuario es capaz de realizar cambios de forma r\u00e1pida y eficiente.<\/p>\n<p>Una de las grandes novedades de Corel Ventura 10 es que brinda una soluci\u00f3n completa en relaci\u00f3n al formato PDF, y ello implica la edici\u00f3n y exportaci\u00f3n de nuestros documentos. Y tambi\u00e9n presenta el formato XML, una extensi\u00f3n \u00fatil y muy usada en el \u00e1mbito Web, que la gente de Corel incorpor\u00f3 a su producto. Sin embargo, Corel Ventura ofrece la importaci\u00f3n de archivos XML, pero no la exportaci\u00f3n.<\/p>\n<p>Corel Ventura 10 es un software potente que los expertos sabr\u00e1n aprovechar. Sus herramientas de trabajo permiten una automatizaci\u00f3n agradable, y su soporte PDF es excelente. La exportaci\u00f3n XML y su forma de uso, complicada para usuarios inexpertos, es lo que le resta puntos.<\/p>\n<h1>Adobe Photoshop CS<\/h1>\n<p>Luego de pasar un par de horas trabajando con Photoshop es f\u00e1cil comprender por qu\u00e9 este programa de dise\u00f1o es la clave y pieza fundamental del cat\u00e1logo de Adobe. Ha sido una dura labor resumir las principales caracter\u00edsticas de esta edici\u00f3n.<\/p>\n<p>Con una interfaz enga\u00f1osa, por el hecho de parecerse a la vista a la versi\u00f3n 6.5, Photoshop CS esconde mejoras soberbias, que suponen nuevas formas de trabajar con el software de Adobe, que adem\u00e1s es el pilar de la empresa y uno de los referentes l\u00edderes del mercado actual de dise\u00f1o. Esta entrega denota una atenci\u00f3n especial en los \u00e1mbitos de video, fotograf\u00eda, web y producci\u00f3n gr\u00e1fica. No obstante, durante cualquier tipo de desarrollo, el usuario despliega sus conocimientos con total libertad haciendo uso de una infinidad de recursos. De principio a fin, Photoshop CS es impecable.<\/p>\n<p>La primera observaci\u00f3n que se obtiene despu\u00e9s de instalar e iniciar Photoshop CS tiene como protagonista al sistema de exploraci\u00f3n de archivos, a trav\u00e9s del cual se abre una imagen para trabajarla en el \u00e1rea de desarrollo del programa. Es posible previsualizar im\u00e1genes e incluso, como gran novedad, asignar metadatos y palabras de tal manera que se pueda hacer una clasificaci\u00f3n, b\u00fasqueda o registro de los cambios realizados. De esta forma, la organizaci\u00f3n de documentos resulta de lo m\u00e1s eficiente, destac\u00e1ndose la capacidad de guardar detalles acerca del desarrollo de cada impresi\u00f3n. Asimismo pueden realizarse operaciones de conversi\u00f3n de formatos o edici\u00f3n, sin necesidad de abrir las im\u00e1genes. Por otro lado, las opciones de escaneo se ven favorecidas con la inclusi\u00f3n de una funci\u00f3n que permite tomar varias im\u00e1genes de una vez, llevando cada nueva foto al documento correspondiente y continuando con la siguiente hasta finalizar el proceso. Otra cuesti\u00f3n que hac\u00eda tiempo se ped\u00eda en Photoshop ha sido solucionada. Esto es la personalizaci\u00f3n de atajos de teclado. Asimismo puede configurarse el espacio de trabajo. Marcar las preferencias del usuario es algo que le faltaba al programa, por lo que este agregado es bien recibido.<\/p>\n<p>La galer\u00eda de filtros ser\u00e1 seguramente una de las novedades m\u00e1s llamativas para los seguidores de Photoshop ya que lista m\u00e1s de 95 efectos especiales para aplicar de forma inmediata en una imagen. Lo magn\u00edfico de este panel es que permite administrar las caracter\u00edsticas de todos los filtros usados desde un mismo lugar. Tambi\u00e9n tiene una opci\u00f3n para previsualizar las modificaciones realizadas en una impresi\u00f3n. Se trata de un concepto totalmente nuevo en lo que refiere a trabajar con efectos en Photoshop dado que antes los filtros eran accesibles de forma individual, por lo que el usuario se ve\u00eda inmerso en diversas ventanas. En la pr\u00e1ctica, este cambio supone ahorro de tiempo y una mayor comodidad.<\/p>\n<p>Pero lo dicho hasta aqu\u00ed es s\u00f3lo el principio del nuevo Photoshop, una edici\u00f3n por la que merece la pena actualizarse. Sin ir muy lejos, en el campo de la fotograf\u00eda se aprecia la inclusi\u00f3n del Plug-in Camara Raw, el cual permite que las im\u00e1genes capturadas por una c\u00e1mara sean editadas sin restricciones. Modificar el contraste, los colores y otros aspectos que conforman la ambientaci\u00f3n de una foto forman parte de esta utilidad.<\/p>\n<p>La compatibilidad con PDF 1.5 posibilita la exportaci\u00f3n de una o varias im\u00e1genes a este formato, manteniendo la estructura y aprovechando los beneficios de esta opci\u00f3n, como por ejemplo ventajas en seguridad.<\/p>\n<p>Para los usuarios m\u00e1s exigentes se destaca la capacidad de trabajar con im\u00e1genes de 16 bits por canal, comprendiendo textos, efectos, herramientas de dibujo y m\u00e1s. Al mismo tiempo se ha ampliado el soporte m\u00e1ximo de tama\u00f1o de un proyecto, alcanzando los 300.000x 300.000 p\u00edxeles. Esto demuestra claramente el poder del motor gr\u00e1fico del software. En lo que refiere a la producci\u00f3n para Internet, hallamos en ImageReady CS, que viene junto con Photoshop CS, una amplia lista de opciones de desarrollo. Destacan en este contexto funciones de dise\u00f1o que seleccionan y\/o agrupan objetos, gu\u00edas inteligentes, partici\u00f3n de im\u00e1genes para optimizar el peso final, y la amistad con el programa principal, que supone una integraci\u00f3n muy bien lograda, pudiendo exportar e importar trabajos de ImageReady a Photoshop y viceversa.<\/p>\n<p>Por \u00faltimo se resaltan mejoras significativas en el uso de capas. La herramienta de composici\u00f3n de capas es capaz de englobar todos los aspectos de un proyecto, entendi\u00e9ndose por textos, efectos y colores entre otros valores. As\u00ed, el usuario graba las preferencias en un \u00fanico archivo para luego modificarlas o aplicarlas en otros trabajos. La edici\u00f3n de texto ha sido muy cuidada, ofreciendo ahora una din\u00e1mica de mayor nivel de tal manera de que el usuario pueda crear tipograf\u00edas impactantes.<\/p>\n<h1>Xara X1<\/h1>\n<p>Llega una nueva edici\u00f3n de Xara, programa que se ha ganado su prestigio tres a\u00f1os atr\u00e1s con el lanzamiento de la versi\u00f3n X a ra\u00edz de la velocidad de procesamiento, combinado con una interfaz agradable, intuitiva y de f\u00e1cil aprendizaje. No obstante, las herramientas de Xara X comprenden una variedad de filtros y opciones de dibujo de excepcional utilidad. El resultado son desarrollos realistas, art\u00edsticos y de mayor calidad. Xara X1 tiene una valorada referencia a la cual debe hacerle honor, teniendo en cuenta el tiempo transcurrido. Xara X tra\u00eda consigo una tremenda lista de caracter\u00edsticas, desde opciones espec\u00edficas para la web, soporte para flash, hasta herramientas de arte y aplicaci\u00f3n de efectos. A todo esto, Xara X1 no es una entrega con tantas luces innovadoras como la anterior, aunque tiene lo suyo.<\/p>\n<p>Xara X1 nos lleva, en primera instancia, a hablar sobre el motor gr\u00e1fico, sobre el cual apreciamos su velocidad extrema. Si Xara X era r\u00e1pido, para Xara X1 no hay palabras. Se trata de la tercera generaci\u00f3n del motor de renderizaci\u00f3n de Xara, lo que hace posible creaciones hasta un 20% m\u00e1s veloces, y en algunos casos hasta 100% m\u00e1s r\u00e1pidas. Esto engloba cambios de rotaci\u00f3n, dimensi\u00f3n y la implementaci\u00f3n de efectos. Llevar a cabo modificaciones sobre un documento genera resultados inmediatos. Esta forma de desarrollo que posibilita Xara es sorprendente, tanto para usuarios principiantes como avanzados.<\/p>\n<p>El soporte de plug-ins para extender las funcionalidades es un buen agregado. Tambi\u00e9n hallamos ilimitados deshacer, para regresar al archivo original a pesar de la cantidad de modificaciones que se hayan realizado.<\/p>\n<p>Adem\u00e1s soporta exportaci\u00f3n a PNG, CMYK para impresi\u00f3n, e introduce mejoras en el uso de colores y algunos detalles en la interfaz que la hacen m\u00e1s amistosa.<\/p>\n<p>Luego encontramos Xara Picture Editor, un editor de mapas de bits que se integra a Xara para realizar cambios b\u00e1sicos sobre una imagen, tales como re-dimensionar o rotar. No obstante, a pesar de las limitaciones de esta herramienta, apreciamos otro punto importante del software desde aqu\u00ed, que reside en no utilizar memoria o espacio del sistema al realizar operaciones, teniendo como base la imagen original, que es embebida en su formato nativo.<\/p>\n<p>Hay que ser honestos; despu\u00e9s de tres a\u00f1os esper\u00e1bamos algo m\u00e1s. Las novedades que giran entorno a Xara X1 no son muchas, pero abren el camino a futuras producciones que sacar\u00e1n mayor partido de las tecnolog\u00edas presentadas en esta entrega. La compatibilidad con plug-ins es uno de los pilares de ello, lo que probablemente har\u00e1 posible al programa demostrar su capacidad de volver hacia atr\u00e1s cuantas veces lo sea necesario, adem\u00e1s de su \u201cmemoria cero\u201d. Pero Xara contin\u00faa siendo imbatible en lo que refiere a velocidad y sabe aprovechar esa cualidad. Asimismo los U$S 179 son bien invertidos.<\/p>\n<p>Finalmente, en lo que refiere a documentaci\u00f3n de ayuda, el usuario encuentra, en muchos de los casos en idioma ingl\u00e9s, tutoriales e informaci\u00f3n muy \u00fatil acerca de c\u00f3mo usar de manera \u00f3ptima los recursos del programa.<\/p>\n<p>Xara es un software de dibujo e ilustraci\u00f3n que, estando por debajo de Illustrator o CorelDraw, es una propuesta muy interesante a ra\u00edz de su bajo precio y de la velocidad de trabajo que presenta; dos caracter\u00edsticas que no se remiten precisamente a desarrollos de mala calidad. Xara X1 es r\u00e1pido, estable, creativo, f\u00e1cil de usar y barato.<\/p>\n<h1>Deep Paint 3D<\/h1>\n<p>El dise\u00f1ador gr\u00e1fico tridimensional encuentra en Deep Paint 3D (<a href=\"http:\/\/www.righthemisphere.com\/products\/dp3d\/\" target=\"_blank\">www.righthemisphere.com\/products\/dp3d<\/a>) una soluci\u00f3n para pintar y texturizar modelos 3D de forma realista y profesional. Realmente es un producto brillante que presenta una gran lista de herramientas generando resultados sorprendentes a la vista. Deep Paint 3D es el compa\u00f1ero estelar de Deep Paint, y cada uno tiene un enfoque diferente. Ambos productos presentan una gran similitud en el ambiente de trabajo.<\/p>\n<p>Deep Saint 3D puede usarse de forma independiente o integrar su salaa de trabajo a los requerimientos de dise\u00f1o de 3ds max, Maya, LightWave, Softimage 3D y Photoshop.<\/p>\n<p>La interfaz de Deep Paint 3D esconde herramientas incre\u00edblemente poderosas. De esta forma encontramos todo tipo de pinceles, y no s\u00f3lo es posible pintar con colores, sino tambi\u00e9n con texturas, o bien aplicar \u00e9stas a determinados elementos del modelo. Incluso tenemos la posibilidad de emplear efectos de luces afectando posiciones espec\u00edficas.<\/p>\n<p>Uno de los puntos claves de Deep Paint 3D reside en la compatibilidad de formatos, y es que es posible trabajar con figuras 3DS, JPEG, PSD, LWO, TIFF, OBJ, y tambi\u00e9n est\u00e1n disponibles plug-ins para poder obtener de forma directa gr\u00e1ficos desde Maya, SoftImage, 3ds max, y LightWave.<\/p>\n<p>Lo estupendo de Deep Paint 3D es que editar una imagen 3D es posible de manera directa, abriendo el archivo y viendo cada aspecto del mismo girando el modelo en un entorno tridimensional. Es como si estuvi\u00e9ramos trabajando sobre una imagen en 2D, y es que la aplicaci\u00f3n nos posibilita pintar directamente sobre la superficie de forma natural y en tiempo real.<\/p>\n<p>En los men\u00fas hallamos varias utilidades que nos permiten analizar detenidamente el modelo, bloqueando elementos que no deben ser modificados, comprobando los colores y texturas utilizadas, y dem\u00e1s.<\/p>\n<p>La posibilidad de soporte hacia Photoshop es algo que el usuario tiene que aprovechar sin lugar a dudas. Desde el panel de control de los materiales aplicados en el modelo tenemos la oportunidad de abrirlos en una modalidad 2D a trav\u00e9s de la cual somos capaces de aplicar filtros caracter\u00edsticos de Photoshop. Los materiales son elementos fundamentales para dar vida a la figura 3D, y las opciones de edici\u00f3n son de lo m\u00e1s completas.<\/p>\n<p>La otra gran innovaci\u00f3n de Deep Paint 3D consiste en congelar el modelo 3D transform\u00e1ndolo en 2D. De esta forma pintamos la imagen, y una vez que hayamos terminado podemos regresar al modelo 3D afectando el resto de la imagen.<\/p>\n<p>Deep Paint 3D posee unas herramientas \u00fanicas que permiten agilizar los tiempos en el desarrollo de modelos tridimensionales, encarg\u00e1ndose de uno de los aspectos m\u00e1s importantes: el realismo.<\/p>\n<p>Por otro lado, ofrece soporte para perif\u00e9ricos de dibujo, como la tabla y el l\u00e1piz, para obtener m\u00e1s precisi\u00f3n que con el rat\u00f3n. En este sentido, son incluidas funciones especiales para dispositivos Wacom, para sacar a\u00fan m\u00e1s ventajas.<\/p>\n<p>Tal es la calidad de la aplicaci\u00f3n de Righth Emisphere, que es usado en climas tan exigentes como en la televisi\u00f3n y en el cine, creando entretenimiento interactivo o sobresalientes im\u00e1genes.<\/p>\n<p>Haciendo a un lado el precio del programa, Deep Paint 3D presenta una serie de caracter\u00edsticas impecables en el dise\u00f1o tridimensional permitiendo mayores facilidades en la ambientaci\u00f3n del modelo.<\/p>\n<h1>Flax<\/h1>\n<p>Este es un programa que te puede ayudar mucho con tus animaciones Flash ya seas un principiante o un profesional. Es un programa muy \u00fatil pues con \u00e9l <strong>se pueden crear efectos de texto espectaculares para tus animaciones Flash<\/strong> y de una manera extremadamente f\u00e1cil. Con un interfaz muy amigable, el programa tiene poderosas caracter\u00edsticas que te sorprender\u00e1n. Con s\u00f3lo escribir el texto que quieres animar y escoger la animaci\u00f3n adecuada (hay m\u00e1s de 22 predefinidas) ya lo tienes, <strong>tu efecto de texto en menos de lo que puedas creer<\/strong>. Tambi\u00e9n es altamente configurable, y puedes cambiar la mayor\u00eda de las opciones, como (naturalmente), los colores y los tipos y tama\u00f1os de letras, pero tambi\u00e9n puedes configurar los efectos a tus gustos y necesidades. Se puede cambiar la velocidad de movimiento de las letras, grados de rotaci\u00f3n, etc. Cada efecto tiene sus propias opciones configurables.<\/p>\n<p>Este programa tambi\u00e9n es bueno para profesionales, pues permite ahorrar de una forma extraordinaria el tiempo. En lugar de perder el tiempo creando estos efectos en Flash (que la mayor\u00eda s\u00f3lo se puede con animaci\u00f3n FRAME-BY-FRAME) puedes crearlos en Flax en 5 minutos y concentrarte en las otras partes de tus pel\u00edculas, y por consiguiente ahorrar\u00e1s tiempo. <strong>Luego los efectos se exportan directamente al formato swf, para ponerlos directamente en tu p\u00e1gina, o puedes importarlos a flash para ser editado ah\u00ed. <\/strong><\/p>\n<p>La versi\u00f3n shareware de este programa se puede conseguir la direcci\u00f3n <a href=\"http:\/\/www.flaxfx.com\/\" target=\"_blank\">http:\/\/www.flaxfx.com<\/a> . Ah\u00ed tambi\u00e9n puedes ver ejemplos de animaciones creadas con Flax e informaci\u00f3n sobre el programa. Realmente recomendable.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.desarrolloweb.com\/articulos\/images\/pantallaflax.gif\" border=\"0\" alt=\"Muestra de una pantalla del programa flax\" width=\"470\" height=\"357\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Adobe Photoshop Elements 3.0 Elements 3 consigue situarse entre los mejores programas de dise\u00f1o hogare\u00f1o, enfoc\u00e1ndose en la edici\u00f3n, organizaci\u00f3n y presentaci\u00f3n de colecciones fotogr\u00e1ficas. La integraci\u00f3n del software Photoshop Album, introducido como la nueva ventana de administraci\u00f3n de im\u00e1genes de Elements, es un factor fundamental para la transformaci\u00f3n de esta soluci\u00f3n, que logra distanciarse [&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-180","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/180","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=180"}],"version-history":[{"count":4,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":210,"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/pages\/180\/revisions\/210"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/cari22\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}