Adobe Dreamweaver Essentials - CS3 & CS4

  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore elarning online course

Course Description

Adobe Dreamweaver is an application used by web designers and developers to create websites and applications for use across multiple targets. Including browsers, devices and tablets. Web designers use Dreamweaver for creating website prototypes using web-friendly artwork. Expert video trainer, artist, and designer Geoff Blake introduces you to the world of Dreamweaver and web design in this monster 10-plus hour course, packed with tricks, techniques, and hands-on tasks—made specially to be an easy, non-jargon approach for Dreamweaver CS3 and CS4 users. Master key concepts and explore the array of possibilities, particularly in the world of Cascading Style Sheets with Geoff Blake as your guide. You’ll not only learn the secrets and master the techniques, but you’re sure to have a whole lot of fun along the way!

Explore web designing by mastering Dreamweaver and be an expert today!

- Learn the fundamentals that makes up web designing
- Understand about the various tools in Dreamweaver
- Know how to apply the different techniques in Dreamweaver

Course Objectives

1. Understand the essentials of Dreamweaver CS3 and CS4
2. Understand the web design fundamentals
3. Be able to navigate the Dreamweaver interface 
4. Understand and able to apply CSS and HTML into web design
5. Know how to work with tables and images 
6. Understand traditional layout of page with tables 
7. Know how to create hyperlinks for web pages 

Related Courses

  • Photoshop CC For Web Design Bundle

    Photoshop CC For Web Design Bundle

    SGD $35.00

    Course Description

    With so many file formats, colour spaces, and image types, knowing where to start with web graphics can be daunting. But guided by this thorough, yet easy to follow course, you’ll be feeling like a pro in no time! Join award-winning trainer Geoff Blake as he takes you step-by-step through the process of preparing images for your next web project. You’ll learn all about the web friendly file formats, when to use each, and how to get the most out of them. Discover web colour spaces, methods for working faster and more efficiently, and an approach to image resolution that’ll leave you feeling like a Zen Master of web graphics! Break down the barriers, dispel the myths, and clear the clutter. In just a few short hours, you’ll have clarity and confidence using Photoshop for your web projects! Give your page that extra zest with Photoshop! - Learn how Photoshop can give that extra touch to your website  - Learn the step-by-step process of designing your website  - Know what and how to prep for your web design  - Learn and understand the considerations of web design 


  • Adobe Photoshop Essentials - CS3 & CS4

    Adobe Photoshop Essentials - CS3 & CS4

    SGD $99.00

    Course Description

    Adobe Photoshop is a raster graphics editor developed and published by Adobe Systems for Windows and OS X. Delve head-long into the world of Photoshop with expert video trainer, artist, and designer Geoff Blake in this massive 14-plus hour, course! Packed with tricks, techniques, and hands-on tasks, it’s an easy, non-jargonny approach for both Photoshop CS3 and CS4 users. Hang on tight as you’re guided through comprehensive exercises on resizing and resolution, color correction, and image touch up. Master advanced techniques for creating eye-popping visuals, including masking objects, tilt-shift photography, sizzling text effects, and workflows with InDesign, Dreamweaver, and Flash!Mesmerize your audience with your photographs with the help of Photoshop.- Understand about Photoshop and it key features - Know how to use the different Photoshop functions and features- Learn about the different techniques and tools available in Photoshop- Enable yourself to create dynamic and beautiful images


  • A Crash Course in Typography From A to Z

    A Crash Course in Typography From A to Z

    SGD $79.00

    Course Description

    This course has been created for anyone who loves typography design; print designers, graphic and web designers, animators, sign writers, and many more. Each section the course includes its own walkthrough exercises so that you can put the skills you have learned to practical use. You'll start off by learning all of the terminology regarding typography (tracking, leading, kerning) and font classifications, and then you'll examine concepts like how fonts impact a message, and how fonts are used in different media like advertising, web, print, logos, and so on. Finally, you will cover the essentials of digital publishing before concluding. By the end of this course, you have both a theoretical and a literal understanding of typography, from how it is used to where it used to why it is used, and of course you'll gain a solid groundwork in the practical uses of typography too. Gain a strong foundation on your Typography game! - Learn about the different software available and used  - Learn about the factors and considerations of typography - Know how to develop and create your own fonts  - Discover the impact of using proper fonts in your articles and banners 



Dreamweaver CS3/CS4 Essentials: Introduction

Download Project Files

Hello and Welcome Preview

Web Design Fundamentals


HTML Fundamentals

CSS Fundamentals

Three Challenges In Web Design, Pt 1Peview

Three Challenges In Web Design, Pt 2

Dreamweaver's Role In Web Design

Working in the Dreamweaver Interface


Getting Started in Dreamweaver

The Dreamweaver CS3 Interface

The Dreamweaver CS4 Interface

Customizing Dreamweaver's Interface

Using Dreamweaver's History Panel

Working with the Snippets Panel

Exploring Other Panels

Fast Selecting with the Tag Selector

Saving Dreamweaver Workspaces

Viewing Code in Dreamweaver

Understanding Code Visually

Managing Websites in Dreamweaver


Defining A New Site

Managing Multiple Sites

Arranging File Structure

Setting Up Index Files

Uploading Files

Using the Assets Panel

Task #1: Define Your Own Site in Dreamweaver

Adding Text and Page Structure


Working With Text, Spell Checker, Find And Replace, And Page Titles

Inserting Structural Headings

Creating Numbered and Bulleted Lists and Sublists

Inserting Special Characters

Horizontal Rules & Property Inspector Limitations

Previewing in Web Browsers, Adding Browsers, Online Browser Resources

Sample File Layout Tour & Free Resources

Getting Started with CSS


Creating & Applying a Basic Style in Dreamweaver CS3

Creating & Applying a Basic Style in Dreamweaver CS4

Two Methods For Applying Styles & Understanding the Background Code

Editing Styles Using the CSS Styles Panel

Introducing the CSS Rule Definition Dialog Box

Going Further with CSS


The Three Fundamental CSS Rule Types

About The Two Types Of Style SheetsPeview

Creating CSS Class Rules

Adding A Border And Padding To A Class

The Cranial Stuff: The CSS Box Model And How Widths Are Measured In CSS

Using The Box Model To Create A Class Sidebar

Controlling HTML With CSS…With Redefined HTML Tags

Work Even Faster By Duplicating Styles

Redefining The Page Text

Redefining Bulleted Or Numbered Lists

Creating Styles In Dreamweaver CS4

Task #2: Think You’re So Big? Try Creating This CSS Rule!

Technique #1: Simple Typography Control With CSS!

Technique #2: Alright, Now For Advanced CSS Typography!

Managing Internal and External Style Sheets


Moving Internal Styles to an External Style Sheet

Disconnecting and Reconnecting an External Style Sheet

Editing Rules within an External Style Sheet

Editing Style Sheets Without Dreamweaver

Moving Styles Between Style Sheets

Working Faster with External Style Sheets

External Style Sheets with Dreamweaver CS4

Working With Tables


Table Basics in Dreamweaver

Inserting Content and Table Oddities

Selecting Table Components

Traditional Table Formatting

Using CSS to Control Table Formatting

Inserting Images


Using Smart Objects with Dreamweaver CS4

Technique #3: Using Images for Typography

Technique #4: From Illustrator to Photoshop to DreamweaverPeview

Technique #5: Soft-Edged Transparency with PNGs

Understanding Graphics in Web Design

Inserting & Formatting Images

Controlling Images with CSS

Dreamweaver's Image Editing Commands

Editing Images Outside of Dreamweaver

Setting Background Images

Creating Hyperlinks


Creating Links From Text & Images

Linking to Other Websites

Linking to an Email Address

Linking to PDFs & Other Files

Linking to A Specific Location on a Page

Creating Image Maps

Hyperlink Formatting with CSS

Technique #6: Creating Rollover Buttons with CSS

Technique #7: Site Rollout: From a Single-Page to a Multi-Page Website

Task#3 Design Your Page Layout

Traditional Page Layout with Tables


Setting Up a Basic Layout Structure

Refining the Layout with Nested Tables

Inserting the Layout's Images & Text

Further Layout Refinement

Modern Page Layout with Divs


Getting Started with Divs

Creating the Basic Layout Blocks

Nesting Divs Within Other Divs

Refining the Layout with Additional Div's

Task #4: Create the Remaining Div's

Task #4 Bailout

Inserting the Layout's Images & Text

Applying a Frame to the Layout

Further Layout Adjustments

Technique #8: Centering A Div-Based Layout

Diggin’ Into Interactivity And Multimedia!


Creating Rollover Buttons And Effects

Introducing Spry Widgets

Inserting Flash Content

Adding In Audio And Video

Throwin’ In Flash Video

Wrappin’ Up Dreamweaver CS3/CS4 Essentials


Final Site Management Techniques

Goodbye, And Where To Go From Here

Bonus Lessons!


Creatin’ Pop-Up Windows With Div’s

Speeding Things Up With Dreamweaver’s Find And Replace

Creating Some Sweet Div Scrollboxes

SGD $81.90
(Price excludes GST)
Convince your boss email
This site is best viewed using the latest versions of Google Chrome, Apple Safari, Mozilla FireFox, Microsoft Internet Explorer 11 and Edge which supports HTML5/Webkit technologies.