Tutorial

1

Dreamweaver

Adobe Dreamweaver CC is a web design and development application that combines a visual design surface known as Live View and a code editor with standard features such as syntax highlighting, code completion, and code collapsing as well as more sophisticated features such as real-time syntax checking and code introspection for generating code hints to assist the user in writing code. Combined with an array of site management tools, Dreamweaver lets its users design, code and manage web sites, as well as mobile content. Dreamweaver is an Integrated Development Environment (IDE) tool. You can live preview of changes for the front end. Dreamweaver is positioned as a versatile web design and development tool that enables visualization of web content while coding.
Dreamweaver, like other HTML editors, edits files locally then uploads them to the remote web server using FTP, SFTP, or WebDAV. Dreamweaver CS4 now supports the Subversion (SVN) version control system.

 

Tutorials

Worksheet
Suitable For
Files

 

ADW100 Dreamweaver setting a site

Pre Requisites : Some knowledge of computer, file management and saving opening files.

Creating your first page

Covers introduction to Dreamweaver and how to establish your first site, creating a site folder, a look at the windows, toolbars and basic web page layout. Create your first web page and preview it in a browser.

You should now have a site folder (MySite) and a page called index.html

 
ADW101 Links & Images

Web page creating your first site (5 page site)

Task Brief – Rationale:
You will create a web site as your own Personal Web Site which will include 4 more pages in your site.

  1. Your name (index.html) - (splash page)
  2. Some text about you in various styles and colours about.html
  3. A picture of yourself
  4. Your favorite sport, pop star or subject favourite.html
  5. Some pictures of your pet or family or friends
  6. A page about school school.html
  7. A page covering your own topic.html

 

Camera for photo of yourself

ADW101 Data Files

ADW102 Anchors & Email You will enhance your web pages with an email address, insert images, named anchors, and a table, to develop your own Personal Web Page.  
ADW103 Tables and rollover buttons

Introduction to links, mailto: Email and anchor points

Pre Requisites : ADW100 or basic web page creation knowledge. Covers how to establish links on your first site, create rollover buttons using Photoshop and you make your first table toolbar.

 
ADW104 Making Buttons and rollovers

Making Rollover Button

A more advanced set up mainly for Y11/12 AIT classes for teacher link to their work: - includes Photoshop buttons for roll over.

 
ADW105 Behaviours Swap in Dreamweaver

Swap images using behaviours

 
ADW106 Roll Overs and Snippets Linked task files in tables and Fireworks animation.  
ADW107 Forms in Dreamweaver    
ADW108 Sound using Behaviors
   
ADW109 Advanced snippets Creating Snippets  
ADW110 Grand Terrace    
ADW111 Photo Album    
     

 

About these tutorials

These tutorials have been created from various Internet sites and have been modified by myself, and in some instances have been reworked or completely re-written to suit my classes.

There is an abundance of on line tutorials and most are very useful, however I have had to modify these for high school students and simplify or removed parts of advanced sessions; if students are keen enough they will progress by looking at the links provided.

Therefore you should treat these as introductory or beginning tutorials. The easiest start at 100 and progress in difficulty through that range. Where possible I have included links to sites and apologies for any that I might have missed.

 

p

 

1

1

bookworm

 

access
Pens
audacity
Corel
Dreamweaver
Excel
Filemaker
Fireworks
Flash
Illustrator
misc
InDesign
Inspiration
Pages
Paintshop
Photoshop
PowerPoint
Soundbooth
Tech
Word
Digital
PJF

 

how to

More Helpful Links (Some may no longer work)

Resources

Microsoft Office Training

MS Online Brochure Templates
MS Online Creating Company Letterhead  

HP Letterhead Templates

Sample Style Guide

Office Training from Microsoft
  Office 2003 Office 2007 Office 2010
1

Access 2003

Access 2007

Access 2010

2

Excel 2003

Communicator 2007

Excel 2010

3

FrontPage 2003

Excel 2007

OneNote 2010

4

InfoPath 2003

Live Meeting 2007

Outlook 2010

5

OneNote 2003

OneNote 2007

PowerPoint 2010

6

Outlook 2003

Outlook 2007

Project 2010

7

PowerPoint 2003

PowerPoint 2007

SharePoint 2010

8

Project 2003

Project 2007

SharePoint Workspace 2010

9

Publisher 2003

Publisher 2007

Visio 2010

10

Visio 2003

SharePoint Server 2007

Word 2010

11

Word 2003

Visio 2007

 
12  

Word 2007

 
Download all training

Download Office 2010 training

Download Office 2007 training

Download Office 2003 training

Training Sessions

Various training sessions from Microsoft Office for 2007 or 2003 can be located below.  For areas that students are not confident in, please visit this site and watch the videos and demos.

  • Admin Toolbox Document Design click through all sections, answer all the questions and print/save important information on document design you feel you may need to refer back to
  • Admin Toolbox Sample Document Templates look through these templates to make yourself aware of business industry standard and feel free to use these as templates to be modified for your own needs
 
 

email

Email Peter Faulks

clown

Page updated 6th May 2014