Responsive Web Design using Adobe Business Catalyst

Create an on-line business using Adobe Business Catalyst for phones, tablets and desktops.
4.5 (15 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.
442 students enrolled
Instructed by Paul Cheney Design / Design Tools
$20
Take This Course
  • Lectures 51
  • Contents Video: 5.5 hours
    Other: 0 mins
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 2/2014 English

Course 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.

What are the requirements?

  • Although not required, it is reccomended that you have a WYSIWYG editor like Dreamweaver.

What am I going to get from this course?

  • 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

What is the target audience?

  • A successful student will understand HTML5 and CSS and creating a responsive template.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Getting Started
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.

Section 2: Creating your First Site with a Responsive Template
15:26

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

Download a Responsive Template
Article
06:04

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.

06:55

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

05:45

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.

02:29

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

04:31

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

03:24

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

05:08

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

09:48

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.

09:26

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

06:23

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

08:57

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

09:16

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

12:18

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

05:14

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

09:45

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

11:42

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

Section 3: Implementing the Newsletter Signup, Email Campaign, and Custom Email Template
09:32

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

09:22

Stylize the form for use on a mobile phone.

06:00

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

04:50

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

06:01

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

03:21

In this video we format the default auto responder

11:37

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

01:01

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

Section 4: Implementing Comments for Webpages in Business Catalyst
06:06

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

08:45

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

04:35

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

06:51

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

01:50

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

Section 5: Implementing Downloads
06:37

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.

09:37

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

Section 6: Secured Member-Only area
03:47

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

03:59

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

07:29

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

01:49

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

12:50

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

05:53

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

02:43

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

Section 7: Implementing Ad Rotators in Business Catalyst
03:16

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

Adding an Ad Rotator to a page
02:18
05:20

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

Section 8: Implementing the Business Catalyst Search feature
03:34

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

06:21

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

02:52

In this video you learn to modify the search results template

04:46

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

Section 9: Implementing a Photo Gallery
04:03

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

08:09

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

02:32

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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Paul Cheney, 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.

Ready to start learning?
Take This Course