Tutorial Artisteer Artisteer es un simple (muy simple) programa para crear plantillas de diferentes CMS, como pueden ser

Joomla! Wordpress Blogger Drupal etc. Su interfaz es de lo ms fcil de usar y por lo fcil que es disear y subir una plantilla con esta aplicacin, en poco tiempo tendrs una plantilla sin tener conocimientos sobre CSS o HTML. Primeros pasos... Veremos que nada ms iniciar Artisteer nos sale una pequea pantallita, seleccionas el tipo de web en el que has hecho la tuya, en mi caso es blogger, pues clic en blogger y dejar que cargue. Como habrs observado la interfaz no es ms sencilla porque sera imposible, es ms fcil hacer una plantilla con este programa que un .gif con Photoshop. Comenzamos... Lo primero es hacer clic en el tipo de web que es tu pgina:

Siempre que abras el Artisteer vers la misma plantilla. Podemos buscar ms y elegir uno que nos guste, luego procederemos a transformarlo. Pica donde pone Sugerir diseos y elije uno. Veras que todo lo que aparece arriba son sugerencias, podemos ir picando en cada una de las pestaas y transformando el blog con ellas. Ahora bien si lo que queremos es personalizarlo, picaremos en las pestaas superiores, vamos a abrir la primera Colores y Fuentes Se nos abre este desplegable y vamos a elegir el grupo de colores para nuestro blog.

Si picamos en Ajustar podremos ajusta la luminosidad de la plantilla

Podemos elegir la fuente picando en Grupo de fuentes. Vamos a abrir ahora la pestaa Composicin

Podemos cambiar totalmente la composicin de la pgina, las columnas etc. Pincharemos ahora en Fondo

Desde esa pestaa cambiaremos el fondo de nuestra plantilla Tienes la opcin tambin de poner un fondo personalizado que hayamos hecho nosotras o cualquier otro fondo encontrado en la red. Puedes poner el cursor sobre el fondo que les guste y sin hacer clic pueden ver el efecto Cambiamos a la pestaa Hoja

Como ves, podemos cambiar el ancho, los mrgenes, la transparencia, el relleno, etc. Tambin puedes picar como en todo lo dems, que te sugiera un tipo de hoja. Pica ahora en Encabezado

Veras que podemos cambiar el ancho y el alto la posicin, y poco mas Y tambin por supuesto personalizar el encabezado con uno nuestro que hayamos hecho en el psp y subindolo desde desde archivo Debes subir tu imagen desde imagen de fondo

De esta forma nuestra imagen se mantendr en el tamao deseado Hars lo mismo con la pestaa Men ponlo a tu gusto.

En la pestaa Artculos podemos cambiar varias cosas como puedes ver

Pica en cada uno de los titulos veras lo que puedes cambiar. Bien para no hacer mas monotono el tutorial seguiremos picando en todas las pestaas y cambiando lo que queramos hasta terminar. Una vez hecho esto vamos a guardar nuestro trabajo. Pica en la paleta de la parte superior y en el desplgable

Lo vamos a guardar en el formato del artisteer por si en un futuro quieres hacer cambios en la plantilla. Pero como nos gusta como ha quedado, vamos a exportarla a nuestro blog Para ell0 picamos en la paleta de la parte superior y en el desplegable.Exportar. Publicar plantilla en blogger

Se nos va a abrir esta ventana, donde vas a poner los datos que te indico:

Una vez los datos puestos, vas a picar en opciones

En Propiedades solo tienes que cambiar la Descripcin por tu nombre, de esa forma saldra como que tu has hecho el templete y no el nombre del programa, el resto lo dejas tal cual esta. Le das a ok y te vuelve a la ventana anterior y picas en Publicar Automticamente conectara con bloger y validara tu nombre de usuario y contrasea y si estan correctos, empezara a cargar los datos. Una vez cargado te saldra esta ventana:

Donde te dice que copies el cdigo que tienes sombreado , hagas clic en continuar y abras tu blog por la pgina de diseo, en la parte de Editar plantilla, donde tendrs que Sombrear todo el cdigo html de la plantilla que actualmente tienes en tu blog y pegar la nueva que has hecho Este es el cdigo de mi blog, lo sobre todo y solo me quedara pegar el que copie en el programa Artisteer, puedes verlo en vista previa antes de darle a guardar.

Te saldr que si quieres mantener todo lo que tienes en el blog, lgicamente dirs que si Y listo, ya tienes tu nueva plantilla funcionando en el blog.

P NOTA: NUNCA OLVIDEN ANTES DE HACER CUALQUIER COSA QUE IMPLIQUE EL CAMBIO DE HTML GUARDAD UNA COPIA DE LA PLANTILLA. Si elegimos una plantilla prefabricada lo primero que tienes que hacer es ajustar a tu gusto, la composicin de la pgina, por ejemplo: sin men, pero con encabezado y dos barras laterales. O sin nada, para ello en el men de Artisteer entra en composicin.

Ahora continuamos por la parte de arriba, coger el Fireworks o el Photoshop y crear un encabezado para tu web, si no quieres vete al apartado encabezado y hay tendrs varias fotos que elegir. Hay que aclarar que las animaciones en flash para Blogger no sirven ya que te lo rechaza completamente y no te deja subir la plantilla de ninguna forma.

Si quieres elegir el tamao de ancho que tendr tu web, lo mejor ser que el encabezado le hagas t y as podrs elegir la anchura. Solo tienes que dar a Examinar... y seleccionas el archivo, antes de darle a aceptar, pinchas en la opcin usar tamao original y listo, todo se adapta al encabezado.

Luego pueden hacer el men, para ello elijan los colores, forma, fulgor ... Despus del men comenzamos con lo ms importante, lo que concretamente es la pgina, el "artculo", as lo llama el Artisteer.

Este paso es el ms importante ya que es lo que ms destacar de la pgina, donde irn las subpginas o entradas. Puedes aadirle todo tipo de facilidades, como botones para editar rpidamente, o para saber quien escribi el artculo,... Tambin tienes que escoger un color para donde no haya contenido, es decir para el fondo del artculo, tambin puedes ponerle un fondo a la hoja para tapar los huecos blancos del men vertical. Si tus artculos van a ir con una letra negra o gris, mete un color muy claro, pero si metes una letra blanca, amarilla,... ponle un fondo negro o oscuro. La letra es importante, dependiendo de cmo creas que van a ser los artculos mtele un tamao o tipo de letra, lo recomendable es entre 11 y 14, t eliges (tambin puedes meterle una letra en negrita). Ya para acabar retoca el men ms importante, que casi tiene que ser obligatorio (para Blogger no funciona bien), el men vertical. Puedes adaptarle a tus gustos, ya que tiene una gran flexibilidad, tambin retoca la barra lateral que sirve para poner Gadgets o Plug-Ins, administra su color, tipo de letra y el diseo. Y mtele un fondo a la pgina que cuanto ms simple sea mejor, as la gente se fija en el contenido de la pgina y no en el fondo. Para acabar ponle un pie de pgina muy vistoso ya que para algunas pginas es muy importante, mtele un

buen aviso legal indicando todo lo que haces, al igual que un mail para que puedan contactar, puedes optar tambin por poner un copyright. Pon todo lo que creas que necesites. Con esto ya estara todo, puedes modificar tambin los botones, encuestas, tablas,... Con Artisteer y un poco de paciencia podrs tener en menos de 2 horas una plantilla sin tener que estar haciendo archivos a mano, y sin conocimientos de HTML y de CSS. Subiendo los archivos... Pinchas en el men de exportar y dependiendo del tipo de web que eligieras nada ms iniciar Artisteer te les exportar de una manera u otra. A partir de aqu cada gestor de contenido tiene una manera diferente de poner las plantillas pero es muy sencillo, para Blogger la tienes que subir desde el mismo Artisteer pinchando en publicar plantilla y rellenas los datos correspondientes clic en subir (puede tardar 12 minutos) y ya la tendrs. *Ejemplo Blogger: