Web design & Internet tutorials
Search the site...
Home» Kelby Training

Kelby Training

Training Videos & Resources: Learn CSS and Dreamweaver

Order videos, download sample sites, and more

You’ve come to the right place to download the project files that go with Janine’s Web design training videos created with KelbyTraining.com web site.

Just scroll through the course listings below to find downloadable project files or order Janine’s Kelby Training videos on DVD.

Adobe Dreamweaver CS5 Crash Course

Chocolate Game

Sample Web Site for Dreamweaver CS5 Crash Course Training Video

This web site about the Chocolate Game makes the Dreamweaver CS5 training video a little more fun to play along with.
Download the web site files to follow along.

Zip FileDownload Project Files: The Chocolate Game Site.zip

Visit the website at www.ChocolateGameRules.com

Order the Dreamweaver CS5 Part 1 DVD

2-hour training video on DVD

Learn the basics of web design, CSS, and how to use Adobe Dreamweaver CS5 with award-winning trainer and video host, Janine Warner.

Things are constantly changing on the web. There are changes in what is possible, changes in the tools and methods used to create web pages, and changes in how to deliver web content.

In this course, instructor and author Janine Warner gives her viewers a crash course on how to use Adobe Dreamweaver to set up a new site, build pages on their local computer, preview and test the site in various browsers, and how to move that site to a remote server and onto the web.

Lesson 01 Overview (15:04)

Lesson 02 Setting Up a Site (10:25)

Lesson 03 The Dreamweaver Interface (11:47)

Lesson 04 Creating New Documents (12:04)

Lesson 05 Page Properties (12:22)

Lesson 06 Inserting Images (10:47)

Lesson 07 CSS Layouts (8:50)

Lesson 08 Text Styling and Formatting (15:52)

Lesson 09 Creating Links (11:11)

Lesson 10 Styling Links (10:14)

Lesson 11 Previewing in Browser (9:40)

Lesson 12 Publishing the Site (11:58)

 

Dreamweaver CS5 Crash Course, Part 2

Sample Web Site for Dreamweaver CS5 Crash Course, Part 2 Training Video

Yuval David

This web site featuring Actor Yuval David is included in the Dreamweaver CS5, Part 2, training video. Download the web site files to follow along.
Zip FileDownload the Project Files: The Actor Yuval David Site

Preview Yuval’s website 

Order the Dreamweaver CS5 Part 2 DVD

2-hour training video on DVD

Take your Web design skills to the next level with Dreamweaver’s template features, which make it easy to create new pages quickly and make global updates to many pages at once. You will learn how to insert Flash video, embed code for video from YouTube, Vimeo, and other sites, and even create Javascript rollover effects.

Lesson 01 Overview (1:58)

Lesson 02 Setting Up the Site (3:52)

Lesson 03 Creating a Navigation Menu (9:17)

Lesson 04 Working with Templates (10:27)

Lesson 05 Creating Templates with Editable Regions (12:47)

Lesson 06 Creating Pages from a Template (6:33)

Lesson 07 Making Global Updates by Editing a Template (9:21)

Lesson 08 Using CSS to Change Template Designs (8:36)

Lesson 09 Detaching and Attaching Templates (5:17)

Lesson 10 Saving Any Page as a Dreamweaver Template (11:13)

Lesson 11 Embedding Code from YouTube (12:02)

Lesson 12 Inserting Flash Videos (4:26)

Lesson 13 Creating a Simple Rollover Image (5:58)

Lesson 14 Creating Complex Rollover Effects (11:48)

 

What’s New in Dreamweaver CS5 Power Session

Sample Web Site for What’s New in Dreamweaver CS5 Training Video

JumpStart Talent AgencyThis web site is featured in the What’s New in Dreamweaver CS5 Power Session. Download the web site files to follow along.

Zip FileDownload the Project Files: The JumpStart Talent Agency Site

Preview the JumpStart Talent Agency site in a Browser

Order the Dreamweaver CS5 Part 3 DVD

2-hour training video on DVD

Follow along with the photos and files in this site to learn just the new features in Dreamweaver.

You will find many great new features in Adobe Dreamweaver CS5, from enhanced CSS support to better integration with WordPress. Best-selling author Janine Warner offers a quick look at the newest version of Dreamweaver, introducing some of the coolest enhancements, and adding a few bonus tips to help get you get back to work after you upgrade.

Lesson 01 Introduction to Dreamweaver CS5 (3:46)

Lesson 03 The New, Simpler, Site Setup Process (6:56)

Lesson 04 Turning Styles On and Off with CSS Enable/Disable (5:49)

Lesson 05 Checking Your Code with CSS Inspect (4:01)

Lesson 06 Spell Check in 37 Languages: si, oui, ja, da, yes! (2:06)

Lesson 08 Extending Dreamweaver with the Widget Browser (5:08)

Lesson 09 New Support for WordPress in Dreamweaver (10:49)

Lesson 10 Using Live Code and Live View with Dynamic Sites (5:47)

Lesson 11 Testing Your Pages with Browser Lab (4:44)

Lesson 12 Sharing Your Screen with CSXS (2:32)

Lesson 13 Business Catalyst (3:08)

 

CSS Basics: A Crash Course in Cascading Style Sheets

Sample Web Site for CSS Basics Training Video

CSS Basics SCUBA Site

This web site is featured in the CSS Crash Course, Part 1, trainng video. Download the web site files to follow along.
Zip FileDownload the CSS Basics SCUBA Site

Preview the Roatan SCUBA Site 

2-hour training video on DVD

Janine’s crash course will get you up to speed quickly. Learn when to use internal vs. external style sheets, the best uses for the various selector types, and how the basics of CSS are the same for everything from WordPress blogs to Dreamweaver web sites.

Lesson 01 Introduction (2:11)

Lesson 02 Understanding CSS (10:13)

Lesson 03 Editing CSS in Dreamweaver (9:46)

Lesson 04 Comparing Internal, External, and Inline Styles (11:39)

Lesson 05 Creating Styles with the Class Selector (12:34)

Lesson 06 Creating Styles with the ID Selector (12:47)

Lesson 07 Creating Styles with the Tag (or Element) Selector (10:42)

Lesson 08 Combining Style Rules to Create Compound Styles (13:51)

Lesson 09 Creating Styles for Links (13:25)

Lesson 10 Using Floats to Align Elements (9:12)

Lesson 11 Inserting Divs and Centering a CSS Layout (5:49)

Lesson 12 Editing Dreamweaver CSS Layouts (12:33)

Lesson 13 Conclusion (0:35)

 

Creating CSS Layouts: Getting more Advanced with Cascading Style Sheets

Sample Web Site for CSS Basics Training Video

CSS Advanced SCUBA Site

This web site is featured in the CSS Crash Course, Part 2, trainng video. You can download all of the web site files to follow along.

Zip FileDownload the Advanced CSS SCUBA Site

Preview the Advanced CSS Scuba Site

2-hour training video on DVD

Web designer and author Janine Warner discusses advanced CSS techniques and uses Dreamweaver to create CSS-based layouts, edit pre-designed templates, create tables, examine CSS code, and edit WordPress blogging software.

Lesson 01 Welcome (1:45)

Lesson 02 Overview (7:20)

Lesson 03 CSS Layouts (19:01)

Lesson 04 Customizing Layouts (14:14)

Lesson 05 Floating Divs and Clear Rules (10:58)

Lesson 06 Navigation (17:12)

Lesson 07 Tables (15:57)

Lesson 08 New Page from Scratch (29:48)

Lesson 09 Size Matters (10:45)

Lesson 10 CSS Code (9:54)

Lesson 11 Working with CSS in a WordPress Blog (11:44)

Lesson 12 Conclusion (0:45)

Learn more about all of our books and videos in the DigitalFamily.com store

 

Recent Posts

  • Google Analytics for Creative Professionals – new class on Pluralsight
  • Follow the cursor JavaScript sample
  • Part Four: Tools that let amateurs look like professionals
  • Part Three: Influence, Klout and finding what’s hot
  • Best social media tools part 2: Twitter, Instagram and Pinterest
  • How to add sound to a website
  • The advantages of a dynamic website, such as WordPress
  • How do you preserve Google rankings when you redesign a WordPress site ?
  • Browser Testing Tools
  • My updated Facebook Template works on small and large screens




© 2001 - 2020 All rights reserved. DigitalFamiliy.com | Terms & Conditions of Use | Privacy Policy

This is a demonstration store. No physical products will be shipped. Dismiss