Transcript Welcome to keyboarding

WELCOME TO WEB
PAGE DESIGNBEGINNERS COURSE
Mrs Barry
TODAY’S GOALS:
• Review Course Outline
• Organize Folders & Books
• Review Class Procedures & Rules
• Test Logins & Create Root Folder
• HOMEWORK: NONE
What Will I Learn this Year?
• The basic fundamentals and some more
advanced features of Dreamweaver CS6
• The proper Web site design and management
techniques
• The proper procedures to create Web sites
suitable for coursework, professional
purposes, and personal use
• What New input technologies are available
• How to Plan, design & create your OWN
websites
What Will I Learn This Year?
 Introduction—
 The Net, WWW and Browsers
 Web Site Types & Planning a Web Site
 Web Site Navigation-Design Basics,
 Developing a Web Site, Reviewing,
Testing, Publishing and Maintaining a
Web Site
 Web Site Languages, Web Page
Authoring Systems, Dreamweaver CS6
What Will I Learn This Year?
 Chapter 1-Creating a DW Web Page and
Local Site—Montana Parks:
 The Dreamweaver Environment
 Defining a Local Site
 Preparing a Workspace & Saving a Web
Page
 Backgrounds, Adding Text, Format Features,
Titles, Enhancements,
 Previewing in a Browser & Printing
 Using Dreamweaver & Adobe Help
Project – Montana Parks Web Site
Home Page
What Will I Learn This Year?
 Chapter 2-Adding Web Pages, Links &
Images—(Montana National Parks and
Preserves & Lewis and Clark National
Historical Trail):
 Creating Relative, Absolute and Email
Links
 Insert, resize, and align images within a
Web page
 Use the Assets & Files Panels
 Using Different Dreamweaver ViewsDesign, Classic, Code, Live
Project – Two New Pages, Links,
and Images
What Will I Learn This Year?
 Chapter 3-Tables and Page Layout-
Project—Formatted Tables with Images:
Nez Perce Nat’l Historic Trail & Glacier
National Web Pages:
 Understand page layout
 Design a Web page using tables
 Modify table structure & add content
 Describe HTML table tags
 Adding Head Content
 Publishing a Web Site
Project – Formatted Tables with Images
What Will I Learn This Year?
 Chapter 4-Templates and Style
Sheets-Project: Parks Attractions &
Yellowstone
 Creating a Template
 Creating and Maintaining Cascading
Style Sheets & Defining Style Attributes
 Creating a Web Page from a Template
 Applying a Template to the Yellowstone
National Park Web
 Applying CSS Styles
Project – Adding a Template and Applying
Styles
What Will I Learn This Year?
 Chapter 5-Absolute Positioning Elements,
Image Maps, the History Panel and Date
Objects
 Explain the concept of AP elements
 Insert, select, resize, move, name and
align AP elements & add an image
 Create and select stacked AP elements
 Create an image map & add and edit
behaviors
 Use the History panel & Insert Date object
Project – Using AP Elements, Image
Maps, the History Panel, and Date Objects
Project – Using AP Elements, Image
Maps, the History Panel, and Date Objects
Project – Using AP Elements, Image
Maps, the History Panel, and Date Objects
What Will I Learn This Year?
 Chapter 6—Forms—Adding Forms to a Site
 Understanding How Forms Work:
Processing
 Create a form
 Insert a table into a form
 Describe & insert form objects: text fields,
text areas, radio buttons, lists, menus,
check boxes, buttons
 Apply behaviors to a form
 View and test a form
Project – Adding Forms to a Web Site
What Will I Learn This Year?
 Chapter 7— Using Spry to Create
Interactive Web Pages:
 Describe the Spry framework & Widgets
 Add the Spry Collapsible Panel widget to a
Web page, adding headings & text
 Add and customize a Spry Menu Bar
widget on a Web page
 Format a Spry Widget
 Describe & Apply Spry effects
Project – Interactive Web Pages
Project – Interactive Web Pages
What Will I Learn This Year?
 Chapter 8—Advanced Spry Activities–
 Insert a Tooltip
 Create a Spry Tabbed Panels widget
 Add content & Format a Spry Tabbed
Panels widget
 Add a Spry Accordion widget to a Web
page & Format
 Apply a Spry effect
Project – Advanced Spry Activities
Project – Advanced Spry Activities
Project – Advanced Spry Activities
What Will I Learn This Year?
 Chapter 9--Media Objects–
 Describe different media objects
 Insert Flash text & movies into a Web page
 Add a background sound to a Web page
 Embed a sound file in a Web page
 Insert a video & animated GIF into a Web page
 Use the Results panel group to validate a Web
page and check links
 Describe Shockwave and Java applets, and
how to insert them into a Web page
 Describe the ActiveX control and how it differs
from plug-ins & check for plug ins
Project – Designing with
Interactive Media
Project – Designing with
Interactive Media
How Can I Be Successful in Web Page Design?
 Good Attendance is Imperative
because nearly ALL work is completed
in class!
 Arrive on Time to Class & Pay
Attention—I will teach you what you need
to know & we will work through it together!
 Ask Questions--others probably have the
same question so ask!
 Keep yourself organized and complete
assignments as scheduled!