Tutorial Diseñar Páginas Web Joomla 2.5 Crea Plantillas Profesionales

Completo Curso Tutorial de Joomla 2.5 en el que aprenderás a crear templates profesionales para tus sitios web. Usa Photoshop, PHP 5, CSS 3, HTML

El curso es un completo entrenamiento en donde te mostramos paso a paso y de forma muy sencilla como desarrollar proyectos creativos y complejos usando como plataforma de trabajo, Joomla.

En este curso aprenderá a trabajar con Photoshop, a estructurar una plantilla desde 0, a escribir el código CSS, XHTML y PHP, y a personalizar extensiones adicionales que NO vienen por defecto con Joomla, para lograr así, que trabajen y se comporten como nosotros deseamos.

Podrás acceder al curso, desde cualquier parte del mundo, solo necesitas una computadora.

¿Qué lograrás luego de terminar el curso?

• Desarrollar tus propias plantillas con Joomla.
• Crear e incluir sólo las características precisas que requiere tu sitio web Joomla.
• Nunca tendrás que pagar de nuevo por adquirir plantillas para Joomla.
• Y lo más importante, nunca tendrás que esperar más por tu desarrollador para responder a todas tus preguntas.

¿Cuál es el contenido del Vídeo Tutorial de Joomla 2.5?

Módulo #1:Introducción al Diseño Web Joomla

Analizaremos todos los detalles antes de empezar a trabajar con Joomla, las herramientas que necesitamos y definimos los pasos y etapas para desarrollar exitosamente un proyecto con Joomla. De tal forma, que estaremos listos para iniciar el proyecto:

• Introducción al diseño web orientado a Joomla.
• ¿Qué necesito conocer antes de empezar a Diseñar y ¿qué herramientas vamos a utilizar?
• Instalación de Joomla (paso a paso).
• Preguntas frecuentes sobre Joomla.

Módulo #2: Creación de una diseño en Photoshop desde 0

Crearemos el Diseño en Photoshop, es decir la interface gráfica de nuestro futuro sitio Joomla. Verás paso a paso como se crea un diseño desde 0, partiendo de un simple logo:

• Definimos el Diseño en Photoshop (paso a paso).
• Diseñamos la pagina inicial y las páginas internas.
• Definimos las posiciones modules en el diseño.

Módulo #3: Estructuración de contenidos

Aquí trabajaremos directamente con Joomla, te muestro como estructurar correctamente el contenido, es decir crear artículos, menús, ítem de menús, módulos, categorías, instalación de extensiones y todo lo demás. Esto es algo que nosotros tenemos que hacer antes de empezar con la creación de plantillas. Aquí verás la secuencia que yo mismo realizo cuando trabajo con Joomla:

• La importancia de Estructurar la información en Joomla.
• Análisis del flujo de trabajo.
• Tips para optimizar el flujo de trabajo a la hora de crear contenido.
• Instalación y configuración de extensiones a usar.
• Creación de Categorias y Artículos.
• Creación de Menús e item de menús.
• Creación y posicionamiento de modulos.

Módulo #4: Preparándonos para diseñar la Plantilla

En este módulo procedemos a crear nuestro sitio en Dreamweaver, el cual es vital para optimizar el tiempo de desarrollo. Al mismo tiempo dejamos lista nuestra chuleta de código, el cual es un archivo que contiene los códigos más frecuentes a la hora de diseñar una plantilla. Esta chuleta ha sido diseñada por nosotros y te la proporcionamos para optimizar tu tiempo:

• Instalamos nuestra Plantilla Maestra (plantilla Blanca).
• Trabajando con el gestor de plantillas.
• Creación de un sitio en Dreamweaver para agilizar el flujo de trabajo, ¿Porque?, ¿Para qué?..
• Uso de nuestra “Chuleta para el Desarrollo de Plantillas en Joomla 2.5“, veremos como gracias a un simple archivo podremos agilizar enormemente el flujo de trabajo y de desarrollo de nuestra plantilla.

Módulo #5: Programando la cabecera de la Plantilla

Después de haber estructurado nuestra plantilla y haber entendido para qué sirven cada uno de los archivos que conforman nuestra plantilla, empezamos la programación dentro de la plantilla y empezamos cargando la cabecera del sitio. Aquí veremos el uso se algunos códigos de seguridad, la correcta carga de hojas de estilos tanto de la plantilla como del sistema, el uso de diferentes variables, etc:

• Inserción de código para denegar el acceso a intrusos.
• Definiendo el tipo correcto del Documento: DOCTYPE y elementos de cabecera.
• Cargando la cabecerea del Sitio(HEAD) y las Hoja de estilos desde el index.php.
• Definimos variables internas para cargar archivos.
• “Module Chrome” y analisis de los diversos estilos de carga para los módulos.
• Inserción de comentarios condicionales para Internet explorer.

Módulo #6: Diseño y Maquetación de la Interface Inicial

Aquí nos quitamos el saco y corbata y nos ponemos a realizar la conversión del diseño en una Plantilla para Joomla. Nos enfocamos en realizar el diseño de la página inicial. Empezamos con la sectorización del diseño en psd, maquetación semántica usando XHTML y CSS, cargar y personalizar módulos, cargar el componente y todos los pasos para diseñar únicamente la interface inicial de nuestro Sitio Web:

• Sectorización del Diseño.
• Codificación de la cabecera de la página.
• Personalización de un menu Desplegable.
• Personalización de un Slide de Imágenes.
• Diseño y maquetación del pie de página.

Módulo #7: Diseño y Maquetación de las páginas internas.

Aquí nos centramos en diseñar la estructura y contenidos de las diferentes páginas internas. Creamos galerías de imágenes, creamos formularios de contacto, creamos mapas usando Google map, cargamos fuentes de texto desde Google Font:

• Técnicas para diseñar paginas distintas (Switch page)
• Iniciamos sectorizando el diseño en PSD para cada sección de nuestro sitio.
• Creación de la cabecera interna del sitio.
• Creación del área de Contenido.
• Creación dinámica de 2 columnas para páginas internas.
• Creación de formularios usando RsForm.
• Insercion de Mapas de Google maps.
• Uso e implementación de Google Font.
• Re diseño del pie de página.

Módulo #8: Trabajando con Opciones de Plantillas.

Las opciones de plantilla (antes conocidos como parámetros de plantilla) es un tema casi desconocido por los diseñadores de plantillas, ellas nos permiten realizar plantillas extremadamente flexibles. Gracias a las opciones de plantillas, Podemos haces que los administradores puedan personalizar en gran medida la apariencia y el comportamiento de tu plantilla. Como por ejemplo cambiar el colocar del texto, tipo y tamaño de fuente, definir y cargar un logotipo y mucho etc. Estamos casi seguros que en ningún otro lado te van a enseñar a implementar paso a paso las opciones de plantilla. Aquí te enseñamos en primer lugar ¿Qué son las opciones de Plantillas?, ¿Para qué nos pueden servir?, ¿Cuándo usarlas y cuando no?,También hacemos un apartado especial para estudiar los diversos tipos de parámetros de Plantilla que Joomla nos proporciona, como por ejemplo los parámetros de tipo “texto” , “list” o “Imagen list”, etc. Sin duda, un tema que podemos considerar como la cereza de la torta, por su alta relevancia:

• ¿Qué son los opciones de Plantillas?
• ¿Para que nos pueden servir?
• Proceso correcto de implementación.
• ¿Como recibir opciones de platillas y mostrarlos correctamente.
• Tipos de opciones de plantillas y mas.

Módulo #9: Subiendo nuestro sitio a Internet.

Finalizamos el proyecto colocando todo el sitio que hemos desarrollado en nuestra pc, en un servidor real en internet:

• Analisis de las herramientas necesarias.
• Instalación y uso de Akeeba backups.
• Creación de una base de datos usando cpanel.
• Restauracion y configuración del Sitio.
• Retoques finales al proyecto web.

tutorial joomla, joomla 2.5 tutorial, tutorial de joomla, joomla tutorial, tutoriales joomla, joomla spanish tutorial, joomla 2.5 templates, joomla templates 2.5, templates joomla 2.5, templates for joomla 2.5, joomla templates premium, tutorial joomla 2.5 español, joomla español, joomla en español, tutorial joomla español, plantillas joomla español, curso joomla, curso de joomla 2.5, curso joomla 2.5, curso de joomla