Web DesignMarch 21, 2014

Agenda• Return graded work• Review / Discuss Homework

Assignment• Unit 6: Web Authoring Software

Lesson Objectives: • Students develop an understanding of the

various web authoring software programs• Students apply knowledge acquired to relevant

classroom/homework activities.

Web Authoring Software

• What are web authoring software programs?• Please provide examples

Web Authoring Software

Advantages of Creating Pages coding HTML

• Gives web authors greater control over the website

• Having Solid foundation on HTML is essential

• Important skill for web developers to have

Introduction to Dreamweaver

• As previously covered, Dreamweaver is a WYSIWYG web authoring program

• It provides multiple views of we pages you work on:o Standard, normal, or design view - This is

typically the default view, which is a blank screen on which you type, paste, or insert content. This is very similar to a word processor screen.

o Code view - Allows you to view and work directly with the HTML code.

o Split - Both of the above views are displayed simultaneously in separate windows.

Introduction to Dreamweaver

Sample tool bar from Dreamweaver

Sample tool bar from Microsoft FrontPage

Video Tutorials• Beginning Dreamweaver• Introducing Dreamweaver CS4• Getting Started: 02 Defining Sites• Getting Started: 03 Rapidly Building Layou

ts• Getting Started: 04 Adding Text and Image

s• Getting Started: 05 Styling Text• Getting Started: 07 Adding Multimedia• Getting Started: 08 Managing and Uploadi

ng Sites Source: http://www.kenston.k12.oh.us/khs/academics/computer-apps/computer-app-

web.php

Other Dreamweaver Tutorials

• http://www.adobe.com/devnet/dreamweaver.html• http://

www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html