Get access to our library of educational videos and learn new skills to stay ahead of the media pack.

Questions or comments about Mediabistro
How-To Videos

Get answers:
Read the FAQs.

Contact us:
Tech questions

Comments
or call 212-547-7886

System requirements

Flash 7 or higher
Download the latest version

Our videos are optimized for high speed internet connections and may not be viewed properly by users with dial-up connections.

Back to Home > Courses and Seminars > How-To Videos > Web Design

Web Design

Courses | How-To Videos | Certificates | One-on-One Training | Corporate Training | Your Courses

1–50 out of 67 listings
Flash Catalyst - Videos, SWFs, Sound (22 Minutes)
Posted Jan 26, 2011
  From Print to iPad: Designing for Tablets and Other Mobile Devices (35 Minutes)
Posted Dec 10, 2010
Add interactive multimedia elements to your Flash Catalyst site  more details

New Media, Multimedia, Web Design, Software Tips, Illustrator, Flash, Adobe Creative Suite 5, Flash Catalyst
  How to design for tablet computers and the iPad  more details

Ebooks, Color, Type, Layout, Magazine Design, Web Design, Mobile Devices
 
Interactive Branding & Promotion: Blogging (15 Minutes)
Posted Nov 23, 2010
  Better, Faster Web Design Using a Grid (26 Minutes)
Posted Nov 17, 2010
The ins and outs of blogging for your brand  more details

Creativity, Branding, Marketing, Promotion, Blogging, Copywriting, Web Design
  Use grids to design visually appealing web pages quickly  more details

Creativity, Client Relations, Layout, Web Design, Grids
 
Designing a Blog Graphic Using Adobe Photoshop (23 Minutes)
Posted Nov 11, 2010
  Interactive Branding & Promotion: Websites (15 minutes)
Posted Oct 28, 2010
Make sexy visuals to enhance your blog  more details

Creativity, Blogging, Blogger, Photoshop, Logo Design, Type, Web Design, Software Tips, Masks, Adobe Creative Suite 5
  Lay the foundation for your interactive branding platform  more details

Branding, Marketing, Promotion, Web Design, Websites
 
Using Adobe Contribute to Administer & Edit Websites Part 2 (16:35)
Posted Oct 13, 2010
  Interactive Branding & Promotion: E-mail Blasts (14:00)
Posted Oct 6, 2010
Master your collaborative website design workflow  more details

Contribute, Dreamweaver, Client Relations, Layout, Web Design, Software Tips, Adobe Creative Suite 5
  Design successful marketing e-mails  more details

Branding, Marketing, Promotion, Layout, Web Design, E-Mail Blasts
 
Applying Design History: Lessons from the Bauhaus (27 Minutes)
Posted Sep 28, 2010
  Using Adobe Contribute to Administer & Edit Websites (20:45)
Posted Sep 17, 2010
Get inspired by the roots of contemporary graphic design  more details

Creativity, Color, Type, Web Design, Design History
  Collaborative web publishing made easy  more details

Contribute, Client Relations, Web Design, Software Tips, Adobe Creative Suite 5
 
Freelance Career Management: Thinking Beyond the Paycheck (16 minutes)
Posted Sep 16, 2010
  Wordpress Theme Customization With Dreamweaver, Part Four (43 minutes)
Posted Aug 24, 2010
Tips for building and maintaining a successful freelance career  more details

Design, Branding, Freelancing, Marketing, Promotion, Twitter, Facebook, Linkedin, Career, Social Media, Client Relations, Business Issues, Web Design
  Finalizing your customized Wordpress theme  more details

New Media, Blogging, Dreamweaver, Photoshop, Web Design, Software Tips, Illustrator, Adobe Creative Suite 5
 
Multimedia Design: 5 Simple Principles of Perception (26:01)
Posted Aug 12, 2010
  Wordpress Theme Customization with Dreamweaver, Part Three (33:36)
Posted Aug 2, 2010
Easy-to-follow principles for winning and maintaining viewer interest on the Web  more details

Creativity, Relationships, Logo Design, Type, Layout, Web Design
  Customizing the content containers and header menu of a Wordpress blog theme  more details

New Media, Blogging, Dreamweaver, Photoshop, Web Design, Software Tips, Illustrator, Adobe Creative Suite 5
 
Cover Design Across All Media (32:09)
Posted Jul 20, 2010
  Intro to Flash Catalyst (36:54)
Posted Jul 8, 2010
Navigate the changing landscape of multimedia cover design  more details

Creativity, Blogging, Printing Tips, Layout, Magazine Design, Web Design, Cover Design
  Create easy-to-assemble yet sophisticated animations.  more details

New Media, Web Design, Software Tips, Illustrator, Flash, Adobe Creative Suite 5, Flash Catalyst
 
The Structure of a Well-Designed Website (26:18)
Posted Jul 1, 2010
  Wordpress Theme Customization with Dreamweaver, Part Two (35:30)
Posted Jun 29, 2010
Map out the website before you start designing to save you and your clients time and money  more details

Branding, Marketing, Promotion, Client Relations, Business Issues, Web Design, Website Architecture
  Revamping the basic structure of a Wordpress theme with Dreamweaver  more details

New Media, Blogging, Dreamweaver, Web Design, Software Tips, Adobe Creative Suite 5
 
Going Beyond the Logo (40 minutes)
Posted Jun 17, 2010
  Don't Waste My Time!: Designing for Short Attention Spans (23:41)
Posted May 24, 2010
Turn your client's logo into a powerful multimedia branding campaign  more details

Creativity, Branding, Marketing, Promotion, Color, Logo Design, Printing Tips, Type, Layout, Web Design
  Make the most of the scant seconds you have to grab your audience  more details

Creativity, Copywriting, Color, Printing Tips, Layout, Magazine Design, Web Design
 
Effective Self-Marketing With Online Portfolios (29:18)
Posted May 18, 2010
  Dreamweaver CS5 New Features Tour! (38:26)
Posted Apr 20, 2010
Marketing principles that will help you attract clients with your portfolio site  more details

Creativity, Branding, Marketing, Promotion, Color, Client Relations, Business Issues, Web Design, Flash
  Exciting changes and upgrades are afoot in Adobe's web design app  more details

Blogging, Dreamweaver, Web Design, Software Tips, Adobe Creative Suite 5
 
More SPRY: SPRY & XML Data Regions (41:32)
Posted Apr 13, 2010
  Eat Color: Using Color on the Web (26:39)
Posted Apr 9, 2010
Create a dynamic web page using externally edited XML  more details

Design, Dreamweaver, Web Design, Software Tips, Adobe Creative Suite 4
  Explore five ways to view and use color on the web  more details

Creativity, Branding, Marketing, Promotion, Color, Web Design
 
Quick Type 101 (25 minutes)
Posted Mar 30, 2010
  Designing Animated Banner Ads (29:07)
Posted Mar 24, 2010
Which fonts work well in print, and which are best for the web? How many fonts do you need on a page? Our typography expert gives you the basics of font choice.  more details

Typography, Web Design, Fonts, Print Design
  A step-by-step guide to building eye-grabbing banner ads in ImageReady and Flash  more details

Branding, Marketing, Promotion, Web Design, Software Tips, Flash, Imageready
 
Wordpress Theme Customization with Dreamweaver, Part One (32:37)
Posted Mar 18, 2010
  Color and Design: Finding the Perfect Harmony (29:57)
Posted Mar 12, 2010
Here's how to get started with making changes to Wordpress themes  more details

New Media, Blogging, Dreamweaver, Web Design, Adobe Creative Suite 4
  Uncover the secrets of assembling harmonious color schemes for your logo, print materials, or website  more details

Creativity, Color, Logo Design, Collateral, Web Design
 
Information Overload: Organizing Website Content (27:00)
Posted Mar 2, 2010
  Editing Flash without Flash (39:33)
Posted Feb 22, 2010
Having lots of content on your website is a good thing, but how can all that information be organized effectively?  more details

Creativity, Branding, Marketing, Promotion, Color, Layout, Web Design, Next-Generation Journalist
  Learn how to create and update websites without setting foot in Flash.  more details

Photoshop, Indesign, Layout, Magazine Design, Stock Photography, Web Design, Software Tips, Adobe Creative Suite 4, Flash, Bridge
 
Constructing CSS-Based Combination Layouts (43:06)
Posted Feb 9, 2010
  Down 'n' Dirty, Quick and Easy Websites (56:31)
Posted Feb 4, 2010
Learn an intuitive method for creating web layouts incorporating both rigid and liquid elements in Dreamweaver  more details

Dreamweaver, Layout, Web Design, Software Tips, Adobe Creative Suite 4
  No code? No problem! Here's a start-to-finish, step-by-step workflow for quickly making stripped-down yet aesthetically pleasing websites.  more details

Dreamweaver, Photoshop, Type, Layout, Web Design, Software Tips, Adobe Creative Suite 4, Illustrator
 
5 Makeover Web Strategies (25:09)
Posted Jan 29, 2010
  Design Police Report: 5 Web Design Crimes (27:30)
Posted Jan 12, 2010
It's easy to know when a website needs a redesign, but knowing just what to do with an outdated site is a lot more difficult.  more details

Creativity, Branding, Marketing, Promotion, Color, Logo Design, Client Relations, Type, Web Design
  These websites are guilty of heinous design felonies that alienate users.  more details

Creativity, Branding, Marketing, Promotion, Copywriting, Type, Pdfs, Web Design
 
Gummy Bear Awards for Sticky Websites: The Stickiest Sites on the 'net (28:47)
Posted Dec 18, 2009
  You're My Type: Using Typography Effectively (32:45)
Posted Dec 14, 2009
What are the stickiest sites on the web? The answers in this tutorial may surprise you.  more details

Creativity, Branding, Marketing, Promotion, Web Design
  Really memorable type affects its audience on a non-literal, emotional level.  more details

Creativity, Relationships, Type, Layout, Magazine Design, Web Design
 
InDesign Secret Weapons (31:13)
Posted Dec 9, 2009
  Lightroom for Designers (42:10)
Posted Nov 19, 2009
Here are five techniques hand-picked by instructor Geoff Blake to speed up your workflow in Adobe InDesign.  more details

Photoshop, Indesign, Web Design, Software Tips, Adobe Creative Suite 4, Magazinedesign
  If you deal with groups of images on a regular basis, Adobe Lightroom may save you a lot of tedious shuffling between programs  more details

Photoshop, Client Relations, Image Selection, Stock Photography, Web Design, Software Tips, Adobe Creative Suite 4
 
Create a Flash Website (49:09)
Posted Oct 30, 2009
  Dress for Success with Typography (24:51)
Posted Sep 29, 2009
Adobe-certified trainer Alison Cattelona shows you how to create a simple website in Flash without too much ActionScript.  more details

Photoshop, Web Design, Software Tips, Adobe Creative Suite 4, Flash
  Aliyah Marr showcases her favorite websites that have accomplished masterful messaging with typography. Ranging from blogs to brand sites, Aliyah's faves will inspire you with their creativity,...  more details

Creativity, Branding, Marketing, Promotion, Type, Web Design
 
Advanced Float Layouts (32:13)
Posted Sep 25, 2009
  Rollovers in Dreamweaver (33:09)
Posted Sep 23, 2009
If you've seen artist/designer Geoff Blake's two-part series on CSS float layouts, you're ready for the advanced techniques in this...  more details

Dreamweaver, Web Design, Software Tips, Adobe Creative Suite 4
  Adobe-certified educator Alison Cattelona demonstrates several methods of setting up attractive rollovers in Dreamweaver: importing a simple rollover button from Photoshop, creating...  more details

Dreamweaver, Printing Tips, Web Design, Software Tips, Adobe Creative Suite 4
 
Size Matters! (38:40)
Posted Sep 11, 2009
  Float Layouts in Photoshop, Part 2 (28:31)
Posted Aug 28, 2009
It's no secret that design is shrinking to accommodate the demands of new media, so how can you design on a relatively tiny scale without minimizing the impact of your work? Angela Riechers presents...  more details

Creativity, Color, Type, Layout, Image Selection, Magazine Design, Web Design
  The second half of this series picks up exactly where Part One left off. Geoff Blake outputs his Photoshop layout for Dreamweaver, then concentrates on optimizing the layout using CSS. Adjusting CSS...  more details

Dreamweaver, Photoshop, Web Design, Adobe Creative Suite 4
 
Float Layouts in Photoshop, Part 1 (34:13)
Posted Aug 26, 2009
  Worldwide Comedy Club (29:19)
Posted Aug 21, 2009
Instructor Geoff Blake breaks down the process of creating CSS float layouts. After explaining the fundamentals of floats, Geoff suggests some helpful techniques for effective development of layouts...  more details

Dreamweaver, Photoshop, Web Design, Adobe Creative Suite 4, Illustrator, Slicing
  Aliyah Marr's latest inspirational tutorial focuses on the power of humor as a design tool. Her diverse array of hilarious examples drawn from the web includes text-only sites, prime-time TV spots,...  more details

Creativity, Branding, Marketing, Promotion, Copywriting, Web Design
 
Animated Preloaders in Flash (30:33)
Posted Aug 19, 2009
  Typography Tricks for the Web (42:33)
Posted Jul 29, 2009
Design pro and consultant Chris Calabrese guides you through the entire process of coding and customizing a Flash animated preloader for a website. You'll come away from this tutorial with ideas and...  more details

Web Design, Software Tips, Adobe Creative Suite 4, Flash
  Instructor Geoff Blake shows how to achieve various print-style typography effects with CSS, including eye-pleasing sidebars and pull quotes. This tutorial incorporates an overview of the available...  more details

Dreamweaver, Type, Web Design, Adobe Creative Suite 4
 
Save For Web in Photoshop (27:42)
Posted Jul 24, 2009
  World Wide Fantasyland Studios (28:35)
Posted Jul 21, 2009
Instructor Anna Savoie delivers a comprehensive look at optimizing images for the web. She demonstrates how to attain the best possible file size and resolution for your purpose, determine which...  more details

Photoshop, Image Selection, Stock Photography, Web Design, Software Tips, Creative Suite 3
  Today's top online designers are employing video, animation, social networking, and ingenious illustration to transform websites into fantasy spaces, and promotion into entertainment. Aliyah Marr...  more details

Creativity, Branding, Marketing, Promotion, Web Design