Websites and Multimedia - Online Courses

These online courses are 6 weeks long, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week. You are not required to be online at any specific time. You register and pay on our website and instructions on how to access your course will be emailed to you immediately after registration.



Advanced Web Pages

Advanced Web Pages

$190 + applicable tax

Take your Web design skills to the next level! Whether you want to work as a freelance Web designer, join a Web development team, or build websites for your organization, this course will give you the advanced tools you need.

In these lessons, you'll learn to write HTML code for page content and CSS code for page styling. You'll master cutting-edge techniques that take advantage of HTML5 and CSS3, the latest versions of the languages used to create modern websites.

With the help of step-by-step instructions, you'll build interactive websites that collect information from visitors through email signup and feedback forms. In addition, you'll learn the latest and most effective techniques for presenting layouts and video that work in any browsing environment from a desktop computer to a mobile device. Along the way, you'll explore aesthetics, color scheming, and accessible Web page design.

And don't worry if you have only the most basic exposure to Web design! This course walks you all the way through to purchasing and uploading your site to a remote server. You won't need any special software, either—just the text editor that comes installed with your computer.

Whether you're a beginner or an experienced Web designer wanting to update and enhance your skills, this course is perfect for you. In just a few weeks, you'll be designing state-of-the-art websites that offer all the sophisticated elements that today's Web users expect to see.

Week 1 Wednesday - Lesson 1

What Is Advanced Web Design?
If you want to take your Web pages from okay to "wow," it’s time to move up to Web 2.0. In this lesson, you’ll explore the core elements of advanced Web design: interaction, animation, and page design that’s flexible and accessible to visitors on any device.

Week 1 Friday - Lesson 2

Creating Your First CSS Style Sheet
Today, you’ll enter the world of advanced Web design by building your first CSS style sheet. When you’re done, you’ll link this style sheet to an HTML page and discover how you can instantly make changes to that page—or even to a thousand pages at the same time. In addition, you’ll explore some key elements of Web page design.

Week 2 Wednesday - Lesson 3

Formatting Your Text
Your website text isn’t just a collection of words—it’s also a design element that can tell your visitors what you’re all about! In this lesson, you’ll find out how to specify the appearance of your text using your CSS style sheet. We’ll talk about setting your font size, color, line spacing, alignment, background, borders, margins, and padding.

Week 2 Friday - Lesson 4

Designing and Formatting Links
Links are a key part of any Web page, and there’s more to designing them than you might think. In this lesson, you’ll learn how to create links that suit the purpose of your site, the technological sophistication of your audience, and the image you want to portray. In addition, we’ll raise that controversial question when it comes to link design: to underline, or not to underline?

Week 3 Wednesday - Lesson 5

Formatting Selected Text and Creating Content Boxes

Today, you’ll expand your horizons by learning how to format selected page content. After that, you’ll take a big step into advanced design by discovering how to use class styles to design content boxes. In the process, you’ll learn all about two powerful Web design tools: div tags and span tags.

Week 3 Friday - Lesson 6

Creating Containers, Headers, and Footers
Each Web page is unique, but three elements are almost universal: a container, a header, and a footer. In this lesson, you’ll build these three elements by combining a new tool—ID styles—with div tags. In addition, you’ll find out how to embed div tags within containers.

Week 4 Wednesday - Lesson 7

Adding Columns and Interactivity
Today, you’ll take your layout to a new level by adding columns to your Web page. You’ll discover how to place multiple columns on a page, how to pad your columns, and how to create an attractive column layout that’s easy to read. In addition, we’ll make your columns interactive!

Week 4 Friday - Lesson 8

Making Your Pages Look Great on Any Device

Do you use a mobile device to browse the Web? More and more people do—and to keep them happy, you’ll need to provide mobile-friendly content. But how can you do that, and still design a page that works on a big screen? Today, you’ll find out how to create Web pages that look different, but still great, on both full-sized monitors and mobile devices.

Week 5 Wednesday - Lesson 9

Designing With HTML5
Web designers always need to be thinking about the future—and that future will include HTML5. In this lesson, you’ll learn all about the advantages of this up-and-coming coding language, and you’ll add HTML5 elements to your own Web page. In addition, you’ll find out which environments currently support HTML5 and which ones don’t.

Week 5 Friday - Lesson 10

Embedding Video in Your Web Pages
A great video can increase your website traffic, sell your products, or even make you a superstar. But here’s the big issue you’ll face as a Web designer: Not all video formats work with all browsers. In this lesson, you’ll learn how to overcome that problem as you master simple tricks for embedding videos that will play in any browsing environment.

Week 6 Wednesday - Lesson 11

Creating Forms
What do you need to know about your website’s visitors—their names, their email addresses, or maybe even how they rate your site? Today, you’ll find out how to collect information like this (and much more) by adding forms to your pages. In these chapters, you’ll build your own form, add form fields, and define where your collected data will go.

Week 6 Friday - Lesson 12

Uploading and Fine-Tuning Your Pages
You’ve mastered it all—interactivity, animation, and accessibility—and you’re ready to call yourself an advanced Web designer. Now it’s time to take the next step and reveal your site to the world. Today, you’ll learn how to upload your site to the Web and how to check your spelling, links, accessibility, and browser compatibility. And here’s the great news: You’ll do it all for free!
This course is suitable for Windows or Mac users.

You will need to download and install a free code editor for Windows or Mac.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Blogging and Podcasting for Beginners

Blogging and Podcasting for Beginners

$190 + applicable tax

If you're thinking of starting a blog or just beginning one, this course is for you. Perhaps you'd like to try out podcasting too. You can and it's easy. In this course, you'll learn how to create, manage, and promote your own blog and audio and video podcast using tools that you already have on your computer—no paid software or equipment is needed.  

You'll begin by developing a plan for the content, setup, and long-term maintenance of a blog, and then you'll use free blogging software like Blogger and WordPress to put that plan into action. After that, you'll learn how to record a professional-sounding audio podcast with a very simple recording tool you already have. You'll edit the file with another free software program, add music to it, and then post it online for others to enjoy. Your instructor will guide you through all these steps. Finally, you'll find out how to record a video podcast. You'll use pre-recorded video to learn the editing process, and then you'll apply what you've learned to your own video file. You'll edit it, add special effects, drop in a podcasting-safe music file, and then publish it online.

Through hands-on exercises, you'll discover the benefits of using free web tools like Blogger, WordPress, Audacity, and YouTube. Guided by an expert instructor, you'll find that creating a blog and podcast is much easier than you ever imagined. And by the end of this course, you'll be amazed how much you've accomplished. 



Week 1 Wednesday - Lesson 1

1
Welcome to the beginning of your blogging adventure! During the next six weeks, you're going to learn how to blog, produce your own audio and video podcasts to add to your blog, and market and promote your blog—all skills you can put to use on personal, business, educational, or even political projects, right away. In this first lesson, you'll get acquainted with blogging terms, the parts of a blog, and the important differences between a blog and a website. We'll also critique a couple of blogs and figure out what makes them work successfully. You'll learn the best way to search for and locate blogs on topics that interest you, and you'll discover ways to creatively use blogs to express yourself, teach, advocate for a cause, promote a product . . . the possibilities go on and on!

Week 1 Friday - Lesson 2

2
It makes sense to give something a try before doing it yourself, right? So today you're going to learn how to participate in the blogosphere by commenting on a blog of your choosing. Before you click Submit Comment, though, we'll explore the process together and talk about the do's and don'ts of blog commenting etiquette. After that, it'll be time for you to start planning your own blog. We'll walk through a series of questions to help you develop a sustainable plan for your blog's content, setup, and long-term maintenance.

Week 2 Wednesday - Lesson 3

3
In this lesson, we're going to explore your options for blogging software and hosting, and you're going to decide where and how you'll build and store your blog. You'll learn about free online blog software options, and you'll get hands-on experience working with two free blogging services, Blogger and WordPress, as you set up an account to use as a practice blog throughout the course. By the end of this lesson, you'll have a blog all ready to go, with a nice-looking design and a clean layout.

Week 2 Friday - Lesson 4

4
Why settle for a cookie-cutter blog when you can create a custom blog look? In this lesson, you'll pick the perfect image for your background and spice up your blog's header on your Blogger and WordPress blogs.

Week 3 Wednesday - Lesson 5

5
Now that your blog has the perfect look, it's time to start to thinking more about your readers and what they'll need. In this lesson, you'll get to decide who can read your blog. You'll learn how to set your blog's privacy levels in case you'd like to limit who can read your blog. We'll also set up your comment fields so that you can manage who is able to comment on your blog. You have control over these features, so take advantage of them. Finally, we'll add a few gadgets that will help your blog readers navigate through your blog.

Week 3 Friday - Lesson 6

6
Today you'll learn to write an effective first blog post, and you'll consider the writing style you'd like to use for your blog. You'll also practice working with formatting tools to make your first post look great online. You'll learn how to change the font, color, and size of your text, and you'll add lists and links to enhance the content and interactivity of your post.

Week 4 Wednesday - Lesson 7

7
You've mastered the process of formatting the text of your blog post, so now it's time to add some photos. After learning how to locate and incorporate appropriate images into your draft, you'll create labels to categorize the content of your post so that your blog readers interested in your topic will be able to find your post. Next, you'll learn the seven steps of how to promote your blog to boost readership. We'll finish this lesson by looking at how Facebook, Twitter, and Pinterest are useful blog promotion tools.

Week 4 Friday - Lesson 8

8
Today we'll start exploring the podcast. You'll learn the podcasting terms you'll need to know to feel at home with this technology, and you'll discover the important differences between radio broadcasts and podcasts. You'll find out how to search for and locate podcasts you'd like to listen to, and you'll download and install a free podcatcher you can use to subscribe to your favorites. Finally, you'll take the first step in the PREP method of podcasting: You'll plan your own podcast, following our effective formula of developing strategies for content, setup, and long-term maintenance. By the end of this lesson, you'll be one step closer to adding this interactive tool to your blog, too.

Week 5 Wednesday - Lesson 9

9
In this lesson, we're going to explore the minimum equipment you'll need to record your first audio podcast—as well as other equipment you may find of interest if you become a serious podcaster. You'll experiment with your telephone as a microphone, and we'll talk about how to make the most of your voice before you press the Record button. We'll discuss how to script or outline a podcast so you feel confident and comfortable in front of the microphone. And, after that, you'll continue to follow the PREP method of podcasting by recording your first podcast using Audacity, a free audio recording program.

Week 5 Friday - Lesson 10

10
Today you'll work with the last two steps of the PREP method of podcasting: editing and publishing. I'll provide you with sample voice and music files for your practice edit. You'll learn how to cut out dead air and an unexpected sneeze, adjust the volume so listeners don't have to strain to hear you, and add effects so the sound fades in at the beginning and out at the end. Then, you'll use one of the sample files I've provided to add background music to the practice podcast. After mastering these skills, you'll use them to edit and enhance your own recording. When you're done, I'll walk you through the steps to get your file Web-ready, and then it will be time to publish your work.

Week 6 Wednesday - Lesson 11

11
Now that you know how to prepare, record, edit, and publish an audio podcast, doing the same for a video podcast is going to be a lot easier. But, of course, there are some important differences between the two podcasting styles, so we'll begin today's discussion by exploring what makes video podcasting different. We'll discuss the equipment you can use for video podcasting—and you may be surprised to discover that even a simple cell phone with video capabilities will do! You'll learn about video editing software and video podcast hosts. We'll discuss how to develop a recording script so that everything runs smoothly when the camera's rolling. And, finally, you'll learn how to import and edit video using a sample file I've created for you to practice with. We're going to use Windows Live Movie Maker, but the principles you'll learn with this program can be adapted for use in other video editing programs, for example iMovie or Final Cut Pro for the Mac.

Week 6 Friday - Lesson 12

12
It's time to fine-tune your video podcasting skills as well as your video podcast. In this final lesson, you'll learn how to add transitions and video effects to your video file, trim unwanted portions out, and make audio enhancements. You'll discover how to convert your video podcast into a file format suitable for the Web, upload to YouTube, and embed that file as an entry on your blog.
Students should expect to download free online programs including an audio editing program during the class in order to create a blog and podcast. Microsoft Windows XP, Vista, Windows 7, or Windows 8; 
Internet access, e-mail, the Microsoft Internet Explorer or Mozilla Firefox Web browser, and the Adobe Flash and PDF plug-ins (two free and simple downloads you obtain at http://www.adobe.com/downloads by clicking Get Adobe Flash Player and Get Adobe Reader).

Note: this is a PC supported course; however, Mac users may still enroll. Mac users should expect to make adjustments based on their operating system differences especially during the podcast portion of the course. In addition, Mac users will download different versions of audio editing software and video editing software that will differ from the directions presented in the course.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Creating Mobile Apps with HTML5

Creating Mobile Apps with HTML5

$190 + applicable tax

Do you want to make mobile apps that run on iPhone and iPad, as well as on Android, and Windows Phone? Sure you do! Do you want to learn five different programming languages? Of course you don't!

Fortunately, you're about to discover a better way to build apps. In this course, you'll learn how to imagine, design, build, and optimize a cross-platform mobile app using the very latest HTML5 standards. The result will be a mobile app that's fast and runs on just about any smartphone or tablet computer.

You'll also learn some of the most sought-after skills in Web and mobile development, including:

  • HTML5 and how it's different from previous versions of HTML.
  • CSS3, the layout and styling language of the mobile Web.
  • Scripting with JavaScript and several JavaScript frameworks and techniques such as jQuery, jQuery Mobile, and AJAX.
  • How to use Web services such as Google Maps in your app.
  • How to determine an app's user location by accessing the built-in geolocation capabilities of the user's smartphone.
  • How to use Web Application Programming Interfaces (Web APIs) to combine different Web services to create mobile mashups.
  • How to optimize your app for performance to make sure that it runs as fast as possible for your users.
  • How to convert your HTML5 apps into native apps that you can submit to app stores such as Apple's App Store and Google Play.

By the end of the course, you'll have built your first mobile web app, and you'll be on your way to making your dream of being a successful mobile app developer a reality!


Course Revised January 2014

Week 1 Wednesday - Lesson 1

The Basics of Mobile Apps and App Design
What are the compelling reasons for developing mobile apps with HTML5? And why are some of the Web's biggest players—including Google, Facebook, and Twitter—moving all their apps to the mobile Web? Today you'll learn four principles for designing great mobile apps, and you'll get acquainted with the concept of "mobile first" Web development. By the end of this lesson, you'll be ready to start writing an app.

Week 1 Friday - Lesson 2

Building Your First Mobile App
Today you'll follow the progress of employees at a fictitious company as they build a mobile app. In the process, you'll set up your tools and get your hands dirty with some real HTML5 code.

Week 2 Wednesday - Lesson 3

Introducing HTML5
HTML5 is the latest version of the markup language of the Web. In this lesson, you'll learn why Web developers and mobile developers are so gung-ho for HTML5. More importantly, you'll find out how you can use it to write your own webpages. By the end of the lesson, you'll understand the basics of markup languages and HTML5 syntax.

Week 2 Friday - Lesson 4

Formatting HTML5 With CSS3
CSS (Cascading Style Sheets) will make your Web apps workable on the largest number of devices, and it'll make your code easier to maintain. In this lesson, you'll use CSS to format HTML documents. We'll also look at the new capabilities that are possible with CSS version 3.

Week 3 Wednesday - Lesson 5

Scripting With JavaScript
JavaScript is the programming language of the mobile Web. In this lesson, you'll learn to use JavaScript to add interactivity to mobile apps.

Week 3 Friday - Lesson 6

Jump-Start Your App With jQuery Mobile
Today's lesson is all about getting things done faster, better, and with less effort! You'll use jQuery Mobile to make your HTML5 apps feel at home on mobile devices. You'll also use JavaScript libraries and frameworks to get more done in less time.

Week 4 Wednesday - Lesson 7

Accessing Device Features and Storage
By accessing built-in device features such as offline storage and location services, you can make your mobile Web apps much more dynamic. In this lesson, you'll learn what's possible and how to do it.

Week 4 Friday - Lesson 8

Web APIs and Mashups
No Web app is an island. Hundreds of app developers have made certain features of their software available using Web Application Programming Interfaces. By using these APIs to retrieve data and then combining different data sources, you can create endless combinations called mashups.

Week 5 Wednesday - Lesson 9

HTML5 Graphics and Animation
Graphics and animation can really spice up your mobile apps. The mobile Web has special requirements and technologies that you need to be aware of, however. In this lesson, you'll learn to optimize your graphics for the mobile Web.

Week 5 Friday - Lesson 10

Optimizing for Mobile Devices
Smartphones and tablets come in different shapes and sizes. In this lesson, you'll learn to make your Web app look good on the largest possible variety of devices. You'll also add some meta tags that will give your app more polish on iPhone and Android. Then we'll touch on touch-enabling your app.

Week 6 Wednesday - Lesson 11

Maximizing Mobile Performance
A responsive app doesn't keep the user waiting. In this lesson, you'll learn tools and techniques to make your app responsive.

Week 6 Friday - Lesson 12

Convert Your App to a Native App
Native apps give you access to more device features and to the distribution power of an app store. Learn how to use PhoneGap to convert your Web app into a native one for multiple mobile operating systems.
All additional software needed for this course is freely available on the Internet and the steps for downloading and installing it will be covered during the lessons. One of the following operating systems is required: Windows XP or later, Mac OS X 10.5 (Leopard) or later, or Linux. 

Note: HTML and/or programming experience will be helpful, but is not required.
Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Creating Web Pages

Creating Web Pages

$190 + applicable tax

Create and post your very own Web site on the Internet using HTML in this extensive, hands-on, six week workshop. First, you'll learn about the capabilities of the World Wide Web and the fundamentals of web design. Then, with your instructor's patient guidance, you'll plan the content, structure and layout of your Web site, create pages full of neatly formatted text, build links between the pages and to the outside world, and add color, backgrounds, graphics, and tables. You'll also learn critical and timely information on securing the best possible location in search engine listings, and powerful no-cost or low-cost web marketing strategies.

Week 1 Wednesday - Lesson 1

Getting Started
In this lesson, you'll get started by learning where the Web is and how it works. We'll cover some important concepts and terminology, and hopefully clear up some buzzwords you may have heard but not quite understood. Then we'll go hands-on and get started creating your first website.

Week 1 Friday - Lesson 2

Create Your First Web Page

Today, you'll create your first Web page. You'll learn how to add tags and content to your page, view your page in a browser, reopen it in an editor to make additions and changes, save those changes, and then view the updated page in a Web browser. These skills will apply to every Web page you ever create, and they'll get you started on creating any page you can imagine.

Week 2 Wednesday - Lesson 3

Formatting Text

In today's lesson, you'll learn to beef up your pages with the design elements that you see in most websites. We'll discuss how to add headings, paragraphs, numbered lists, and bulleted lists to your pages, and we'll also talk about the secrets to adding special characters like © and &trade. Finally, you'll discover how to add links to other peoples' pages and to other pages within your own site.

Week 2 Friday - Lesson 4

Fun With Pictures

Here's your chance to add some visual excitement to your website! Today, we're going to learn the basics about adding pictures to your Web pages. You'll discover how to download pictures right off the Web, and you'll also learn how to prepare and use your own pictures from a digital camera.

Week 3 Wednesday - Lesson 5

Creating Tables

Tables are a terrific way to neatly organize content into rows and columns. You've no doubt seen tables used in other websites and countless other forms of publication. In today's lesson, you'll learn how to use HTML to create tables in your own Web pages!

Week 3 Friday - Lesson 6

HTML, XHTML, and CSS

If you've been involved in Web development at all during the last 20 years, you may have heard about HTML, XHTML, HTML5, and CSS. If you're new to all of this, it's a confusing mess of alphabet soup. In this lesson, you'll learn the who, how, what, when, where, and why of these technologies—and what you should use now so your website is in sync with current specs and future trends.

Week 4 Wednesday - Lesson 7

Getting Started With CSS

Virtually all modern websites use CSS style rules for all their website styling. In today's lesson, you'll learn what a style rule is, and you'll get some hands-on practice creating your own styles rules. You'll learn how to center and align pictures and text, and you'll discover the secrets to jazzing up your site with colors (and how to choose from the millions of color options available to you).

Week 4 Friday - Lesson 8

Creating a Page Layout

Today's lesson will introduce you to more advanced HTML and CSS topics, including how to create a page layout with a navigation bar. You'll learn how to create a page layout using div tags to put named page divisions in a Web page, and we'll discuss how to style your page divisions by adding an internal style sheet and some style rules.

Week 5 Wednesday - Lesson 9

Building Your Site

Most websites consist of multiple pages with some common content on each page. Today's lesson will teach you to use a layout page as template so you can build multipage websites more quickly. We'll cover liquid versus fixed layouts, how design a layout, and how to easily build additional pages from your layout page. This will help you to develop more professional-looking pages using the same modern coding techniques that seasoned professionals use!

Week 5 Friday - Lesson 10

Getting Noticed

Getting a site on the Internet is one thing. Getting people to notice it is quite another. In today's lesson, you'll learn about Internet directory services, search engines, Web-crawling infobots (not as creepy as they sound), and things you can do to make your own site stand out in the crowd!

Week 6 Wednesday - Lesson 11

Publish Your Website

In today's lesson, you'll learn how to publish your website for the whole world to see—well, at least anyone on the Internet. And best of all, you'll learn how to keep your site on the Internet, for free, forever!

Week 6 Friday - Lesson 12

Authoring Systems
In today's lesson, you'll learn about authoring systems like Dreamweaver and Expression Web, and how they can make Web development quicker and easier. You'll also learn a couple of ways to get an online presence without creating your own website!
Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Designing Effective Websites

Designing Effective Websites

$190 + applicable tax

These days, creating a website is so easy almost anyone can do it. But with all the competition on the Web, creating a site that's effective is more challenging than ever. To do that, you need to employ good design principles. Regardless of your current skills or level of knowledge, in this course you'll master the basics of Web design and learn how to build sites that are better and more effective. Get ready to take your Web design skills to the next level!

We'll examine the tension between form and function, explore the six major states of the website development process, and learn the basics of user-centered design. We'll also cover the five basic steps to organizing information, find out how site design themes can be used for information delivery, and review Web page design considerations. Along the way, we'll talk about effective type and graphics and explore the idea of Web 2.0.

This course is a must for Web designers, giving the tips and tools that will help them establish a solid career.


Week 1 Wednesday - Lesson 1

Form Versus Function
This course is a different from most Web creation courses you'll find because it's not designed to teach you the mechanics of creating a Web page or how to use a particular software program. Instead, it's designed to help you take your website creations to the next level by enhancing both design and functionality. Together, we'll discover what attracts visitors to a website, and how to use design tools such as typography, Cascading Style Sheets (CSS), and multimedia to captivate visitors and keep them coming back.

Week 1 Friday - Lesson 2

Website Planning Process
Visitors are attracted by good design, but content is what keeps them at the site longer and motivates them to return. Learn how to use two tools to attract and retain visitors: design critiques and a content inventory. Explore the six major development stages that yield expert design and smart content. Then study the three parts of Web design and the skills you'll need for each.

Week 2 Wednesday - Lesson 3

Interface Design
By now, you probably understand that an interface is the screen visitors see and use when they visit any page of your site. Designing an interface is easy. Designing an effective interface, however, is more challenging. There are four main elements that you'll need to consider to make your site user-centric: usability, visualization, functionality, and accessibility. Explore each of these elements to see the thought that goes into effective interface design.

Week 2 Friday - Lesson 4

Site Structure
Even if your basic content is accurate, attractive, and well written, your site won't function well without a solid and logical organizational foundation. Review the five basic steps involved in organizing information and four essential structures that you can use to build a website. Then learn how to create a flowchart for the pages you want to include on your site.

Week 3 Wednesday - Lesson 5

Site Design
Websites exist to inform, educate, persuade, or entertain. Take this opportunity to concentrate on site design themes that pay attention to information delivery. Learn how to organize elements in order to enable visitors to accomplish their own goals. Explore usability, content, and design.

Week 3 Friday - Lesson 6

Page Design
Discover how you can use visual and graphic design, page layout, and grids to take your designs to the next level. At the same time, become familiar with design considerations like visual hierarchy, page dimensions, and white space.

Week 4 Wednesday - Lesson 7

Typography on the Web
Typography plays a dual role by providing both verbal and visual communication. Almost any type of font will do to transmit information to others. But to convey the right type of mood along with the information takes a special type and color of font. Learn all the secrets here!

Week 4 Friday - Lesson 8

CSS and Font Embedding
Find out how you can use Cascading Style Sheets to modify fonts. Become familiar with inline, document-level, and external (linked) style sheets, and learn how to create an external CSS file to control the formatting of any or all pages on your site. For the more adventurous, we'll also take a look at some early font embedding techniques and explore two popular Flash-related options currently in use.

Week 5 Wednesday - Lesson 9

Writing for the Web
Before you write for the Web, you should take the time to understand how people read online. Become familiar with the use of titles, headlines, and subheads to assist readers in navigating your site. Discover the advantages of using a Web content management system. Learn how you can communicate more easily and informally with Web visitors by adding a blog to your site.

Week 5 Friday - Lesson 10

Images, Colors, and Layers
You can use images to add interest to your site and to help with navigation. Early designers were limited graphically by HTML attributes, and later designers discovered they could use tables to place images. Today's designers also have the option of using CSS to position images on the screen. But believe it or not, many people still use text-based browsers. So, you'll learn how to make the information you convey through your images accessible to those individuals as well.

Week 6 Wednesday - Lesson 11

CSS Positioning: More Layers
The combination of HTML, CSS, and JavaScript allows you to create intensely interactive Web applications similar to any game or presentation built with traditional programming languages. This interaction of HTML, CSS, and JavaScript is known as Dynamic HTML or DHTML. Become familiar with the basics of DHTML, including code you can use to enhance your designs by adding layers to your pages.

Week 6 Friday - Lesson 12

Web 2.0 and Beyond
Early websites were created by a few to be read by many. Over the years, developers added interactivity to websites through discussion forums, chat rooms, and shopping carts. These features are part of what I think of as Web 1.0. Today the focus has shifted from the sponsor of the site to the visitor, and sites like Flickr and YouTube are popular. They're examples of Web 2.0 sites. Examine several popular Web 2.0 sites, and take a look ahead to Web 3.0.
Completion of "Creating Web Pages" (or equivalent HTML or Web authoring tool experience). Any type of computer. Optional: An Imaging program, such as Photoshop or Paint Shop Pro (any version), and a Web page authoring tool, such as Adobe Dreamweaver, Microsoft Expression Web.
Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Intermediate Dreamweaver CS6

Intermediate Dreamweaver CS6

$190 + applicable tax

Take your Adobe Dreamweaver skills to the next level with more advanced techniques under the tutelage of a proven Web development expert. In this new intermediate-level Dreamweaver course, you'll learn to harness the power of this industry-standard Web design tool.

You'll examine pure CSS layout and discover how to get the most out of Dreamweaver's templates. The course also shows you how to incorporate multimedia elements such as video and manipulate data using XML data and XSL. Throughout the course, you'll get hands-on experience with Dreamweaver as you develop a sample site using your new skills.

Whether you're planning a career in Web design, designing a website for your business, or developing sites as a hobby, this course will give you the tools you need to work like a pro. By the end of this course, you'll have a solid, in-depth understanding of traditional layout and how it translates to the Web so you can make your sites clearer, cleaner, and more accessible.


Week 1 Wednesday - Lesson 1

HTML, CSS, and JavaScript
In our first lesson, you'll get familiar with the code Adobe Dreamweaver generates in response to the steps you perform. Intimidated by code? Don't be. By the end of this lesson, you'll have a much better understanding of how HTML, XHTML, CSS, and JavaScript work together to build your site content. Previous non-coders will come away with these topics demystified, and code-savvy users will learn how Dreamweaver enhances code editing.

Week 1 Friday - Lesson 2

Return to the CSS Styles Panel
Cascading Style Sheets (CSS) have been with us since the mid-1990s. Yet, because of the slow state of browser development, it's only in the last few years that CSS has taken its rightful place at the center of modern Web design. CSS governs content presentation, while HTML and XHTML handle document structure. In this lesson, we'll take a closer look at CSS, see how it works hand-in-hand with markup, and examine the tools Dreamweaver gives us to work with CSS in a "what you see is what you get" environment.

Week 2 Wednesday - Lesson 3

Working With Snippets
Snippets take some of the drudge work out of site design. Do you have a common element—like a document footer with copyright information in it—that you're going to insert in every page of your site? Turn it into a snippet. Next time you need it, just click a button, and voilà! Instant page content. In today's lesson, we'll examine Dreamweaver snippets, learn how they function, and discuss how to fit them into your workflow.

Week 2 Friday - Lesson 4

Working With Dreamweaver Templates
A Dreamweaver template allows you to fix the layout of pages so that inexperienced folks can't mess them up when they're updating content. In this lesson, you'll learn what Dreamweaver templates do, how to build them, and how to apply them to the pages of our site.

Week 3 Wednesday - Lesson 5

CSS for Devices, Part 1
Today you're going to learn all about styling pages for devices other than the browser. We'll look at the different types of devices you can style for—smartphones, assistive technologies, and printers, to name just a few. And we'll examine some of the tools Dreamweaver provides to make styling for devices easier.

Week 3 Friday - Lesson 6

CSS for Devices, Part 2

It's estimated that in 2013, the number of people using handheld devices to view the Web will outnumber those on desktops and laptops. So, the future is now! We've examined ways to make our pages play nice when printed, so how do we get our stuff looking good on these other devices, too? Well, the mechanism is pretty much the same, but we have a few more variables to deal with. Fortunately, Dreamweaver has some very handy tools for making this job easier, and you'll learn about them in this lesson!

Week 4 Wednesday - Lesson 7

CSS for Devices, Part 3
In this lesson, we'll continue our discussion of styling for devices and finish up the smartphone layout that we started in Lesson 6. You'll learn how to find out device screen widths, and we'll talk more about media queries. You'll also work more with the Multiscreen Preview window to see your work as we go along. We'll finish up by tinkering with some CSS properties that are a bit tricky to find but necessary when styling for smartphone browsers. By the end of the lesson, our site will be optimized for a smartphone!

Week 4 Friday - Lesson 8

Designing for Accessibility

Accessibility. You've heard the term, but do you really know what it means? Section 508 of the U.S. federal Rehabilitation Act includes rules for making site content accessible for users with disabilities. Many other countries have similar rules. Today we'll discuss how to keep Dreamweaver on the ball, accessibility-wise, so anyone can use your site with ease.

Week 5 Wednesday - Lesson 9

Working With Media Objects

Have you been to YouTube to watch videos? Or have you been to Amazon.com to preview music? These types of audio and video files are media objects. In today's lesson, we'll talk about what software you need to play media objects and how Dreamweaver lets you place this type of content within the sites you build.

Week 5 Friday - Lesson 10

Working With Dreamweaver Behaviors

Ever tinkered with JavaScript? It's the scripting language behind form field validation, rollover images, and other types of dynamic interaction. In Dreamweaver, we call JavaScript effects behaviors; in today's lesson, we'll delve into the various Dreamweaver interface features for creating these effects. And the best part is you won't ever have to touch the code!

Week 6 Wednesday - Lesson 11

Introduction to XML and XSL
You've seen the acronym all over the place. It's time to find out how you can put XML (eXtensible Markup Language) to work. Today you'll examine XML and create a simple database. Then you'll pull data out of that database and format it with eXtensible Stylesheet Language (XSL)—all without a lick of programming!

Week 6 Friday - Lesson 12

Principles of Design

If you want to design anything, you need a firm understanding of the people you're designing for. In today's lesson, we'll step away from Dreamweaver and look at the most important component of the Web—us. You'll discover how we humans read Web content and learn how to structure your content so that it fascinates your fellow domesticated primates.

Adobe Dreamweaver CS6, version 12.0 for Windows or Adobe Dreamweaver CS6, version 12.0 for Macintosh (software must be installed and fully operational before the course begins); Windows XP with Service Pack 3; Windows Vista Home Premium, Business, Ultimate, or Enterprise with Service Pack 1; Windows 7, or Windows 8; Mac OS X v10.5.8 or v10.6.

Prerequisites: Introduction to Dreamweaver CS6

Note: If you are purchasing the software from the Adobe Creative Cloud, please speak with the instructor in the Discussion Area before downloading and installing your software.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Responsive Web Design

Responsive Web Design

$190 + applicable tax

In today's online environment, designers must create websites that are responsive. Their sites must reshape and morph to provide a positive experience in every viewport—from small touch-screen environments to large-screen browsers where users interact using a mouse or pointing device. This is the heart of responsive Web design (RWD).

In this course, you'll learn to identify and address every aspect of responsive Web design: from scaling elements and adjusting page layout, to adapting color schemes and implementing accessible forms. You'll master how to use HTML5 linked to media queries in CSS3 to adapt content to fit your user's viewport, and see how jQuery Mobile can help you to mobile sites.

Today's world of Web design requires building sites that are intuitive, inviting, accessible, and attractive in every possible device and environment. In this course, you'll learn to design and build fully responsive websites optimized for smartphones, tablets, and laptop/desktop viewing environments.

Week 1 Wednesday - Lesson 1

What Is Responsive Web Design?
Responsive Web design is about building websites that are accessible, functional, inviting, and fit well into the array of environments in which people view websites. In this first lesson, we'll take a look at exactly what responsive Web design is, why it's necessary, and the basic concepts in building responsive websites. We'll also examine some models of responsive design and see what we can learn from them.

Week 1 Friday - Lesson 2

Relative Units of Measurement

How do you make a photo look good on the large viewport of a laptop and the small screen of a smartphone? And will text readable on a normal computer screen appear microscopic on a phone screen? If you want to design responsive websites, these questions are central to your work. Luckily, there are answers in the form of relative units of measurement, such as percent, em, and multiples. In this lesson, you'll learn how to apply relative units of measurement to optimize the display of images and text in different viewports and environments.

Week 2 Wednesday - Lesson 3

Creating Responsive Menus With Media Queries
Navigation menus are the road maps that help users navigate a website. They provide access to the site content, and they allow designers to lead users to engage with site content. So how can you make menus adapt to different browsing environments? Make them responsive, of course! In this lesson, we'll investigate how menus function differently depending on the browsing environment, and you'll find out how to design responsive menus that adapt to full-screen desktop or laptop environments as well as smartphones and tablets. The key to creating responsive menus is applying CSS3's @media feature, which you'll learn how to do here.

Week 2 Friday - Lesson 4

Responsive Color Schemes and Custom Web Fonts
As a Web designer, you probably think consciously about the right color schemes and fonts for a project. After all, color schemes and fonts are critical to "branding" your site. And they're important if you want your site to be engaging and inviting. But do the rules you follow for full-size site design apply to mobile sites as well? Maybe not! In this lesson, we'll talk about responsive color schemes and fonts that will ensure visibility and readability in a wide range of viewing environments. You'll learn how to test color schemes for contrast value, and we'll explore Google Fonts as a source of downloadable Web fonts compatible with mobile devices. No longer will you have to wonder whether visitors can read your site's text in different devices and lighting environments —you'll have tried-and-true solutions to that challenge!

Week 3 Wednesday - Lesson 5

Responsive Page Layout
What should a responsive page look like? If you said it should look different in a tablet or smartphone than it does in a laptop, you're onto something! But how can we make pages display optimally in different viewports? In this lesson, we'll explore a basic strategy of applying a 3-2-1 framework with stacked columns. You'll learn how to use media queries, HTML5's semantic elements, and logical operators to build pages that are user-friendly in devices of all sizes.

Week 3 Friday - Lesson 6

Providing Collapsible Content for Mobile
Mobile screens are tiny. So how can we fit all our website content onto them without making users scroll and pinch too much? In this lesson, you'll learn a simple way to collapse content into expandable blocks for mobile users, but present an alternate page layout for full-sized viewports. We'll use the HTML5
and tags to make content that users can expand or collapse on a small screen. You'll also use media queries to present the content in full-size viewports in columns rather than the expandable and collapsible blocks that work in mobile devices.

Week 4 Wednesday - Lesson 7

Making Images and Videos Responsive
Images and video present real challenges when we're designing responsive websites. Not only do we need to think about how these potentially large files display on small mobile devices, but we also need to consider how long users on slow connections will have to wait for multimedia to download. In this lesson, you'll learn an array of strategies for making sure photos aren't slowing down your responsive sites. We'll talk about compressing images to reduce file size while maintaining image quality, building a cache file to make photos download more quickly for users on return visits, and managing image downloads with jQuery widgets. You'll also learn what video hosts work best when designing responsive sites.

Week 4 Friday - Lesson 8

Using SVG Artwork in Responsive Design
Wouldn't it be nice if you could create or acquire images for the Web that were infinitely scalable, small in size, and showed no degradation in quality no matter what size they were viewed at? In fact, you can! The SVG (Scalable Vector Graphics) format allows images to be displayed at any size without loss of resolution. SVG is not an appropriate format for photos (that's why we cover how to work with JPEG photos in Lesson 7). But SVG format is perfect for icons, logos, backgrounds, maps, illustrations—pretty much any artwork other than photos. In this lesson, you will learn to create and embed SVG images, and scale them responsively.

Week 5 Wednesday - Lesson 9

Designing Responsive Forms
When users visit our websites, we often want to collect something from them, be it contact information, a location, or order details. To accomplish any of those things, we need forms. Mobile and laptop/desktop users have very different requirements when it comes to accessible, inviting forms. In this lesson, you'll learn to recognize and appreciate those highly differing needs, and to design forms that are inviting and accessible in any environment. I'll show you how to use HTML5 input types to make forms easier to fill out in mobile environments, and we'll once again use media queries to customize the look and feel of our form depending on the viewport. The best part is, we can do all of this without any complicated scripting!

Week 5 Friday - Lesson 10

Adding Widgets With Bootstrap
You don't need to know any complicated coding languages to build responsive websites. But what if you want to add interactive, animated widgets based on JavaScript? You're in luck! Thanks to the Bootstrap framework, you can add these widgets and customize them within your pages even if you don't know JavaScript. In this lesson, you'll get an understanding of how JavaScript-based frameworks, libraries, and widgets work, and how to implement them in your website. We'll add custom buttons, navigation menus, and a carousel (automated slide show) using Bootstrap widgets—and yes, all of these components are responsive!

Week 6 Wednesday - Lesson 11

Providing an App-Like Experience With jQuery Mobile
A running theme in this course is that providing a truly responsive experience for users involves much more than scaling content to fit different viewports. In the final two lessons of this course, we'll expand our capacity to provide mobile users with an app-like experience. By that I mean integrating more styling and interactive animation. We'll do that by connecting with a set of widgets and animated elements from the jQuery Mobile framework. We'll also employ media queries to keep the full-sized viewport experience friendly—and best of all, we won't need to work with any complicated programming language to achieve an app-like experience in mobile devices!

Week 6 Friday - Lesson 12

Creating a Web App Interface for Mobile Users

What are mobile users looking for in a site's welcome page? Essentially, they want a set of navigation links that look and feel like an app. As we discussed in Lesson 11, native apps (custom-coded for specific operating systems) and Web apps look and feel very much the same to users, but Web apps are much easier to create. In this lesson, we'll continue to work with the jQuery Mobile framework to build a Web app welcome page that can serve as a mobile-friendly entryway into our site. We'll also define and apply a media query so that users coming from laptop- or desktop-sized viewports see a more traditional navigation bar that works well with large screens. As we go, we'll sum up what you've learned by building a home page to show off all the projects you've created in this class!

Some experience creating Web pages with HTML and CSS is needed before enrolling in this course.


Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Introduction to CSS3 and HTML5

Introduction to CSS3 and HTML5

$190 + applicable tax

Learn how to create state-of-the-art Web sites using modern CSS3 and HTML5 techniques. Take your existing HTML skills to the next level and start building sites like the pros. If you want to survive and excel in the fast-paced world of Web publishing, you're going to need to keep up with ever-evolving standards. The new standard for Web developers is to use CSS3 and HTML5.

CSS3 and HTML5 not only make it easier for you to build and manage large Web sites, these powerful languages can also give you more precise control over the appearance of every page you build. Almost every Web development tool--including Dreamweaver, Microsoft Expressions Web, and Visual Web Developer--offer support for CSS3 and HTML5.

This course will provide you with the foundation you'll need to master two critical and fast-growing new Web languages. If you're a Web developer, why not begin your transition to CSS3 and HTML5 today?


Week 1 Wednesday - Lesson 1

Getting Started
In this first lesson, you'll learn whom this class is for and what it's all about. We'll get hands-on right away, creating a folder and adjusting some settings in your operating system and editor so you're ready to start creating a website. We'll discuss the basics of what HTML5 and CSS3 are all about, as well as why you'll want to learn to use them. And finally, you'll learn to save time by creating an HTML5 page template that you can use as the starting point for each new page you create in this course and later on your own.

Week 1 Friday - Lesson 2

Styling Your Website
Today, you'll grow to appreciate the beauty and practicality of using CSS to style your entire website. You'll discover how CSS lets you create design elements that give your site a consistent look, feel, and unique identity. And if you ever decide to change something in your styling, you won't have to go digging through all the pages individually to make changes. You just change your style sheet in one place, and all the pages in the site update instantly and automatically.

Week 2 Wednesday - Lesson 3

Styling Backgrounds
Background colors, photos, textures, patterns, and gradients can really add some pizzazz to your website. In today's lesson, you'll learn to do them all, and you'll have a lot of fun doing so.

Week 2 Friday - Lesson 4

Borders, Corners, and Shadows
In today's lesson, you'll learn how to add some real professional polish to your design with borders, rounded corners, and drop shadows. And better yet, they're easy to do, thanks to some simple CSS properties.

Week 3 Wednesday - Lesson 5

Styling Text
Today, you'll learn about the many ways you can style your text with CSS, including fonts, text shadows, and more. We'll start with an overview of the primary tags for text markup in HTML. Then we'll look at the many properties CSS offers for making your text look great!

Week 3 Friday - Lesson 6

Spice It Up With Pictures
Pictures add a lot of visual interest to any website, and in today's lesson, you'll learn all about using pictures in your site. We'll start with an overview of the types of pictures you can use, and we'll go over how to insert them using HTML tags. Then we'll talk about ways you can float, position, and size pictures using CSS.

Week 4 Wednesday - Lesson 7

Mastering Style Classes and Link Styles
In today's lesson, you'll learn about style classes and links. Style classes are a great tool for defining styles that you can use freely wherever you want throughout your site. They can be a real boon to your creativity and a real time-saver for managing your styles. You'll also learn about pseudo-classes, which are a special type of class for styling links and mouse-over effects. And as an added bonus, you'll learn some advanced techniques for links including opening pages in a new window, using jump links within a page, adding tooltips to your links, using pictures as links, and creating email links.

Week 4 Friday - Lesson 8

Fun With Sound and Video
Nothing brings a site to life better than sound and video. In today's lesson, you'll learn all the newest and most modern techniques for playing sounds and showing videos on your site. You'll learn the secrets of embedding YouTube videos on your pages so you don't have to upload video files to your own site. And you'll learn about all the modern file formats and HTML5 tags for embedding sound and music into your pages without using YouTube or any other site.

Week 5 Wednesday - Lesson 9

Styling Tables
HTML tables are the perfect tool for displaying information in rows and columns, like tables you see in print. In today's lesson, you'll learn techniques for styling tables with traditional CSS, as well as brand new CSS3 techniques that really make tables shine with minimal coding!

Week 5 Friday - Lesson 10

Mastering the CSS Box Model
Getting control of the size and location of things and the gaps between them can be a real challenge for Web designers. Most of the mystery and frustration that designers experience stems from not understanding the CSS Box Model, which defines how things behave and provides a rich set of tools for managing widths, heights, margins, and padding. Today's lesson is all about solving the mysteries and overcoming the frustrations by exposing the secrets of the ever-important CSS Box Model.

Week 6 Wednesday - Lesson 11

Creating Modern Page Layouts
Modern business websites often use page layouts that include a header, footer, sidebar columns, and a navigation bar. Historically, these layouts were done using HTML tables or div tags. Now and in the future, we'll be using a new set of layout tags in HTML5 to define our layout sections. In today's lesson, you'll learn what those tags are, how to make them work in new and older browsers alike, and some professional-grade techniques for styling them with CSS.

Week 6 Friday - Lesson 12

Making a Multi-column Layout
Today's lesson will be all about adding side columns to your layout, be it a left column, a right column, or both left and right columns. As an added bonus, we'll add a vertical navigation bar to a side column with the links large enough that they're easy to work with a mouse, as well as a fingertip or stylus on a mobile touch screen.
A text editor (like Windows Notepad); basic computer skills; familiarity with files, folders, text editing, and copying and pasting. Completion of our online Creating Web Pages course (or equivalent experience with HTML and Web publishing) is recommended.
Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Intermediate CSS3 and HTML5

Intermediate CSS3 and HTML5

$190 + applicable tax

Today's websites require streamlined code that adapts to a variety of devices, screen resolutions, Web browsers, and user needs. CSS3 and HTML5 are the keys to creating that, and they're the foundation upon which all modern websites built (not to mention many mobile apps, games, and even desktop apps). This means today's software developers need a deep understanding of CSS3 and HTML5.

In this course, you'll take your CSS and HTML skills to the next level and learn how to create professional-quality websites. You'll find out the methods the pros use to quickly build effective sites that are easy to maintain and modify. You'll discover the secrets to ensuring you keep total creative control over every aspect of a site. You'll master specific techniques for using background images and controlling opacity, visibility, and scrollbars. You'll create picture thumbnail galleries, cool hover (mouseover) effects, drop-down menus and flyout menus, and animation effects that work on hover as well as touchscreens like the iPhone and iPad. You'll also discover wonderful easy-to-code methods for creating responsive layouts that scale well to all screen sizes and devices.

Week 1 Wednesday - Lesson 1

Get Geared Up
In today's lesson, we're going to start off with a quick review of what CSS and HTML are all about, the syntax of each language, and the key concepts and terminology. Then we'll go hands-on and actually create a new website to use as working example for more hands-on practice throughout the course. And finally, we'll reveal some of the mysteries of the Web browser rendering engines that turn the code we write into the beautiful creations you see on your computer screen.

Week 1 Friday - Lesson 2

Advanced Backgrounds
Understand the viewport and its importance in Web design, and apply it to some advanced techniques for background images.

Week 2 Wednesday - Lesson 3

CSS Positioning
In today's lesson, you'll learn how to take your Web design skills to a whole new level with CSS static, relative, fixed, and absolute positioning. You'll also find out how to position things exactly where you want them, even stack and overlap them, just like the pros do.

Week 2 Friday - Lesson 4

Opacity, Visibility, and Scroll Bars
Many of the more advanced interactive techniques for designing Web pages requires an understanding of the CSS properties and values necessary for controlling opacity, visibility, and scroll bars. Drop-down menus, pop-up thumbnail galleries, and scrolling textboxes are built from these things. Today's lesson introduces you to all the concepts, as well as the CSS properties and values you need to build such things. You'll then apply these techniques through the course to create ever more interactive pages.

Week 3 Wednesday - Lesson 5

Creating Interactive Pages
In today's lesson, you're going to learn how to apply advanced techniques like visibility, absolute positioning, and :hover to some fun things like thumbnail photo galleries and interactive facts. We'll go over some practical examples of the concepts, and I'll provide you with some code you can drop right into your own pages and use with minimal alteration. You'll also discover the secret to making the CSS :hover event work on devices like the iPhone, iPad, and iPod Touch, which don't always play nice with events that are designed to work with mouse pointers.

Week 3 Friday - Lesson 6

Using Downloadable Fonts
Web developers often feel shackled by the small selection of Web-safe fonts available on most computers. In today's lesson, I hope to free you from those shackles by sharing knowledge of downloadable fonts and the modern Web Open Font Format (WOFF), as well as the CSS @font-face rule that make them possible. With this knowledge, you'll be able to choose from thousands of fonts for your website.

Week 4 Wednesday - Lesson 7

Fancy Navigation Bars
Today's lesson is all about creating cool-looking navigation bars and tabs like you see in professional sites. You'll learn different ways to size and position the buttons and tabs, how to use background images that change on mouse over, and how to highlight the tab that represents the current page to the user.

Week 4 Friday - Lesson 8

Creating Drop-Down and Flyout Menus
Today's lesson will help you use the skills you've gained so far to create some complex navigation tools with drop-down and flyout menus like the ones you may have seen in some large, professionally developed websites. Along the way, you'll learn how you can use the CSS rule of specificity to create complex designs with minimal code.

Week 5 Wednesday - Lesson 9

Mastering the Layout
In today's lesson, we'll step back from the fine details on which we've focused for the past few lessons, and look again at the bigger picture of the entire page layout. You'll see how pages are likely to look going forward with HTML5 and CSS3, and you'll pick up some new tricks for making your pages better for the browsers and devices of today and tomorrow. And finally, you'll learn a new technique for making multicolumn layouts easier than ever.

Week 5 Friday - Lesson 10

Responsive Web Design

Responsive Web Design is a popular buzzword in the Web design business these days. It's all about designing your website so it looks good and works well on the wide range of devices people use to access the Web these days, including smartphones, tablets, portable computers, desktop computers, gaming consoles, and television sets. In today's lesson, you'll learn smart and relatively simple techniques that you can start using right now to ensure that your site looks and behaves its best across all those different media.

Week 6 Wednesday - Lesson 11

Animations with Transform and Transition
Despite their widespread use on the Web today, HTML5 and CSS3 are still not W3C final recommendations. A W3C spec isn't a final recommendation until it's had years of real-world use. The most important and most needed features of the languages received browser support very quickly. Some of the more "out there" tags and properties are being adopted more slowly, but they do represent some really cool animations and other fun stuff you'll want to know about now. Today's lesson is about those upcoming features.

Week 6 Friday - Lesson 12

Expanding Your Horizons
Today's lesson will help you expand your horizons into other areas of Web development and app development. We'll discuss the difference between front-end and back-end languages. You'll learn the purpose of JavaScript and jQuery. You'll understand server-side technologies like PHP, MySQL, ASP.Net, and SQL Server—what they are, how you'd use them, and why you might want to learn them.
You'll need a simple text editor like TextEdit in Mac OS or Notepad in Windows, or other Web development tool, as well as basic computer skills, and some familiarity with HTML and CSS. 

Note: Successful completion of "Introduction to CSS3 and HTML5" course, or prior experience with HTML and Web publishing is recommended.
Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Advanced CSS3 and HTML5

Advanced CSS3 and HTML5

$190 + applicable tax

You've heard the buzz about CSS3 and HTML5? These latest versions of HTML and CSS have redefined how Web pages are created. So if you're going to design Web pages, you need to know how to work with CSS3 and HTML5.

This course will teach you how to take advantage of HTML5 "semantic" tags that make page design far more intuitive, faster, and easier compared to older versions of HTML. And you'll learn to use HTML5 to create basic mobile pages and apps.

In this class, you'll learn to use HTML5 to provide video that works in any environment. HTML5 makes it possible to build inviting forms that test user data without back-end coding. It also allows designers to include friendly tools like calendars, calculators, and color palettes to encourage accurate user input. You'll leave this course with the skills to create all those elements.

And you'll learn to wield new CSS3 features essential for fast-loading, exciting, interactive websites, especially mobile sites. You'll create complex gradient blend backgrounds for pages and page elements, without using image files. And you'll learn to use jQuery Mobile to create app-like mobile Web pages and themes— complex sets of styles for mobile sites.

In short, you'll leave this course with valuable skills essential to creating modern websites.

.

Week 1 Wednesday - Lesson 1

Elements of an Advanced Website
In this first lesson, we'll survey how great websites attract visitors and make content inviting and accessible. You'll find out how effective websites gather valuable information about who's visiting the site, and you'll learn how sites attract and retain mobile users.

Week 1 Friday - Lesson 2

Building a Basic Web Page With HTML5 and CSS3
This lesson is a compressed, intense survey of the basic techniques involved in building modern Web pages with HTML5 and CSS3. Today you'll examine, deconstruct, and customize an HTML page and a style sheet.

Week 2 Wednesday - Lesson 3

Testing and Uploading Your Site
Today's lesson balances art and technology. It's time to define and apply a color scheme to your site. Then we'll test the HTML and CSS code for errors and check links and spelling. After that, you'll be ready to upload your site to a remote host.

Week 2 Friday - Lesson 4

Improving Your Site Design With Gradient Backgrounds and Custom Fonts
In this lesson, we'll explore two techniques for creating inviting websites: CSS3 gradient backgrounds and Web fonts. Both of these help you create an engaging and distinctive look for your site. Most important, new CSS3-based techniques allow you to implement these features in a way that doesn't affect download time!

Week 3 Wednesday - Lesson 5

Embedding Native Video
"Native video" plays in a browser without any plug-in software. HTML5 marked the emergence of native video, and all current-generation browsers support it. In this lesson, you'll learn what its advantages are and how to present it in formats that are accessible to the greatest possible range of users.

Week 3 Friday - Lesson 6

Building Forms
Collecting data through forms is one of the most valuable and underrated elements of advanced Web design. In this lesson, you'll learn to build basic forms, so visitors can sign up for your email list.

Week 4 Wednesday - Lesson 7

Enhancing Forms and Collecting Form Data
In this lesson, we'll explore some remarkable new features in HTML5 that make it easier and more inviting for people to fill out forms. We'll also look at how server-side scripts manage form data.

Week 4 Friday - Lesson 8

Structuring Pages With HTML5 Semantic Markup
HTML5 semantic elements are a radically new and better way to structure Web page content. In this lesson, you'll learn to apply them.

Week 5 Wednesday - Lesson 9

Advanced Responsive Design
How do the needs of smartphone and tablet users differ from the needs of laptop and desktop users? In this lesson, you'll build on basic fluid design techniques by adding media queries that allow you to design a completely distinct look and feel for different-sized browsing environments.

Week 5 Friday - Lesson 10

Building Slide Shows With jQuery, HTML, and CSS
Slide shows are one of the most widely used elements of attractive, inviting Web pages. In this lesson, you'll download a jQuery slide show widget, and then you'll customize its HTML and CSS code to integrate it into a website.

Week 6 Wednesday - Lesson 11

Creating Web Apps With jQuery Mobile
We've talked about jQuery, but what about jQuery Mobile? In this lesson, you'll use it as you create app-like mobile Web pages. You'll also integrate them into a site, and we'll discuss how to build sites that work well in any environment.

Week 6 Friday - Lesson 12

Customizing jQuery Mobile Themes
It's time to give your mobile site some style. ThemeRoller for jQuery Mobile generates custom CSS for jQuery Mobile sites. With ThemeRoller, you can define global styling elements like fonts and color swatches that you can apply throughout a mobile site.

The only software is required for this course is a current generation browser: Chrome, Firefox, Internet Explorer (version 9 or higher), or Safari (software must be installed and fully operational before the course begins); you may take this course using a desktop or laptop computer with any version of Microsoft Windows, or any other operating system including OSX, Chrome, or Linux.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Introduction to Flash CS6

Introduction to Flash CS6

$190 + applicable tax

Flash has grown beyond its best known application, Web pages. Nowadays, Flash movies appear everywhere—the Internet, mobile devices, the cinema, TV shows and commercials, computer games. Using Flash, you can create a wide variety of file formats, including apps (iOS and Android), HTML5, and video that work on virtually any device.

In this course, you'll learn how to create animation, interactive movies, and mobile apps in Flash CS6 and develop several full-blown Flash applications. We'll start by reviewing the Flash workspace, creating text and graphics, and animating objects on the Flash stage. Then, we'll look in detail at the anatomy of a Flash movie—how to use the Flash timeline, layers and frames to control objects, and timing on the stage.

While creating your first Flash movie, you'll learn how to format and embed external digital media and how to make them appear or play at specific times. We'll also look at controlling digital media based on specific events, such as end user mouse clicks.

No course on Flash is complete without an introduction to ActionScript, Flash's powerful programming language. We'll get our hands dirty, creating interactive buttons with ActionScript 3.0. You'll also learn to write scripts that control movie flow, and scripts that call to and load external videos, Web pages, and other Flash movie files.

As we create our movie, we'll go over creating and animating 3-D objects, syncing sounds with animations, and publishing your Flash movies to the Internet and to mobile apps. By the end of the course, you'll understand the fundamentals of Flash and be ready to master more advanced Flash topics.

Week 1 Wednesday - Lesson 1

Getting to Know Flash CS6

Many people think of Adobe Flash as animation software, but it's much more than that. Flash is the industry standard for creating animated, interactive movies and applications. It's also widely used in TV commercials and cinema special effects. In our first lesson, you'll begin by getting acquainted with the Flash interface, or workspace. Then, I'll show you how to create your first animated graphic. Whether you've worked with Flash a bit before or this is your first time opening the program, you'll be well on your way to becoming a Flash designer when you finish this lesson.

Week 1 Friday - Lesson 2

Working With the Drawing Tools
Flash comes with everything you need to create complete interactive movies and applications, including a palette of tools for drawing lines and shapes. Today you'll learn how to draw rectangles, circles, and lines to create a framework for a Flash movie. I'll show you how to change line and fill properties and how to apply special effects such as drop shadows and gradient fills to the objects you draw. You'll also learn how to arrange and distribute objects on the Flash Stage with the tremendously useful Align panel.

Week 2 Wednesday - Lesson 3

Using the Text Tools
Nearly every Flash movie calls for some kind of text—such as buttons, headlines, captions, and taglines. In this lesson, I'll show you how to use Flash's Text tool to create basic text. Then we'll apply all kinds of formatting options and special effects—such as colors, drop shadows, and bevels—to make the text more interesting and appealing. The text you create in this lesson will become the buttons, headlines, and captions for our ongoing movie project during the remainder of the course. We'll also take a brief look at Flash CS6's TLF Text feature, a whole new text formatting engine that greatly expands text formatting options and text display quality.

Week 2 Friday - Lesson 4

The Timeline, Layers, and Frames

In Flash and other animation programs, events happen over time. Flash measures time in frames on a grid called a Timeline. Today you'll learn how the Timeline works. We'll use it and Flash's Layers feature to distribute and animate several objects on the Stage. We'll animate our buttons and graphics so that they fade onto the Stage at different intervals in our movie. You'll also see how to use Flash's tweens (automatic animation creation tools) to make objects move frame-by-frame on the Stage. We'll also take a quick look at Movie Clip symbols. By the end of this lesson, you'll understand the basics of animation in Flash.

Week 3 Wednesday - Lesson 5

Scenes and Imported Objects

As your ongoing movie grows in file size and length, you'll find that breaking it into logically organized scenes makes it easier to work with. This time, I'll show you how to create new scenes. Then, we'll look at importing elements from other programs, such as Photoshop and Word. Most of the movies people create in Flash contain objects created in external graphics programs. I'll show you how to create your first TLF Text box, how to embed fonts, and how to figure out what fonts to embed. You'll also learn the basics of bitmap and vector graphics formatting so that using these objects in Flash movies is a lot easier.

Week 3 Friday - Lesson 6

Sound, Video, and Button Effects

Ready. Set. Action! You can make your movies more interesting, entertaining, and informative with sound and digital video. While it's relatively easy to import a media file into Flash, getting the results you want isn't so straightforward. In this lesson, I'll tell you what you need to know about sound and digital video file formats. Then, we'll look at how to make sounds play. You'll discover how to create ambient backgrounds for your movies and how to make sounds play on specific events, such as mouse-overs and clicks. You'll also learn how to use different mouse states, creating rollover-like effects that change the button's behavior as users mouse around in your movies.

Week 4 Wednesday - Lesson 7

Interactivity and ActionScript
To produce applications in Flash, you must know how to create interactivity—or how to tell the movie what to do when a user clicks a button. Today, you'll see how to use ActionScript 3.0, Flash's powerful programming language, to make your buttons work. We'll look at basic programming concepts, and then we'll write some event listener and event handler scripts that make our buttons hot and our movie interactive. When we finish, you'll have created a complete Flash movie with working buttons, button sound effects, and user navigation.

Week 4 Friday - Lesson 8

More ActionScript, Code Snippets, 3-D Images, and the Motion Editor

ActionScript 3.0 is the backbone for creating sophisticated Flash movies. In this lesson, we'll look deeper into programming with ActionScript. You'll learn how to create buttons that allow the user to control animation, and we'll create a short movie that lets users view products online in various colors. We'll also take a look at the Code Snippets panel and learn how to let Flash create basic scripts automatically and how to save your own code snippets you can use any time in any movie. Since we're venturing into more advanced Flash topics, we'll also take a look at creating and manipulating 3-D graphics in Flash. Finally, you'll learn how to create complex animations with Flash's Motion Editor.

Week 5 Wednesday - Lesson 9

Components, Motion Presets, and Common Library Sounds
If you've watched a few Flash movies, you've probably noticed that many of them have several features in common: progress bars that tell users how long they must wait before the movie starts playing; image galleries for displaying photos and product images; similar sounds and animations. To save you time when you're creating these common elements, Flash comes with several premade components that install these effects for you. You can find thousands of components on the Web, or you can save your own components and use them over and over. Flash also comes with many motion presets that make it easy to create sophisticated animations. Today we'll take a look at using motion presets and creating and saving your own animations for use in multiple movies.

Week 5 Friday - Lesson 10

Media Encoder, Photoshop PSD files, and Mobile Device Publishing

Like most high-end software programs, Flash comes with and supports files from many other applications. In this lesson, we'll look at Adobe Media Encoder. Media Encoder is a nifty little utility that comes with Flash and lets you format video and sound files for Flash movies and other applications, such as YouTube. We'll also explore the tight integration between Photoshop and Flash—you'll learn how to work more quickly and efficiently by importing your Photoshop files directly into Flash. We'll even touch on publishing Flash movies for mobile devices with the AIR runtime, including actually publishing an AIR app to a smartphone or tablet.

Week 6 Wednesday - Lesson 11

Deco Tool, Spray Brush Tool, and Bone Tool

Flash CS6 has a bunch of great tools and features for creating sophisticated graphics effects and complex animations. Today, we'll look at three of them: the Deco tool, the Spray Brush tool, and the Bone tool. The first two tools create graphics special effects in highly useful and professional-looking patterns. The Bone tool is an animation tool that lets you easily create animations that simulate the movement of humans and animals—things like people walking, animals running, and birds flying. These tools will help you give your movies and animations a polished, professional look.

Week 6 Friday - Lesson 12

Publishing Movies to the Web
Why should you do all this work to create interactive movies if you can't share them with the world? In your final lesson, you'll find out how to publish your work to the Internet. You'll learn how Web servers work and how to upload files to make your creations public. You'll also have a chance to integrate your movies into Adobe Dreamweaver files and then use that popular application to upload your movies to a public Web server. When you finish this lesson, you'll have successfully joined the elite ranks of Flash designers.

• Internet access
• Email
• One of the following browsers: 
    o Mozilla Firefox 
    o Microsoft Internet Explorer (9.0 or above)
    o Google Chrome
    o Safari
• Adobe PDF  plug-in (a free download obtained at Adobe.com .)

 

Adobe Flash Pro CS6 for Windows or Adobe Flash Pro CS6 for Mac or any Adobe Creative Suite bundle containing Adobe Flash CS6 are all acceptable (software must be installed and fully operational before the course begins); Microsoft Windows XP, Vista, Windows 7 or Windows 8, or Mac OS 10.x.

Artistic ability is not required, just a desire to be creative.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Intermediate Flash CS6

Intermediate Flash CS6

$190 + applicable tax

Take your Adobe Flash skills to the next level to create more sophisticated and powerful Flash applications.

You'll start by examining the ever-versatile Movie Clip symbol, using it to create Flash content—animations and special effects—inside other Flash content. Then you'll dive deep into ActionScript so you can to turn your simple SWFs into epic Flash masterpieces. For example, you'll learn how to write a single script that controls hundreds, even thousands, of objects based on user input.

You'll also learn the advanced ActionScript techniques you'll need to take control of the user's cursor and how to extend Flash's capabilities with external ActionScript Class files. External ActionScript files also allow you to use the same scripts across multiple SWFs, as well as create SWFs that load and interact with other SWFs—the secret to creating in-depth, multifaceted Flash applications.

But this course is not just about programming. You'll also learn high-end Motion Editor skills for creating sophisticated transitions and other animated effects. We'll delve deep into advanced Bone tool features that make your IK bones appear more life-like, as well as the Deco tool, Spray Brush tool, Layer Masks, Onion Skins, and other advanced techniques for creating professional-grade graphics and animations.

No intermediate Flash course would be complete without lessons on using ActionScript for developing user-interactive courses, surveys, and quizzes—scripts that make decisions, count and keep track of user choices, and then tally up and report the results. In this course you'll learn to compose ActionScripts indispensible to creating these kinds of sophisticated applications.

You'll also see how to incorporate all types of content from external applications, such as graphics editors and word processors. We'll try out Edge Animate, Adobe's new no-scripting HTML5-, CSS3-, and JavaScript-based utility for creating user interfaces and animations. We'll wrap up with an examination of Adobe AIR, which allows you to create full-blown desktop applications that install and interact with computer operating systems just like traditional computer programs.

In each lesson, you'll find practical, hands-on activities that allow you to practice the skills you're learning. When you finish this course, you'll know more than enough to confidently market yourself as a Flash designer.



Week 1 Wednesday - Lesson 1

Flash Movie Clip Symbols
Flash supports many ways to accomplish essentially the same tasks. Depending on your movie's purpose and overall design, some techniques are much more suited to specific applications than others. In today's lesson we'll look at Movie Clip symbols—a powerful and efficient tool for creating rich content. While learning to create Movie Clips, we'll go over some of Flash's basic design and interactivity features, just to make sure we all start the course with a similar set of skills. Get ready to dive headlong into Flash's intermediate-to-advanced movie design techniques.

Week 1 Friday - Lesson 2

Inner Pop-ups With UILoader

A design effect that at first looks complicated is the inner pop-up—a pop-up that loads and plays external content within the main movie Timeline. However, as with many techniques in Flash, creating inner pop-ups really isn't all that difficult, once you know how to do it. While Flash supports many ways to accomplish the inner pop-up effect, an easy and straightforward method is to load and play an external Flash movie in the UILoader component. With UILoader, you can play any Flash SWF movie from your main movie's Timeline. Designing movies this way helps keep your movies small and reduces download time. It also helps keep your main movie's Timeline simple and easy to manage.

Week 2 Wednesday - Lesson 3

Creating a Portfolio With ActionScript
As you tackle more sophisticated Flash movies and applications, the method of laying components out frame by frame on the Timeline simply won't cut it. That's when it's time to unleash ActionScript 3.0. In this lesson, that's exactly what we'll do as we take on a more complicated project: building an online products and services portfolio that can showcase hundreds of products. You'll learn to make a project of this magnitude manageable by using ActionScript 3.0 to call objects from the Library dynamically—without physically placing and positioning each one on the Stage. You'll also learn the power of ActionScript classes and variables. By the end of the lesson, you'll know how to write a single event handler that can call hundreds, even thousands, of external movies to the Stage.

Week 2 Friday - Lesson 4

Using an External Script to Design an Interactive Paint Application
In today's lesson, you'll learn to use one of the most important tools in complex application design, the external ActionScript file. External ActionScript files not only help keep Flash files small and manageable, but they also expand your design options and can even increase your overall productivity. In this lesson, you'll learn to write an external ActionScript class file that, when loaded into a Flash application, will define a new class object. Then you'll use the new class object to turn the user's mouse cursor into an interactive paint brush.

Week 3 Wednesday - Lesson 5

Using External Text and Graphics, Trace Statements, and If Conditionals
This lesson takes a straightforward procedure—loading an external image—and turns it into a multifunction chain of events. The simple event handler that loads an external file triggers other events that not only format and apply special effects to the new content, but also manipulate other objects on the Stage. First, you'll learn how to format external text files with HTML tags and load the text into Flash. Then, you'll start creating the cascade of events, which includes using the List component to trigger a function that loads image files; which in turn passes the new content to another function that applies a tween to the images as they display; then the chain continues with simple, powerful If Conditionals that play Movie Clips—all based on the original data passed by the first event in the chain. To make all this possible, you'll use AS3's indispensable trace(); statement to find out what data your functions and statements are passing among themselves.

Week 3 Friday - Lesson 6

Combining Motion Editor, Timeline, and ActionScript to Create Custom Animations
When it comes to animation, the Motion Editor is one of Flash's most useful features. It allows you to apply multiple transformations and effects all in the same tween. In this lesson, we'll look closely at the Motion Editor, at all its various options and how they work. Next we'll combine several objects containing Motion Tweens to create a sophisticated transition effect and subsequent animation sequence. Then we'll use Flash's built-in Timer to control when our animation sequences play on the Timeline. The resulting movie will be a rotating, never-ending banner similar to those you see on many of today's more popular websites.

Week 4 Wednesday - Lesson 7

Special Effects With the Bone Tool, ActionScript, and the Spray Brush Tool
This lesson explores some advanced Bone tool techniques. The Bone tool uses an animation technology known as inverse kinematics (IK), which simulates the movement of animate objects, such as people and animals with skeletal structures. IK is also used in the science of robotics. This lesson assumes some basic experience with IK chains and builds on that experience, teaching you how to modify IK chains to make their movements appear more realistic. We also look at making IK chains interactive so that your users can manipulate them at runtime. Then, we go to animating IK chains with ActionScript. The lesson ends with a short demonstration on using Movie Clip symbols with the Spray Brush tool to create special effects, such as twinkling stars or rotating planets.

Week 4 Friday - Lesson 8

Create a Self-Scoring Quiz with External AS3 Class Files

Flash is by far not just an animation program. Many application developers use it to create sophisticated programs that do all sorts of things, such as building online courses, creating shopping carts for online stores, and just about everything else you can think of. In this lesson, we create a self-scoring quiz, or test, where users answer a series of questions and are then given their scores at the end of the test. To accomplish this, we'll revisit the oh-so-powerful external class file, taking the technique further by creating multiple class files that refer to one another to make decisions. You'll learn to use several common and highly useful programming concepts, such as Arrays, Sprites, ints, for loops, Boolean operators, radio button groups, and several others. After completing this lesson, you'll have a basic understanding of creating applications with Flash, as well as an all-new understanding of the power of ActionScript.

Week 5 Wednesday - Lesson 9

Creating Alternate Animation and Interactivity in Edge Animate
As computer technology continues to move toward mobile devices, Flash isn't always the best choice for creating simple animation and interactivity. Increasingly, with the maturing of HTML5, CSS3, and JavaScript Web page description and scripting languages, more and more designers are relying on other technologies. With an eye toward the future, Adobe has developed a new utility—Edge Animate—that, much like Flash Professional, provides a visual design environment for creating animations and interactive interfaces for inclusion in Web pages. Just as Flash Pro lets you lay out your creations visually (and then, when you export your work to SWFs and other formats, the program converts your work to ActionScript), Edge Animate converts what you create visually to HTML5, CSS3, and JavaScript. In this lesson, we'll take a break from working with Flash and look at creating Web content with Edge Animate. Since Edge Animate relies on Stage and Timeline metaphors, making the transition from Flash to this new platform should come easily to you, providing you with yet another highly useful addition to your design tool belt.

Week 5 Friday - Lesson 10

Create Drag-and-Drop, Object Resize, Rotate, and Recolor Interactivity
Many Flash applications, such as games and quizzes, call for advanced user interactivity—providing the user with control of various objects on the Stage. Some applications, for example, call for allowing the user to drag and drop objects, or move them from one spot to another. Other applications call for allowing the user to rotate, resize, and recolor objects. All of this interaction is accomplished with ActionScript. In this lesson, you'll learn to write scripts that turn control over important functions over to the user. First, I'll show you a simple set of scripts that allows the user to drag and drop an object on the Stage. Then we'll look at creating sets of buttons that allow users to rotate and resize objects. After that we'll look into allowing users to change not only the color of objects on the Stage, but also the Stage itself—all with the use of a handy little component known as the Color Picker.

Week 6 Wednesday - Lesson 11

Masks, TileList Component, and Animating With Onion Skins

In this lesson, we look at a few of Flash's lesser known, but highly useful, features. First, you'll learn how to create layer masks for producing display effects from objects you draw with Flash's drawing tools. Then, I'll show you how to build an image list—a list consisting of images—with the TileList component. Finally, the lesson ends with an in-depth look at Flash's metaphorical equivalent to the days (not all that long ago) when animations were creating one drawing at a time on translucent sheets of paper, stacked one on top of the other—a process known as onion skinning. Flash's Onion Skin feature can help you significantly when developing simple frame-by-frame animations.

Week 6 Friday - Lesson 12

Desktop Applications With Adobe AIR (Adobe Integrated Runtime)
A relatively new addition to the Flash platform, Adobe AIR allows you to create stand-alone desktop applications with Flash Professional—fully functional applications that access and utilize system resources, such as the clipboard, system menus, Minimize, Maximize, and Close buttons, print functions, and many others. AIR applications are platform-neutral, meaning that you or your users can install them on any Windows, Mac OS, or Linux computer, as well as most handheld devices, such as smartphones and tablets. Any existing Flash movie can be published as an AIR application. In this lesson, you learn how to create system-level functionality (unavailable in Flash documents destined for Flash Player), and how to publish and install AIR applications—yet one more way you can utilize and capitalize on your Flash skills.

• Internet access
• Email
• One of the following browsers: 
    o Mozilla Firefox 
    o Microsoft Internet Explorer (9.0 or above)
    o Google Chrome
    o Safari
• Adobe PDF  plug-in (a free download obtained at Adobe.com .)

 

Adobe Flash Pro CS6 Windows or Adobe Flash Pro CS6 Mac or any Adobe Creative Suite bundle containing Adobe Flash CS6 are all acceptable (software must be installed and fully operational before the course begins); student discounts are available through specific schools; Microsoft Windows XP, Vista, Windows 7 or Windows 8, or Mac OS 10.x. Artistic ability is not required, just a desire to be creative.



Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Creating WordPress Websites

Creating WordPress Websites

$190 + applicable tax

Learn how to create attractive, sophisticated blogs and websites—without any coding! WordPress is the world's most popular website publisher, powering more than 25% of all sites on the Internet. WordPress is an easy-to-use solution that will help you put your site on the Web in far less time than by coding, and at a much lower cost than hiring a professional.

In these lessons, you'll get hands-on experience with this powerful tool as you create your own WordPress.org site and blog. You'll find out how to use WordPress to create pages and posts, add images and videos, change a site's look and feel, and include user-friendly features. You'll discover the ease of using WordPress design themes to express your creativity, and you'll see how much fun it is to be part of the vibrant WordPress online community. 

In addition to mastering the technical elements of WordPress, you'll learn how to organize a blog or website, create appealing content, keep your site secure, and achieve better positions on search engine results pages. By the end of this course, you'll be able to confidently use WordPress to create a blog or a personal, business, or organizational website.

The WordPress.org version covered in this class is the platform the pros use. While it normally requires a paid hosting account, this course includes a totally free, no obligation SiteGround hosting account for three months, along with a private place on the Web for practice.


Week 1 Wednesday - Lesson 1

Getting Started With WordPress
In this first lesson, we'll explore the magic of WordPress! You'll discover how to use this WordPress to create an attractive, dynamic blog or website—without learning any special code. You'll find out what the two "flavors" of WordPress are and why we'll use the self-hosted WordPress.org version. Then you'll go online, sign up for a free hosting account, and tour the WordPress Dashboard.

Week 1 Friday - Lesson 2

Creating a Blog
What can a blog do that a website can't? Blogging's become a popular way to establish an online presence. We'll discuss how adding a blog can make a traditional website more effective. Then you'll build a blog with WordPress—by creating, refining, and categorizing posts. You'll also find out how to encourage and control visitor feedback.

Week 2 Wednesday - Lesson 3

Making a WordPress Website
Get the best of both worlds by combining a blog with a traditional website. In this lesson, you'll use WordPress to create and organize Web pages. And I'll show you how to convert your blog to a traditional website—or vice versa—with the click of a button.

Week 2 Friday - Lesson 4

Making Your Pages Look Great
This lesson's all about WordPress themes—the templates that give your website its look and feel. You'll discover how to choose a theme, install it, and tweak it.

Week 3 Wednesday - Lesson 5

Working With Images and Multimedia
Photos, drawings, charts, videos, and audio clips can make your website more appealing and understandable. In this lesson, I'll show you how to use WordPress to upload and insert images and multimedia files.

Week 3 Friday - Lesson 6

Plugins: The Modular Solution for Functional Websites
Plugins are little programs that add features to your WordPress website. In this lesson, you'll learn how to find and use them.

Week 4 Wednesday - Lesson 7

Making a User-Friendly Website
If your online visitors have trouble understanding or navigating your website, they'll go somewhere else. This lesson helps you pinpoint and eliminate usability problems.

Week 4 Friday - Lesson 8

Polishing Our WordPress Website
In this lesson, we'll take a long, hard look at our class project and decide how to make it better. You'll create a front page featuring both static and dynamic content; add links to pages, documents, email, and other sites; and repair typos, grammatical errors, and other mistakes.

Week 5 Wednesday - Lesson 9

Getting Search Engines to Love Your Website
What if you launched a website and nobody came? This lesson will show you how to keep that from happening. You'll find out what makes search engines tick and how to get them to visit your pages.

Week 5 Friday - Lesson 10

Making the Most of Statistics and Social Networking
Statistics are just a bunch of numbers if you don't know how to use them. We'll focus on how to analyze stats so you can improve your site. You'll also find out how to tie your WordPress pages into social sites like Facebook and Twitter.

Week 6 Wednesday - Lesson 11

WordPress Security and Monetization
In this lesson, we'll discuss how you can protect a WordPress site against hackers, and we'll review money-making strategies for blogs and websites.

Week 6 Friday - Lesson 12

Mastering Your Domains
In our final lesson, we'll tour the hosting control panel, discuss domain naming strategies, and review where to get help after the course ends.

No software purchase or installation is necessary. WordPress.org requires a paid hosting account, which normally costs around $8/month. Included in the course is a free 90-day hosting account (US only) and temporary domain with SiteGround, one of the world's most respected hosts. You'll receive instructions for registering for and accessing your free account. WordPress runs on any Windows operating system from Windows Vista to Windows 10 and on all versions of Mac OS X. No specific knowledge or skills are required, just a general familiarity with the Internet.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020
Intermediate WordPress Websites

Intermediate WordPress Websites

$190 + applicable tax

Discover how to get the most from websites and blogs built with WordPress, the world's most popular Web page publisher.

After reviewing the system's basic features, you'll learn to use an online administrative area that makes creating and updating content as simple as composing an email. Your online visitors will be able to comment on your articles, fill out forms and applications, buy your products, and even make appointments.

While WordPress requires no coding, you'll find out how to use simple HTML and CSS to customize a website's appearance. You'll take advantage of the dynamic features known as plugins, which add every imaginable function to your website. And you'll explore how use plugins to turn a site into an ecommerce powerhouse and improve search engine page results.

To take this course, you should have at least some blog or website publishing experience and good computer skills. WordPress also requires a paid hosting account, but the class includes 90-days of completely free hosting with SiteGround, one of only four hosting companies that WordPress recommends.

If you want to build or maintain a professional WordPress website with all the bells and whistles, this course is for you.


Week 1 Wednesday - Lesson 1

Getting Started With WordPress
In this first lesson, you'll find out why WordPress is the world's most popular Web publishing platform and how it helps non-technical people create good-looking, dynamic websites. We'll discuss what it takes to set up a self-hosted WordPress site, and you'll learn how to choose a domain name, find a hosting company, and access your piece of the World Wide Web!

Week 1 Friday - Lesson 2

Setting Up Your WordPress Website
It's time to get your website set up! Today, you'll learn how to manage website files, and we'll tour the WordPress administrative area and configure some basic settings. I'll also show you how to organize your site so that your visitors will get the most out of it.

Week 2 Wednesday - Lesson 3

WordPress Themes: Bringing Your Website to Life
A WordPress theme gives your website a professionally designed look and installs with a single mouse click. In this lesson, you'll learn how themes work, where to find them, and how to install them. We'll compare free themes with those you have to pay for, and we'll also talk about the theme we're using for our class website project.

Week 2 Friday - Lesson 4

Creating Pages, Posts, and Menus
Today's lesson is all about organizing written content! We'll discuss how to enter and organize the information your visitors are looking for, and how to create pages and posts. You'll also find out how to put together a custom menu to guide your guests around the site. You want to arrange your articles so that they're easy to find, and that's just what we're going to discuss today.

Week 3 Wednesday - Lesson 5

Adding Images, Videos, and Other Digital Media
Now you're ready to start adding to your website—the details that will give it that extra-special touch! In today's lesson, you'll learn how to add photos, videos, and documents to your Web pages without leaving the WordPress application. And we'll also discuss how to manage these files and create an image gallery to display your photographs.

Week 3 Friday - Lesson 6

There's a Plugin for That
In this lesson, you'll learn how to use plugins, the features that you can add to WordPress with a single mouse click. I'll show you where to find thousands of these free mini-programs and how to use them.

Week 4 Wednesday - Lesson 7

Customizing Your Website, Part 1
You likely know a bit about HTML and CSS, but today we'll cover HTML and CSS coding in more detail. Don't worry if this is foreign to you. I'll introduce you to the basics of each language, and you'll quickly discover how to change font styles, sizes, and colors; create lists; and work with margins. With this knowledge, you can customize your website, so it'll look just how you want it to look!

Week 4 Friday - Lesson 8

Customizing Your Website, Part 2
As we continue exploring how to customize WordPress websites in this lesson, you'll discover an application that will spare you countless hours of drudgery. You'll also find out more ways to change the way your site looks, and you'll learn how to create a custom WordPress theme without learning the basic scripting language. Then you'll learn how to set up widgets, which fill your sidebars with information and features.

Week 5 Wednesday - Lesson 9

Monetizing Your Website
So how can you use your WordPress website to make money? That's what this lesson is all about. You'll learn ways to create pay-per-click, advertising, and affiliate marketing programs. And we'll also discuss PayPal and credit card processing and set up a shopping cart.

Week 5 Friday - Lesson 10

Site Work and Social Networking
Today, we'll focus on the details that'll make your website stand out. You'll find out how to create a consistent style and set up an eye-catching slide show on your home page. We'll also discuss how to market your site using social networking plugins designed for WordPress.

Week 6 Wednesday - Lesson 11

WordPress SEO, Statistics, and Analysis
Search engines love WordPress websites! In this lesson, we'll talk about how to get higher search page results, and we'll explore ways to collect and analyze data to ensure we're attracting and informing our target audience.

Week 6 Friday - Lesson 12

Digging Deeper Into WordPress: Tips, Tricks, and Hacks
In our final lesson, you'll learn to use the WordPress Loop to customize your website. We'll also discuss some time-saving tips and tricks about handling contributors, bolstering security, and making your pages look great in mobile browsers!

WordPress software is free, but in order to use it, you must have a paid account with a hosting company, which costs approximately $100 a year. The course includes a free 90-day hosting account from SiteGround, which includes a temporary practice site. (This is not available for students who took advantage of this offer in the introductory WordPress class.)

You'll need a computer with broadband Internet access, running any recent version of the Windows or Mac operating systems. We recommend using the Firefox, Chrome, or Safari browsers.

If you don't have prior experience with either WordPress or any other Web publishing tools, you should have a strong familiarity with the Internet and good computer skills. Otherwise, we recommend the introductory course, Creating WordPress Websites.

Course Details
This course is fully online, you require internet access and an email account. The course duration is 6 weeks, followed by a 2-week period to complete the final exam (online, open book). Lessons are released on Wednesdays and Fridays of each week, for a total of 12. You are not required to be online at any specific time.

In addition to the specific lesson content, there is a discussion board with each lesson and often there is an optional assignment to apply the learning.

Following each lesson, there is a short multiple choice quiz. Your score on these quizzes does not count towards the final mark but completing these helps solidify your learning as well as prepare you for the final exam.

The final exam is an open-book, multiple choice exam and you need to achieve a minimum of 65% on the final exam to pass the course. There is only one opportunity to pass the exam. A certificate of completion from Ed2Go is available for printing immediately upon successful completion of the course and a certificate from the University of Waterloo will be mailed typically 4-6 weeks later.

Certificates
Many of the Ed2Go courses are eligible towards the various online certificates offered by Professional Development.

Choose your course start date:

Sep 11, 2019Oct 16, 2019Nov 13, 2019Dec 11, 2019Jan 15, 2020Feb 12, 2020