Adobe Dreamweaver Essentials - CS3 & CS4

  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture elarning online course
  • Adobe Dreamweaver Essentials - CS3 & CS4, Singapore SKillsFuture 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

  • A Guide on Instructional Design Theories and Design Application

    A Guide on Instructional Design Theories and Design Application

    SGD $500.00

    Course Description

    Instructional design, or instructional systems design (ISD), is the practice of creating "instructional experiences which make the acquisition of knowledge and skill more efficient, effective, and appealing." The process consists broadly of determining the state and needs of the learner, defining the end goal of instruction, and creating some "intervention" to assist in the transition. Ideally, the process is informed by pedagogically (process of teaching) and andragogically (adult learning) tested theories of learning and may take place in student-only, teacher-led or community-based settings. The outcome of this instruction may be directly observable and scientifically measured or completely hidden and assumed. There are many instructional design models but many are based on the ADDIE model with the five phases: analysis, design, development, implementation, and evaluation. As a field, instructional design is historically and traditionally rooted in cognitive and behavioral psychology, though recently constructivism has influenced thinking in the field.Know the fundamentals of Instructional Design and produce quality educational content.- Know Key Instructional Design Models- Understand what are Adult Learning Principles- Understand the Overview of Learning Theories- The importance of Training Needs Analysis- Introduction to ID Fundamentals- What are the Cognitive Approaches- Determining the Right Audio Strategy- Writing Effective Storyboards and Objectives- Content Types and Their Visualization Approaches- Creating Effective Assessments- Guide to Editing - mLearning Essentials and Strategies


  • Getting Started with Adobe Illustrator CC

    Getting Started with Adobe Illustrator CC

    SGD $81.90

    Course Description

    The latest release of Adobe’s Creative Cloud suite boasts a host of new features to help you be more productive and creative. In this course, veteran trainer Geoff Blake walks you through the latest features, and outlines how you can make the most from them. Additionally on Illustrator CC, you’ll learn how to navigate through and customize Illustrator’s interface, making precise, masterful selections, create and manage your own vector artwork, and learn how to scale, align, and adjust your objects with ease.  Get started with Illustrator Creative Cloud and change how things are visualized! - Learn about the basics of Illustrator and Creative Cloud  - Know about the tools and techniques in Illustrator and Creative Cloud  - Understand how you can apply Illustrator and Creative Cloud into your own projects  - Be able to produce dynamic and beautiful images




    SGD $79.00

    Course Description

    Graphic design has always been a popular profession, but with more and more technology being introduced into our lives it's becoming an ever more important one too. All kinds of people use all kinds of technology every day. Making that technology as user-friendly as possible is vital, and graphic design is one of the most important elements of this. The Ultimate Crash Course on Graphic Design - Master the most widely used software in graphic designing - Learn the principles of graphics design and visual communication - Gain an insight into the current graphic design industry - Understand how to forge a career path as a graphic designer This course is SkillsFuture Credit Eligible.



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

SkillsFuture Credit Eligible
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.