Creación y diseño de themes en Drupal 7
2.2 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Creación y diseño de themes en Drupal 7 to your Wishlist.

Add to Wishlist

Creación y diseño de themes en Drupal 7

Explicaremos como funciona un tema en drupal, como editar el css, trabajar con Sass, Compass y diseño responsivo
2.2 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40 students enrolled
Created by Ivan Mejia
Last updated 9/2014
Spanish
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Aprender a usar Omega 4 como tema base
  • Entender la estructura de un tema y un subtema para Drupal 7
  • Crear el diseño de un tema con css, Sass y compass
  • Aplicar estilos a diferentes partes de un sitio web
  • Saber las bases de un diseño responsivo en un subtema
View Curriculum
Requirements
  • Saber CSS y html
  • Tener un conocimiento mínimo de uso de la terminal
  • Un editor de código
Description

Al tomar este curso aprenderas como crear un subtema para drupal y como aplicarle un diseño por medio de CSS. Explicaremos la estructura de un subtema y terminaremos usando Sass y Compass, pero primero empezaremos por aprender como crear un subtema basado en el popular tema Omega 4. Luego explicaremos las opción de la administración dentro del subtema. Despues aplicaremos un diseño con css y finalmente pasaremos todo a Sass.

Who is the target audience?
  • Diseñador web
  • Frontend developer
  • Site builder
Students Who Viewed This Course Also Viewed
Curriculum For This Course
25 Lectures
02:50:21
+
Para iniciar
6 Lectures 35:18

En este video se explica que programas y herramientas usaremos para trabajar.

Que usaremos para trabajar
03:44

Presentación del creador del curso.

Presentandome
00:32

Navegando los archivos de drupal 7 para saber donde se colocara el nuevo subtheme con el que trabajaremos.

Preview 02:33

En este video explico que es un subtema y como crearlo en drush para usarlo con el tema Omega 4.

Preview 11:45

Revisamos las opciones de administración que existen en el subtema que creamos,

Opciones del Subtema que creamos
08:00

En este video se muestra el diseño que crearemos y se explica como están ordenados algunos archivos y carpetas del subtema.

Archivos y carpetas del subtema
08:44

Preguntas para saber que tan bien esta la primera parte del curso

Examen al inicio
6 questions
+
Armando el subtema
12 Lectures 01:22:17

En este video empezamos a escribir código CSS

Empezando a aplicar estilos
08:57

Respondiendo esta pregunta mostramos donde están y como funcionan.

¿Donde esta el código php y html?
09:31

En esta clase acomodamos un poco las regiones para que el sitio empiece a verse como un sitio web.

Acomodando regiones
06:43

Es tiempo de terminar el diseño de la cabeza y de poner un ancho fijo.

Ancho de pagina y diseño de cabeza
07:43

Armando el diseño de la area de contenido

Diseño del area de contenido
05:49

Seguimos aplicando el diseño a el area de contenido

Estilo de el cuerpo de texto parte 2
07:53

Ahora le toca al menú tomar forma, en esta primera parte empezamos.

Diseño del menú principal
04:21

En esta segunda parte terminamos de darle forma al menú principal

Diseño del menú principal 2
06:34

Estamos casi terminando de aplicar el diseño, ahora vamos con los bloques.

Diseño de bloques
05:59

Terminamos de aplicar el diseño a los bloques

Diseño de bloques 2
05:43

Toca dar estilo a la parte de abajo del diseño, casi terminamos!

Estilo al pie de la pagina
06:58

En esta segunda parte terminamos de darle estilo al pie de la pagina.

Estilo al pie de la pagina 2
06:06

Algunas preguntas para saber más sobre que tan sencillo ha sido armar el subtema.

Examen sobre el armado del subtema
6 questions
+
Trabajando con Sass
4 Lectures 33:14

En este video se muestra como instalar, en este caso en linux. Esta instalación varia en cada sistema operativo

Instalando Sass y Compass
09:16

Explicando la estructura de la carpeta Sass en nuestro subtema.

Estructura Sass
08:09

Segunda parte de la explicación de la estructura de la carpeta Sass

Estructura Sass 2
10:43

Ahora toca convertir un poco del código CSS a Sass para ver las diferencias.

Reescribiendo con Sass
05:06
+
Diseño responsivo
3 Lectures 19:32

Un brevisimo video para instalar singularity. Se agregan ligas para saber más de singularity y de gemas.

Preview 01:05

En este video empezamos a ver como aplicar el diseño reponsivo a nuestro código Sass

Preview 09:55

Finalizamos la explicación de como aplicar el diseño responsivo a nuestro código Sass.

Aplicando diseño responsivo con Sass y Singularity GS, segunda parte
08:32
About the Instructor
Ivan Mejia
3.9 Average rating
179 Reviews
1,362 Students
2 Courses
Diseñador web

Soy un Diseñador web. Me dedico diariamente a desarrollar sitios web que usen directamente los clientes.

Durante más de 7 años he creado sitios web para empresas, instituciones, hoteles y escuelas la mayoría de ellos con la herramienta que veras en este curso. He dado cursos de manera presencial en escuelas y eventos de software libre.

Mis herramientas de trabajo son drupal. html, css y Sass. Me interesa mucho todo lo relacionado a organizar contenidos dentro de los sitios web. También me dedico a participar en eventos de software libre.