skip to navigation skip to content
Self-taught course

Provided by: University Information Services - Digital Literacy Skills


This course is self taught (Materials may be loaned out).

Bookings cannot be made on this course (Course is not taking bookings).

More information about UIS self-taught courses.

Booking / availability

Adobe Dreamweaver CC - Level 1


The skills and knowledge acquired in Adobe Dreamweaver CC - Level 1 allow you to set up a new website, create and modify webpages, insert text and images, and much more.

Target audience

Anyone who wants to learn the basics of Adobe Dreamweaver CC

  • The course assumes little or no knowledge of the software. However, it would be beneficial to have a general understanding of personal computers and the Windows operating system environment.
Topics covered

Getting To Know Dreamweaver

  • Understanding The Internet
  • Understanding Websites
  • What Is Dreamweaver
  • Understanding Website Coding
  • Planning Fundamentals
  • Starting Dreamweaver From The Desktop
  • The Welcome Experience
  • Understanding The Dreamweaver CC Workspace
  • Opening A File From The Welcome Window
  • Understanding The Document Window
  • Understanding The Standard Toolbar
  • Working With The Document Window
  • Closing A Document

Navigating Dreamweaver

  • Understanding Panels And Panel Groups
  • Displaying And Hiding Panels
  • Floating And Docking Panels
  • Understanding The Insert Panel
  • Understanding Workspaces
  • Working With Workspaces
  • Creating A Custom Workspace
  • Understanding The Properties Inspector

Working With Views

  • Understanding Views
  • Understanding Code View
  • Understanding The Coding Toolbar
  • Understanding Design View
  • Understanding Live View

Creating A New Website

  • Understanding Setting Up A Website
  • Understanding Site Structure
  • Understanding The Files Panel
  • Defining A New Dreamweaver Site
  • Adding Folders To A Website
  • Adding Files To A Website
  • Adding A Home Page
  • Managing Files And Folders

Your First Webpage

  • Understanding The New Document Dialog Box
  • Create A New Webpage
  • Saving A New Webpage
  • Fundamentals Of HTML
  • Fundamentals Of CSS
  • Understanding Basic Web Page Structure
  • Adding A Div Tag
  • Understanding New Document Preferences
  • Adding A Header Tag
  • Adding A Nav Tag
  • Adding Other Page Elements
  • Exiting Dreamweaver CC

Adding Text

  • Typing Text
  • Understanding Selecting Text
  • Understanding Spacing
  • Copying And Pasting Text
  • Converting Line Breaks
  • Using Paste Special
  • Importing A Microsoft Word Document
  • Inserting Special Characters
  • Checking Spelling

Introduction To CSS Styles

  • Understanding CSS
  • Understanding CSS Rules
  • Understanding The CSS Designer Panel
  • Linking To An External Style Sheet

Managing Layouts With CSS

  • Understanding Layouts
  • Understanding Floating Elements
  • Understanding Page Layout Properties
  • Setting Element Width And Height
  • Floating Elements
  • Clearing Floats
  • Understanding The Position Property
  • Setting The Element Position Property
  • Previewing The Page Layout
  • Using CSS Inspect To Check Page Layout
  • Using CSS Disable
  • Previewing The Page Layout On Other Devices

Adding Images

  • Understanding Image Formats
  • Understanding The Assets Panel
  • Understanding Images And Accessibility
  • Inserting An Image
  • Dragging And Dropping An Image
  • Inserting An Image Using Code View
  • Understanding Element Quick View
  • Inserting An Image Using Element Quick View

Adding Navigation

  • Understanding Hyperlinks And URLs
  • Understanding Creating Hyperlinks
  • Creating An Internal Link
  • Creating An Absolute Link
  • Creating A Link To A Named Anchor
  • Creating An Email Link
  • Styling Hyperlinks With CSS
  • Formatting Hyperlinks Using Pseudo-Classes
  • Creating CSS Rollovers Using Pseudo-Classes
  • Styling A Navigation Bar With CSS
  • Creating A Navigation Bar With CSS Code

Getting Help

  • Understanding The Help Menu
  • Using Online Help
  • Searching For Online Help
  • Accessing Online Tutorials

Uploading A Website

  • Previewing And Testing A Website
  • Checking Links And Validation
  • Optimising For Search Engines
  • Uploading A Website To A Remote Server

At the completion of this course you should be able to:

  • understand how you can use Dreamweaver
  • navigate the Dreamweaver interface
  • understand and work with views
  • set up a Dreamweaver website
  • create and work with a webpage
  • add text to a web page
  • create and edit CSS rules and apply them to text
  • manage layouts using CSS
  • insert and modify images into a web page
  • construct hyperlinks from a web page to other resources
  • use the Help menu and access online help resources
  • upload and test a website

Watsonia workbook with 98 topics. Files for the exercises are provided on a CD or can be downloaded here


Approximately 15 hours

Booking / availability