\nJordi Adell
\nWeb 5, abril 1996. 42-45<\/p>\n
Adobe Site Mill integra el ya conocido Adobe PageMill, un editor HTML WYSIWYG, y una serie de facilidades para dise\u00f1ar y mantener estructuras hipertextuales complejas. SiteMill permite editar desde una p\u00e1gina simple a un servidor completo con cientos de documentos HTML, incluyendo ficheros gr\u00e1ficos, sonido, etc., detectar y corregir autom\u00e1ticamente v\u00ednculos hipertextuales (\u201clinks\u201d) rotos, mostrar todos los v\u00ednculos externos y navegar por todos los recursos de un servidor Web. Si se trabaja en la realizaci\u00f3n de p\u00e1ginas HTML en un entorno Macintosh, aunque tenga el servidor en un ordenador remoto bajo Unix, MacOS, Windows NT, u otro sistema), SiteMill es sumamente \u00fatil.\n<\/p>\n
![\"car\u00e1tula](\"http:\/\/elbonia.cent.uji.es\/jordi\/wp-content\/uploads\/2008\/03\/caratula.gif\")
<\/p>\n
Con SiteMill se puede elaborar un proyecto WWW completo, desde los documentos HTML individuales (incluyendo mapas sensibles y formularios simples) hasta la estructura de ficheros. No vamos a comentar el editor ya que es exactamente igual a PageMill. Nos centraremos en las caracter\u00edsticas que lo convierten en una herramienta adecuada para gestionar proyectos complejos.<\/p>\n
El primer paso para comenzar a trabajar es configurar SiteMill. Tanto si trabajamos con un servidor local o remoto, es necesario ajustar las preferencias. As\u00ed, definimos el directorio ra\u00edz del proyecto en nuestro servidor y la carpeta que lo contiene en nuestro Mac y, si es el caso, el formato de los ficheros de configuraci\u00f3n de mapas sensibles, las extensiones de los ficheros HTML<\/p>\n
![\"Preferencias](\"http:\/\/elbonia.cent.uji.es\/jordi\/wp-content\/uploads\/2008\/03\/preferencias.gif\")
<\/p>\n
Una vez ajustadas las preferencias, cargamos nuestro proyecto mediante el \u00edtem \u201cLoad\u201d del men\u00fa \u201cSite\u201d. SiteMill analiza el contenido de todos los ficheros contenidos en dicha carpeta y muestra el resultado en varias ventanas.<\/p>\n
La ventana de errores<\/p>\n
En la ventana de errores se listan todos los ficheros que aparecen referenciados dentro de todos los documentos HTML del proyecto pero que no existen o no est\u00e1n en el sitio que toca (o puede que s\u00ed est\u00e9n donde toca, pero nos hemos equivocado en el \u201clink\u201d), con un icono representativo del tipo de fichero, su \u201cpath\u201d completo y un bot\u00f3n con dos tri\u00e1ngulos cuyos v\u00e9rtices miran hacia dentro (v\u00e9ase figura siguiente)<\/p>\n
![\"ventana](\"http:\/\/elbonia.cent.uji.es\/jordi\/wp-content\/uploads\/2008\/03\/errores.gif\")
\nLa ventana de errores<\/p>\n
Haciendo doble click sobre el nombre o el icono del fichero nos aparece un cuadro de navegaci\u00f3n para que localicemos su paradero. Si as\u00ed lo hacemos, SiteMill se encarga de modificar todos los \u201clinks\u201d a dicho fichero en todos los documentos HTML de nuestro proyecto en los que aparezca. Si el error, en cambio, se debe a la referencia, pulsando con el rat\u00f3n sobre el icono de los tri\u00e1ngulos obtendremos una lista de los documentos HTML del proyecto en los que aparecen \u201clinks\u201d al fichero. Si soltamos el bot\u00f3n del rat\u00f3n sobre el nombre de uno de los documentos HTML, SiteMill lo abre con el editor HTML, permiti\u00e9ndonos hacer los cambios pertinentes.<\/p>\n
Sorprendentemente, en la ventana de errores pueden aparecer nombres de ficheros que no hemos visto jam\u00e1s. Si, por ejemplo, en un URL de un \u201clink\u201d introducimos una coma en lugar de un punto, SiteMill considera la parte final del URL un fichero y nos ofrece su nombre en la lista de errores (ya que evidentemente no lo encuentra en nuestro proyecto). Esta carater\u00edstica es \u00fatil para detectar URLs mal formados. Sin embargo, y esto si que es un error del SiteMill, no reconoce los URLs de sesiones tn3270.<\/p>\n
![\"ventana](\"http:\/\/elbonia.cent.uji.es\/jordi\/wp-content\/uploads\/2008\/03\/proyecto.gif\")
\nLa ventana de proyecto<\/p>\n
La ventana de proyecto<\/p>\n
La ventana con el nombre de la carpeta que contiene nuestro proyecto muestra, de modo jer\u00e1rquico, toda la estructura de carpetas, ficheros (HTML, im\u00e1genes, etc.) con sus iconos correspondientes, su localizaci\u00f3n o \u201cpath\u201d completo en nuestro disco duro y dos iconos en forma de bot\u00f3n con dos tri\u00e1ngulos cada uno. El que tiene los v\u00e9rtices enfrentados, si pulsamos encima, nos lista los documentos en los que existen \u201clinks\u201d que apuntan al fichero. El que tiene las bases de los tri\u00e1ngulos enfrentadas, lista los \u201clinks\u201d locales y remotos que contiene el fichero (evidentemente, los ficheros de texto HTML). Los \u201clinks\u201d remotos van precedidos por el icono de la bola del mundo y aparece el \u201cpath\u201d completo. Los locales aparecen relativos a la ra\u00edz. Si en lugar de un icono aparece una X roja, significa que dicho fichero est\u00e1 des-referenciado, es decir, no recibe nung\u00fan \u201clink\u201d de los documentos HTML del proyecto.<\/p>\n
Editar cualquiera de los ficheros es tan sencillo como hacer doble click sobre su nombre o icono. Las listas que aparecen cuando pinchamos sobre los botones de los tri\u00e1ngulos son men\u00fas desplegables: si soltamos sobre un nombre, SiteMill lo edita (si es un fichero local y est\u00e1 en un formato que maneje SiteMill, como texto o GIF. La versi\u00f3n beta a la que hemos tenido acceso todav\u00eda no soporta JPEG).<\/p>\n
Para cambiar de sitio un documento, solo es necesario arrastrarlo a la carpeta elegida. Autom\u00e1ticamente, SiteMill cambiar\u00e1 todos los \u201clinks\u201d a y desde el documento. As\u00ed por ejemplo, si un documento contiene \u201clinks\u201d a otros del proyecto y a su vez, otros documentos lo referencian en algunos \u201clinks\u201d, SiteMill cambia todos los URLs para mantener las referencias intactas. Ser\u00eda deseable que se pudiera escoger si dichos cambios se realizan mediante URLs absolutos o relativos. Tambi\u00e9n ser\u00eda deseable poder mover directorios completos y grupos de documentos en un s\u00f3lo paso, pero en la versi\u00f3n 1.0 todav\u00eda no es posible.<\/p>\n
La ventana de URLs externos<\/p>\n
La ventana de URLs externos nos muestra un listado de todas las referencias de nuestros documentos a URLs que no caen dentro del se\u00f1alado en las preferencias como ra\u00edz. Los iconos diferencias entre p\u00e1ginas HTML y directorios. Si pinchamos en el icono de los tri\u00e1ngulos, nuevamente veremos un men\u00fa desplegable con la lista de todos nuestros documentos que contienen un \u201clink\u201d a dicho URL, permiti\u00e9ndonos editarlo soltando sobre su nombre. Evidentemente, SiteMill no es un agente de usuario WWW: no podemos comprobar (si estamos en un Mac conectado a la red) si los URLs son correctos. Tal vez la pr\u00f3xima versi\u00f3n incluya c\u00f3digo para realizar esta operaci\u00f3n y, de paso, para cargar todo nuestro proyecto en el servidor remoto mediante el protocolo que prefiera el usuario (FTP, HTTP, AppleTalk, etc.).<\/p>\n
![\"URLs](\"http:\/\/elbonia.cent.uji.es\/jordi\/wp-content\/uploads\/2008\/03\/urls_externos.gif\")
\nLa ventana de URLs externos<\/p>\n
Adem\u00e1s de las ventanas anteriores, SiteMill incluye todas las caracter\u00edsticas de PageMill, edici\u00f3n HTML, inservic\u00f3n de im\u00e1genes tipo \u201carrastrar y soltar\u201d, Inspector de Atributos, apuntador para guardar elementos frecuentes y el resto de caracter\u00edsticas de PageMill. SiteMill escribe HTML 2.0 y algunas extensiones Netscape. A\u00fan no se pueden hacer (aunque se ha anunciado para pr\u00f3ximas versiones) formularios m\u00faltiples en una s\u00f3la p\u00e1gina, tablas, columnas, \u201cframes\u201d, etc.<\/p>\n
En resumen, SiteMill pertenece a una nueva generaci\u00f3n de herramientas para el Web que integra editor HTML intuitivo y f\u00e1cil de usar y un gestor de la estructura de ficheros y de los \u201clinks\u201d que contienen. Aunque se echan en falta algunos refinamientos (que tal vez se implementen en versiones posteriores) para ser la herramienta perfecta, s\u00f3lo el ahorro de tiempo que supone en la ardua tarea de comprobaci\u00f3n de los \u201clinks\u201d de la estructura de ficheros que forma un servidor Web justifica sobradamente su adquisici\u00f3n. Actualmente est\u00e1 disponible s\u00f3lo para Macintosh (a medidados de este a\u00f1o habr\u00e1 versiones para otras plataformas) y se recomienda procesador 68040 o PowerMac, sistema 7.5 o superior, 6 Megabytes de RAM disponibles para la aplicaci\u00f3n y monitor en color, aunque con una configuraci\u00f3n menor tambi\u00e9n pude funcionar. En el servidor WWW de Adobe ( Adobe SiteMill: un programa multiusos para crar y editar webs Jordi Adell Web 5, abril 1996. 42-45 Adobe Site Mill integra el ya conocido Adobe PageMill, un editor HTML WYSIWYG, y una serie de facilidades para dise\u00f1ar y mantener estructuras hipertextuales complejas. SiteMill permite editar desde una p\u00e1gina simple a un servidor completo con […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-65","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p74JOR-13","_links":{"self":[{"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":1,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"predecessor-version":[{"id":1414,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/posts\/65\/revisions\/1414"}],"wp:attachment":[{"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elbonia.cent.uji.es\/jordi\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n<\/a><\/small><\/p>\n","protected":false},"excerpt":{"rendered":"