About the "Build Your First Drupal 7 Web Site" Collection

Explore the most important concepts and techniques for site building in Drupal. In this collection, we take on a practical, real-world example and walk through creating and managing content, working with users and installing and configuring modules. A few highlights:

Build a fully functional calendar page
Add rich interlinking between pieces of content
Learn how to evaluate modules, install and upgrade them

Complete video index of the "Build Your First Drupal 7 Web Site" Collection

25m

Series Overview and Quickly Installing Drupal 7

4:37 Introduction to the "Build Your first Drupal 7 Web Site" collection

7:24 A quick tour of the web site and video player tools

1:47 A brief overview of resources for quickly installing Drupal

6:20 How to install Drupal like a desktop application on a Mac

5:30 How to install Drupal like a desktop application in Windows

34m

Introduction to Our Project and Reviewing Mockups

3:15 Introduction

2:23 Review of the resources sent by the client

3:11 Review of the home page mockup

4:26 Review of the calendar, contact us and guide page mockups

0:45 Recap of files in our client resource pack

4:44 How to map a mockup to existing Drupal elements

3:03 How to use the administration menu and breadcrumbs to get around

4:32 Overview of the Appearance page, how theme settings work and how to upload a new logo

2:02 How to hide the site name in the header

4:02 How to work around the disappearing logo bug

1:50 Chapter review and challenges for the "Introduction to Our Project and Reviewing Mockups" chapter

35m

How to Create and Edit Content

2:16 What this chapter covers and how to change the site name

6:31 How to add a new page and overview of settings on the "add content" form

2:19 What "node" means and how the notifications area works

3:14 How to edit a piece of content

3:09 How to set the default home page

4:16 How to add content as a menu item and how weight works

1:44 How URL aliases work

1:47 Finishing adding the About Us page

1:15 How to change the position of a menu item with weight

5:06 Review of the Contact Us form mockup and how the Module listing page works

1:14 How to find a core module that you need and enable it

2:09 Chapter review and challenges for the "How to Create and Edit Content" chapter

38m

How to Work With Menus, Modules and Webform

3:57 How to work with the menu listing page

1:24 How to work with the menu "list links" page

4:07 How to enable, edit and move a menu item

1:40 How menu sorting impacts menu item weight

4:53 How to find help and configure the Contact module

2:41 How to disable and uninstall a module

4:32 How to use the Update Manager module to install a module

2:53 How to set up the initial webform container

6:01 How to add an input to a webform, overview of component types and input options

4:01 Adding an email input and how machine names and tokens work

1:54 Chapter review and challenges for the "How to Work With Menus, Modules and Webform" chapter

41m

How to Work With Content Types and Fields

4:04 Finishing up the contact us webform

3:29 How to create a single item checkbox (sign up for newsletter) with Webform

2:24 Testing our contact form as logged in and logged out users (anonymous and authenticated)

6:28 How to view webform submissions and set up e-mail templates

2:02 How content types work

3:46 How to disable "published by" information and a review of the content type edit form

4:05 How to add a new content type

5:38 How fields work and how to use the field edit form to change a field title

3:56 How to add a new field to a content type

3:23 Adding the rest of the fields we need for the Tour content type

2:04 Chapter review and challenges for the "How to Work With Content Types and Fields" chapter

37m

How to Work With Pathauto and Introduction to Views

3:06 Previewing our "add tour" form and introduction to the Pathauto module

3:49 How to install module dependencies

4:27 How to change automated URL alias settings for a content type with Pathauto

1:14 How to find a piece of content that doesn't have a menu item

4:28 How to update URL aliases after a pattern change with Pathauto

2:00 How to work with shortcuts in the shortcut bar

5:28 What the Views module is for and how to install it

1:32 A deeper explanation of the Views module and the view listing page

3:56 Filling out the "add view" wizard

5:59 Overview of the "add view" settings page and how a view "display" works

1:55 Chapter review and challenges for the "How to Work With Pathauto and Introduction to Views" chapter

32m

How to Add Fields to a View and Work With the Date Module

3:05 How to add a new field to a view

3:31 How to set the label, wrap HTML and set default text for a field in a view

2:57 How to rewrite the output of a field to include other fields

1:39 How to edit a view from the view display

2:22 Adding our remaining view fields in quick succession

3:22 How to adjust the sort order of content in a view

4:53 How to deal with module installation errors and install the Date module

4:58 How to add and configure a date field

4:05 How to work with the pop up calendar and extend the year range

1:53 Chapter review and challenges for the "How to Add Fields to a View and Work With the Date Module" chapter

36m

How to Fix Broken Views and Work With Taxonomy

1:17 How to delete a field from a content type

4:30 How to deal with broken views handlers and restore unsaved view changes

3:52 How to modify date formats both globally and in a view

2:42 How to sort view fields and fix broken sort handlers

5:00 How to change view menu settings and add a header

4:41 How to add a date-based filter to a view

1:53 How to delete a piece of content and modify multiple pieces of content at the same time

3:17 Reviewing our guide data and adding another content type

1:02 A brief explanation of taxonomy

2:11 How to add a taxonomy vocabulary with terms

3:44 How to add a taxonomy term reference field to a content type

2:06 Chapter review and challenges for the "How to Fix Broken Views and Work With Taxonomy" chapter

35m

How to use Term and Node Reference Fields

4:53 Updating the guide automatic alias pattern and adding the guide data

5:41 How to share a field between two content types and why you would want to

3:39 Updating our calendar view to use a new field

1:31 Overview of the multiple ways to link a Views field to other related content

2:38 Overview of development (dev) versions of modules and installing the References module

3:27 Adding a node reference field and updating our content

3:06 Updating our calendar view to use the new node reference field

4:08 How to add an autocomplete (free tagging) field to a content type

2:16 How to use an autocomplete field

2:02 Quickly removing a field and updating our view to use a different field

2:08 Chapter review and challenges for "How to Use Term and Node Reference Fields" chapter

10.

31m

How to Work With Blocks and Permissions

2:00 A comparison of our current site to the mockups

4:30 What blocks and regions are, and how to use the blocks administration page

2:01 How to hide the user login and "Powered by Drupal" blocks

3:40 How to add a "log in" menu item to the user menu

2:04 How to enable a menu block and hide a block title

1:28 How to hide the secondary menu (user menu)

5:20 What permissions are and how to modify them

4:40 How to configure search and how cron runs work

2:22 How to add a new user

1:58 How roles work and how to add a new role

1:43 Chapter review and challenges for "How to Work With Blocks and Permissions" chapter

11.

31m

Overview of Permissions and Text Formats

1:24 Review of how roles and permissions work

1:15 What each permission does, from the Block to Menu modules

5:44 What each Node or content-related permission does

2:52 What each permission does, from the Path to System modules

3:37 What each permission does, from the Taxonomy to Views modules

2:56 What each Webform permission does, and a review of our Guide role

1:49 Different methods for testing the site as another user

3:36 How to use the Masquerade module to act like another user

2:28 Adding a piece of content as a Guide

4:00 How text formats work

1:34 Chapter review and challenges for "Overview of Permissions and Text Formats" chapter

12.

34m

Configuring Text Formats and Setting Up a Wysiwyg

3:58 Review of the text format settings page and how filters work

1:34 How to re-order text format filters and why order matters

2:54 How to configure text format filters

2:11 How to add a new text format

3:58 How to configure permissions for text formats

2:05 What Wysiwygs are and how to install the Wysiwyg module

1:03 The problems with Wysiwygs and possible alternatives

2:39 How libraries work

2:38 How to install the TinyMCE library for the Wysiwyg module

3:05 How the Wysiwyg "Basic settings" and "Buttons and Plugins" options work

3:20 How the Wysiwyg "Editor appearance" and "Cleanup and output" options work

3:13 How the Wysiwyg "CSS" settings work and our Wysiwyg in action

1:57 Chapter review and challenges for "Configuring Text Formats and Setting Up a Wysiwyg" chapter

13.

33m

Working With Custom Blocks and Image Styles

3:43 How to add a custom block

2:41 The difference between "URL" and "path" and how to use a "Show on specific pages" input

2:08 How to modify the visibility settings for a block

0:50 Seeing our new block in action

4:33 How to deal with shared field conflicts (unlimited vs. limited values)

6:15 How to add and configure an image field

1:48 Previewing the display of our image field

1:38 How to hide a field label on a node display page

3:26 What image styles are and a review of existing image styles

3:16 How image style effects work and how to add a new image style

1:45 How to link up an image style with an image field

1:50 Chapter review and challenges for "Working With Custom Blocks and Image Styles" chapter

14.

34m

How to Work With CSS

3:24 A recap of what we have covered so far, and what is to come

1:35 How to change the order of fields on the node display page

1:10 How to install Firebug in the Firefox browser

2:37 How to use Firebug to inspect any element

3:38 How to manipulate CSS with firebug

4:00 How to find a good selector and apply styles to a specific element

3:29 How to rapidly experiment with CSS in Firebug

3:30 How to install the CSS Injector module and find most module configuration pages

4:16 How to add a custom CSS stylesheet to certain pages based on path with CSS Injector

1:53 How to use Firebug to learn more about what an element is

2:36 How to hide breadcrumbs (or any other element) using CSS

1:52 Chapter review and challenges for "How to Work With CSS" chapter

15.

34m

Troubleshooting Module Installation and Configuration

3:24 Updating other guide nodes and using alt and title attributes for an image field

2:07 Review of what we need to complete our template

2:10 How to install the Media module

3:22 How to find a module dependency when it is not its own module project

2:46 Where to find information about a newly installed module

1:41 How managed and unmanaged files work, and the benefits of using the Media module

3:32 How to upload an image with the Media module and use it as a background

4:54 What to do when CSS changes aren't being applied

3:17 What to do when you get a fatal error and how to clear all caches

3:57 How to search for an error in Google and tips for reading a long issue

1:42 The difference between module development versions and official releases

2:04 Chapter review and challenges for the "Troubleshooting Module Installation and Configuration" chapter

16.

33m

Updating Modules and Manipulating CSS

2:27 How to check for module updates from your site

3:36 How to update a module with the Update Manager

1:31 How and why to clear Drupal's caches

4:10 How to update a module manually

3:43 How to fix our issue by reading the module help page

1:36 Summary of the steps we took to fix module errors

3:10 How to insure image URLs work on a remote server

3:30 How to remove the background color of main menu tabs

5:41 What to do about disappearing CSS properties in Firebug

2:12 How to change the font size of the main menu items

2:19 Chapter review and challenges for the "Updating Modules and Manipulating CSS" chapter

17.

32m

More CSS Updates and Troubleshooting Text Formats

6:12 How to adjust CSS in the footer using Firebug for testing

3:03 Adding and troubleshooting our footer CSS changes with CSS Injector

1:47 Finishing up our footer margin changes

4:45 How to add a repeating background image to the footer

3:30 Adding a new user with a new role

2:23 Giving our new user permission to add, edit and delete pages

2:17 How to fix "This field has been disabled because you do not have sufficient permissions to edit it"

2:58 How content and text formats are related, and how to deal with placeholder text

3:37 How to integrate the Media module with a WYSIWYG

2:14 Chapter review and challenges for the "More CSS Updates and Troubleshooting Text Formats" chapter

18.

31m

How to Evaluate Modules and Install IMCE

4:32 How to turn the Media browser Wysiwyg plugin on

2:47 How to troubleshoot permissions issues with a module

2:33 How to find solutions on Drupal.org by using Google and reading comments first

4:28 How to assess the health of a module by reviewing the module project page

3:21 How to learn more about what a module does by reading the module project page

2:21 Viewing a demo of IMCE and installing the IMCE module

1:58 Overview of the IMCE main configuration page

4:31 How an IMCE profile configuration works

1:27 Comparing two IMCE configurations

1:38 How to set up a new IMCE configuration profile

1:52 Chapter review and challenges for the "How to Evaluate Modules and Install IMCE" chapter

19.

44m

How to configure IMCE and Wrap Up Our Project

4:59 How to associate IMCE profiles with user roles and upload an image

5:04 How to embed an image in a Wysiwyg with IMCE

4:10 Why styles sometimes display properly in a Wysiwyg but not when viewing the content

1:56 Overview of two solutions to the Wysiwyg style inconsistency issue

2:57 Overview of how to set up a Wysiwyg to use a drop-down selector for CSS classes

3:05 How to configure the styles available in the Wysiwyg

0:57 How to add a class to an element in a Wysiwyg with the "font style" plugin

1:18 How to add easy-to-read aliases for class names in a Wysiwyg

3:20 How to troubleshoot line break or paragraph problems in the Wysiwyg

1:36 Comparing our home page to the mockup

4:10 How to set a custom 404 "page not found" error page and navigate up paths

1:38 Adding a missing piece of content

4:10 Why it's a good idea to review all the settings when creating a piece of content

1:44 Chapter review and challenges for the "How to Configure IMCE and Wrap Up Our Project" chapter

3:37 Congratulations

A membership is an affordable way to get access to the entire video library, streaming on the Build a Module.com site. You get access both to the existing video tutorials and new ones as they come out, and new videos are usually added every week.

As a member, you also get access to other resources, including:

Automatically tracking which videos you've completed
Downloadable source code to follow along
The ability to build playlists of videos you want to track

Memberships start at just $23 / month.

If you'd like to view the videos offline or want to view them at a higher resolution than you see on the site, then purchasing a download is a great option. Downloads can be imported into any media management software, like iTunes, to sync with tablets (they look great on an iPad) and other mobile devices.

Downloads come in Standard and High Definition formats. The Standard format is what you see streaming on the site. It's a perfect resolution (960 x 600) for mobile devices. The High Definition format is recorded at full resolution (1280 x 800) and at a much smoother frame rate, so it's nicer when using a computer monitor to view.

DVDs contain both the Standard and High Definition formats of the videos, so you can use them freely on mobile devices AND high-resolution monitors. They also include the resource pack on-disk (with free upgrades available on the site) so they're an all-in-one package. A DVD is also nice for a hands-on library, since you can easily stack it next to your other reference material.

If you have a slow or unreliable internet connection, a DVD can also save you some trouble since the downloads can be rather large.

DVDs are also shipped for FREE worldwide!

About the "Build Your First Drupal 7 Web Site" Collection

Complete video index of the "Build Your First Drupal 7 Web Site" Collection

Mobile?