Videotutorial Básico de diseño de plantilla para Joomla

El otro día puse un post sobre Artisteer que es un programa que hace plantillas de forma automatica para Joomla como en otros CMS, esta vez mostrare un video tutorial básico que muestra como hacer una plantilla o template personalizado de Joomla pero de forma más tradicional mediante de CSS y HTML a travéz de Dreamweaver. Este videotutorial esta hecho gracias a Conectatutoriales una comunidad hispana que ocupan los programas Adobe que tiene los programas de diseño más importantes del mundo.

Tutorial diseña tu propia plantilla joomla 1/3



Tutorial diseña tu propia plantilla joomla 2/3



Tutorial diseña tu propia plantilla joomla 3/3



Si quieren estos videos en su computador con los archivos que salen en estos videotutoriales pueden descargar aquí: http://www.sendspace.com/file/b52ehb

deben tener VLC para verlos ya que estan en FLV puedes descargalo Aquí

Free Web Hosting: Un directorio de los mejores Hosting gratuitos

Para los que usamos CMS es primordial tener un sevidor de pruebas para exponer nuestro sitio, ya sea local u on-line como en este caso muy bueno para mostrar un proyecto en cualquier parte del mundo.

En Free Web Hosting podemos encontrar proveedores de hosting gratuito de todo tipo. Cada uno de los sitios reseñados dispone de una página propia en la que se muestran bastantes detalles del servicio, como el espacio que ofrecen, si obligan a incluir anuncios, si puedes insertar tu propia publicidad, si puedes usar bases de datos, etc. Esto nos permite hacernos una idea aproximada de cada uno, de manera que podamos evaluar si se adecua a nuestras necesidades.

Dispone de un potente buscador avanzado que nos permite buscar de acuerdo a las características que necesitamos. También podemos recurrir a ver los servicios ordenados según la puntuación asignada por los usuarios, ya es que es posible puntuar y comentar la experiencia que se ha tenido con cada uno. Revisar estos comentarios resulta de bastante ayuda a la hora de decidirse.

Sitio de Free Web Hosting: http://www.free-webhosts.com/

Fuente: http://www.genbeta.com/web/free-web-hosting-un-directorio-para-encontrar-hosting-gratuito

Artisteer: Haz Templates personalizados de CMS de forma facíl y rápida

En el mundo de los CMS hay muchos templates o plantillas gratuitas que los más expertos los modifican a travez de Dreamweaver u otro editor de XHTML y CSS. Pero hay muchas personas que no saben estos tipos de lenguajes de programación web pero quieren un sitio con un estilo propio o podria de ser de ayuda para los diseñadores web que tienen muchas cosas que hacer y tienen que entregar un sitio de un día para otro, que a muchos nos pasa eso.

Artisteer es un programa que funciona en Windows y que puedes hacer templates personalizados de una forma rapida y fácil sin conocimientos de programación, todos los templates de los CMS cumple con tres partes básicas que es el encabezado (head), el cuerpo (body), y el footer o pie de pagina y que puedes modificar imagenes, colores, texto a tu gusto. Este programa puede realizar tenplates para Wordpress, Joomla, Drupal, Blogger o DotNetNuke o también puede hacerlo en HTML, ASP, CodeCharge Studio.

Aqui les dejo un video de como instala y se utiliza este programa hay muchos videos tutoriales en Youtube pero elegí este como agradecimiento ya que tiene el programa completo y lo probe sin problemas.



Si quieres descargar el Artisteer completo descarga aqui: http://depositfiles.com/files/rkuo8e7ip

Videotutorial de instalar CKEditor en Drupal

Lamentablemente en este poderoso CMS que es Drupal no tiene su editor WYSIWYG tal como lo tiene Wordpress o Joomla por defecto, pero hay varias alternativas de editores para instalar en Drupal que son incluso mejores que en otros CMS, me refiero a CKEditor anteriormente como FCKEditor, su instalación no es tan simple es por eso que encontre este exelente videotutorial para guiarse, lamentablemente la falta de ortografías de este video es gravisímo, pero la buena intención de enseñar esta. Veanlo con atención y disfrutenlo ;)

Fuente: http://www.mefeedia.com/watch/28643194

Descarga de CKEditor desde el sitio oficial de Drupal:
http://drupal.org/project/ckeditor 

Videotutoriales de Drupal a nivel básico

Drupal uno de los CMS que más se habla en este momento por su destacado evolución y que esta siendo utilizado en sitios tan importantes como el sitio oficial de la Casa Blanca en EE.UU. es por eso que me llamó la atención y es hora de comprenderlo y aprenderlo, ya que es Drupal es más pensado para usuarios más avanzados en CMS, ya que Wordpress y Joomla son más intituivos y faciles de aprender, en cambio el sistema de Drupal es diferente al de los dos CMS anteriores, pero es muy poderoso y versatíl.

Es por eso que estoy aprendiendo con estos videotutoriales de Illasaron.com por el maestro Jesús Conde donde enseña muy bien sobre Drupal 6, aquí dejaré los 5 más importantes a mi juicio ya que son 18 videotutoriales que puedes verlos completos aquí

1.- Instalación y fundamentos del CMS Drupal



2.- Creación de contenidos, instalación de CKeditor, personalización de temas



3.- Habilitar Módulo Blogs, Crear entradas Blog. Acceder al Nodo Blog y Blogs individuales



4.- Personalización de Temas y Bloques, Configuración del Tema desde Administración. Modificar el Logo



5.- Cómo instalar Temas, Sitios donde descargar Temas, Temas para Drupal 6

Fuente: http://www.pilos.com.co/drupal/18-video-tutoriales-de-drupal-basico/

Herramientas para desarrolladores web en Google Chrome, Opera e IE8

Firefox es el navegador de los diseñadores y desarrolladores web por su cantidad de aplicaciones dedicadas al desarrollo web que estan las 10 herramientas más importantes que escribí un tiempo atrás y se utilizan para estos profesionales. Sin embargo hay otros navegadores que tienen herramientas de desarrollo web, no son tan completas como las de Firefox pero podrian ser muy utiles para ver como se ven estos sitios en otros navegadores ya que no todo es Internet Explorer o Firefox también hay exelentes navegadores como Google Chrome, Opera o Safari, de hecho cada vez más diseñdores ocupan Google Chrome por su rapidez y seguridad. Con estas herramientas puedes ver e incluso editar CSS, Html, Scripts, etc.

Para ir a las herramientas para ver estas herramientas deben ir a:

Google Chrome:
En Google Chrome que cada vez más lo estan utilizando diseñadores web, hay que ir al icono de la hoja o archivo > Opciones de desarrolladores > Herramientas para desarrolladores o presionar Crtl + Mayusc + I y aprecera un nueva ventana que es una buena herramienta para ver como funciona el sitio o pagina puedes ver los CSS, Html, los Scripts, también puedes ver la velocidad del sitio en cuanto a bajada, el scripting y el renderizado. El único inconveniente es que no se puede editar el CSS ni Html. Tambien hay una extensión de Firebug un exelente editor web para Google Chrome.

Opera:
Opera tiene una herramienta de desarrollo web llamado Opera Dragonfly, es una exelente herramienta web, es muy parecido a Firebug una extensión de Firefox, para probarlo debes ir en Opera 10.5 a la O o la pestaña roja en la parte superior-izquierdo a Pagina > Herramientas de desarrollo > Opera Dragonfly con esta herramienta puedes ver los CSS, Html, Scripts, tiene un selector con el puntero para saber cual es el elemento y su ubicación en el código, y lo más importante que se puede editar el CSS ahi mismo. Es una de las mejores herramientas web que viene dentro de un navegador incluido.

Internet Explorer 8:

A pesar que este navegador es odiado por muchos (que me incluyo) lamentablemente es la más utilizada es por eso hay que tenerlo en cuenta, también tiene una herramienta para web hay que ir a Herramientas > Herramientas de desarrollo o presionar F12. También te permite ver Html, CSS y Scripts.