Presentation is loading. Please wait.

Presentation is loading. Please wait.

WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry.

Similar presentations


Presentation on theme: "WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry."— Presentation transcript:

1 WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry

2 TODAY’S GOALS: Review Course Outline Organize Folders & Books Review Class Procedures & Rules Test Logins & Create Root Folder HOMEWORK: NONE

3 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

4 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

5 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

6 Project – Montana Parks Web Site Home Page

7 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 Views- Design, Classic, Code, Live

8 Project – Two New Pages, Links, and Images

9 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

10 Project – Formatted Tables with Images

11 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

12 Project – Adding a Template and Applying Styles

13 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

14 Project – Using AP Elements, Image Maps, the History Panel, and Date Objects

15

16

17 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

18 Project – Adding Forms to a Web Site

19 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

20 Project – Interactive Web Pages

21

22 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

23 Project – Advanced Spry Activities

24

25

26 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

27 Project – Designing with Interactive Media

28

29 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!


Download ppt "WELCOME TO WEB PAGE DESIGN- BEGINNERS COURSE Mrs Barry."

Similar presentations


Ads by Google