Responsive Web Design using Adobe Business Catalyst
4.2 (26 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.
483 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Responsive Web Design using Adobe Business Catalyst to your Wishlist.

Add to Wishlist

Responsive Web Design using Adobe Business Catalyst

Create an on-line business using Adobe Business Catalyst for phones, tablets and desktops.
4.2 (26 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.
483 students enrolled
Created by Paul Cheney
Last updated 3/2016
English
Current price: $10 Original price: $30 Discount: 67% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 5.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • By the end of this course you will be able to create your own Business Catalyst account using your Adobe ID.
  • By the end of this course you will be able to upload a custom template to a client site.
  • By the end of this course, you will be able to use & customize the Business Catalyst categories and news (announcement) module.
  • By the end of this course you will learn to create a custom search button and connect it to the search results in Business Catalyst.
  • By the end of this course you will use the Content Holders to add a image slider to pages of your choice.
  • By the end of this course, you will implement a form for collecting customer information and then contacting those customers with custom emails.
  • By the end of this course you will implement user comments for pages of your choice.
  • By the end of this course you will implement and modify the new menu 2 system.
  • By the end of this course you will be able to implement and modify the Downloads feature of Business catalyst
View Curriculum
Requirements
  • Although not required, it is reccomended that you have a WYSIWYG editor like Dreamweaver.
Description

So you know HTML5 and CSS3, That's great! You have even spent some time learning to make responsive websites that are optimized for phones, tablets and desktops. You may have even coded a site by hand or used a CSM like Wordpress to get some information out there about you or a client.

Now you are ready to turn that simple website into an on-line business. For that you need a flexible CMS with targeted email marketing, a customer database or CRM, customer feedback, and eCommerce all seamlessly integrated into a single solution. You need to learn Adobe Business Catalyst.

This course will get you started on building your own responsive website using the Adobe Business Catalyst. I am including a link to a free responsive template which you can modify to fit your needs or the needs of y our client. Everything you learn about Business Catalyst in this course will be applicable to phones, tablets and desktops. Your completed will will be fully responsive!

This course is designed for someone familier with HTML5, CSS, and responsive design.

Who is the target audience?
  • A successful student will understand HTML5 and CSS and creating a responsive template.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
51 Lectures
05:16:42
+
Getting Started
1 Lecture 06:05

Adobe Business Catalyst is a powerful hosted CMS that integrated nicely with Dreamweaver. In this video, you will learn the benefits of Business Catalyst, learn what you need to know prior to taking this course, learn why custom templates are the best solution for your customer, and see a few responsive examples of websites build on the Business Catalyst framework.

Preview 06:05
+
Creating your First Site with a Responsive Template
18 Lectures 02:12:47

In this video we review the code in the provided template that makes it responsive.

Preview 15:26

Download a Responsive Template
00:16

In this video, you will create a partner site using your Adobe ID and then create a client site. You will also see the backend of Business Catalyst.

Create a Client Site
06:04

In this video you see how to connect Dreamweaver to the backend of your Business Catalyst web site.

Making the Dreamweaver Connection
06:55

The new version of Dreamweaver no longer has the import for Business Catalyst button. Therefore we have to make the connection settings manually. These settings can also be used for ANY html editor that has a FTP capabilities.

In this video, I show you how to connect to Business catalyst using Dreamweaver 2014 as well as any other FTP client.

Making the Dreamweaver Connection UPDATED
05:45

In this video, you will see how to add a custom responsive template to Business Catalyst.

Upload Template
02:29

In this video, you will see how to add content to your site using dreamweaver and the Business Catalyst back end.

Add Content
04:31

In this video you will see how to create and add a custom menu to Business Catalyst

Add a BC Menu
03:24

In this video you will see how to implement the new Menu Module 2 menus from BC.

Implement Menu Module 2
05:08

In this video, we will add additional pages with some of the pages as sub pages. Then we add a custom class in Business Catalyst to indicate sub pages for the phone navigation.

Add Pages and Fix Phone Menu
09:48

In this video we modify the custom template by adding social icons to the header and then styling them for Phone, Tablet, and Desktop.

Modify Template with Social Icons
09:26

In this video we flesh out the site by adding pages and menu items that serve as placeholders

Create Placeholder Pages and Navigation to Match
06:23

In this video we show you how to add a catagory, add news items, display news items and modify the news template.

Implement the News feature of Business Catalyst
08:57

In this video we learn how to style the news items created in the previous video.

Style the News items Created Previously
09:16

In this video, we learn how to add images and style them for multiple devices.

Images in Business Catalyst
12:18

In this video you learn how to use a Business Catalyst Content Holder for a image slider.

Using a Content Holder for a Slider-part1
05:14

In this video you learn how to use a Business Catalyst Content Holder for a image slider.

Using a Content Holder for a Slider-part2
09:45

In this video we review adding a page with a custom list and image.

Building another Custom Page
11:42
+
Implementing the Newsletter Signup, Email Campaign, and Custom Email Template
8 Lectures 51:44

In this video, you will create a form on your Business Catalyst website that allows customers to sign up for your newsletter.

Add a Form and Implement an Email Campaign
09:32

Stylize the form for use on a mobile phone.

Apply CSS to the form form for Phones
09:22

In this video, we add the CSS for the tablet and Desktop version of the form page.

Apply CSS to the form for Tablet and Desktop
06:00

In this video, we modify the thanks page provided by Business Catalyst.

Modify the thanks page.
04:50

In this video, we create an email campaign for customers who have signed up for the newsletter.

Create an Email Campaign
06:01

In this video we format the default auto responder

Format the Auto Responder
03:21

In this video, we create a custom email template for use in the email campaigns.

Create an email template.
11:37

In this video you will learn how the change the captcha presented in your site.

Captcha
01:01
+
Implementing Comments for Webpages in Business Catalyst
5 Lectures 28:07

In this video, you will learn how to display comments and add a comments form to your site using Dreamweaver.

Adding Comments and a Comments Form
06:06

In this video we will cover how to modify the form and then style it with CSS for phone, tablet and desktop

Styling the Comments Form
08:45

In this video we show how to have comments display automatically or have them sent to a holding quene where they must be approved.

Approving Comments
04:35

In this video we modify and style the comments submitted by our users.

Styling the Displayed Comments
06:51

In this video we see how to reverse the display order of the user comments.

Display comments by Date
01:50
+
Implementing Downloads
2 Lectures 16:14

In this video, you will learn how to add a new catagory for the downloads, how to upload various downloads, and how to add a single or group of downloads to a page.

Setting up the Downloads
06:37

In this video, you will learn how to modify the layout using the Adobe BC Quick Reference and style the downloads.

Styling and Modifying the Downloads
09:37
+
Secured Member-Only area
7 Lectures 38:30

In this video you learn to create a protected page in Business Catalyst

Create a Protected Page
03:47

In this video you learn to create a landing page in Business Catalyst

Create a Landing Page
03:59

In this video you learn to create a form that allows users to create their own account in Business Catalyst

Create a "New Account" Form
07:29

In this video you see what happens in the backend when someone registers for your protected area.

Sample User Registration
01:49

In this video you learn to create a form that allows existing users to login to the protected area in Business Catalyst

Create a "Login" Page
12:50

In this video you learn to modify and stylize the default password retrival page in Business Catalyst

Modify the "Password Retrieval" Page
05:53

In this video you learn how to style the error message page.

Styling the Error Message
02:43
+
Implementing Ad Rotators in Business Catalyst
3 Lectures 10:54

In this video yo learn to add images to the back end using Dreamweaver and Photoshop.

Adding images for the Ad Rotator
03:16

Adding an Ad Rotator to a page
02:18

In this video you learn to style the adds so the content floats around them.

Styling the Ad Rotator with CSS
05:20
+
Implementing the Business Catalyst Search feature
4 Lectures 17:33

In this video you learn to create a search results page without a menu item

Creating a search results page
03:34

In this video you learn to add a search form to your responsive template.

Adding a Search form to your template
06:21

In this video you learn to modify the search results template

Modifying the search template
02:52

In this video you learn to style the search results with CSS

Styling the search results
04:46
+
Implementing a Photo Gallery
3 Lectures 14:44

In this video you learn to create a photo gallery in Business Catalyst and add it to a page

Setting up a Photo Gallery
04:03

In this video you learn to modify the photo gallery to work on mobile devices

Modifying the Photo Gallery Parameters
08:09

In this video you learn to optimize the gallery thimbnails for mobile use.

Fine Tuning the Gallery
02:32
About the Instructor
Paul Cheney
4.6 Average rating
515 Reviews
4,061 Students
7 Courses
Web Designer and Developer

Paul received his master's degree from Utah State University in Instructional Technology and worked as a civilian for the United States Air Force doing interactive computer-based firefighter training. He and his family then moved to Provo, Utah where he worked at Brigham Young University for five years in the Instructional Technology Center. While there, he was involved in authoring multimedia, digitizing video, training faculty in instructional technology. He then moved with his family to Buena Vista, VA where he joined the faculty at Southern Virginia University. While there he taught digital media courses. Ten years later he returned to Utah where he is now an Assistant Professor at Utah Valley University teaching courses in their Digital Media department in the Internet and Web Technologies degree.