San Joaquin County Office of Education Career & Technical Education Web Design ~ Course Outline CBEDS#: 4601

Transcription

1 Web Design Course Outline I II 1 Course Content 5 5 Student Evaluation Employment Opportunities 2 XHTML Creating an HTML Document Formatting Text with HTML Adding Graphics with Multimedia Using forms to control input Working with Tables Controlling page layout Designing Web Pages Scripting for HTML Working with Dynamic (DHTML) Specifying Style Dynamically Positioning with DHTML Implementing Advanced DHTML features Structuring Data with XML HTML Editor Dreamweaver/Web Expressions 3 Creating XHTML 5 5 Understanding HTML Document Planning HTML Writing HTML Doc Previewing and editing and HTML Doc Creating Links to other web pages Printing an HTML Doc 4 Formatting Text with XHTML 5 5 Planning text formatting Creating ordered lists Creating unordered lists Formatting Characters Controlling Font Selections Customizing Fonts Aligning Text 2/11/2014 1

2 5 Adding Graphics & Multimedia Planning Graphic Use Inserting Graphics Specifying Graphics Linking Graphics Inserting and Image Map Adding a Background Image Exploring Multimedia Options 6 Using Forms to Control Input Planning a Form Creating a Text Entry Field Adding Radio Buttons Adding Checkboxes Creating a Pull-Down Menu Adding a Push Button Connecting a Form s Back End 7 Working with Tables Planning a Table Creating a Simple Table Spanning Rows Spanning Columns Formatting Borders Modifying Table Backgrounds Adding Background Images to a table Changing Table Dimensions Aligning Table of Contents Positioning Page Elements 8 Controlling Page Layout Understanding Layout Tools Cascading Style Sheets Creating Navigation Bars Creating a Horizontal Navigation Bar Creating Frameset Targeting Links 2/11/2014 2

3 9 Designing Web Pages Understanding Design Principals Examining Web Specific Design Issues Exploring Cross Platform Issues Designing Web Pages for Handheld users 10 Integrating Fonts-Colors 5 5 Formatting text with Style Sheets Incorporating Images Effectively Locating Web Design Resources Designing an Accessible Web Page Physical Formatting vs. Logical Formatting Exploring Web Writing Guidelines Studying Usability Factors 11 Scripting in XHTML Understanding Scripting for HTML Creating a Script Debugging Script Understanding Objects Using Java Script Events Handlers Creating a Function Assigning a Variable Creating a Conditional Testing Multiple Conditions 12 Working with Dynamic XHTML 5 5 Defining DHTML Understanding the Building Blocks of DHTML Proprietary Features Touring DHTML Understanding the DHTML Object Model Understanding Browser Variability Designing DHTML Pages Design Resources Researching Code Architecture Keeping Up with DHTML Change 2/11/2014 3

4 13 Specifying Style Dynamically Understanding Cascading Style Sheets <div> vs. <span> Creating an Embedded Style Sheet Creating a Class Creating an ID style Deleting Browsers Future Cross-Browser coding Showing and Hiding Page Elements Changing Font Size Dynamically Using an External Style Sheet 14 Control Content Dynamically Understanding Dynamic Content Inserting Content Dynamically Deleting Content Dynamically Modifying Content Dynamically Incorporating and Advanced Content Function Replacing Graphics Dynamically Building Data Manipulating Bound Data Dynamically Suppressing Errors 15 Positioning with DHTML Understanding DHTML Positioning Positioning and Element Absolutely Cross Browser Positioning Sizing an Element Manually Positioning and Sizing using Percentages Stacking Screen Elements Adding a Scroll Bar Creating a Clip Region Creating a Side Bar Incorporating and Advanced Position Function 2/11/2014 4

5 16 Implementing Advanced DHTML Features 5 5 Understand Advanced Features Filtering Content Combining Filters Scaling Content Scaling by Percent Animating Element Position Creating 3-D Animation Animated GIF s Transitioning Elements Creating a Slideshow Transitioning Between Pages 17 Structuring Data with XML 5 5 Understanding Extensible Markup Language (XML) Benefits of XML Document Type Definition (DTD) and HML Schemes Entering XML Data Building XML Data with HTML Formatting XML Data with HTML Extensible Style Language (XSL) Displaying XML Data with HTML Multiple Views of Data Modifying and XML Documents Altering XML Data View with HTML 18 Dreamweaver Organizing Your Site Dreamweaver Basic Defining a Local Site Setting Up a Page Working with Text 19 Working with Graphics Identifying Graphic Formats for the Web Wrapping Text Around Images Adding Flash 20 Creating Links 5 5 Working with Links 2/11/2014 5

6 21 Working with Tables for Page Design 3 3 Using Tables in Page Design Designing Tables in Layout Mode Creating Tables in Standard View Importing Data From Spreadsheets Selecting Table Elements Sorting Tables Exporting a Table 22 Adding User Interactivity 7 7 Defining a Behavior Creating Rollover Buttons Understanding Elements 23 Managing Your Site 5 5 Using the Site Panel Connecting to a Remote Site 24 Fireworks 5 5 Bitmap Versus Vector Graphics Setting Up a Document Editing Bitmap Objects Review of Selection Options 25 Working with Vector Graphics 5 5 Making selections in Vector Mode Displaying Rulers & Guides Drawing Basic Shapes 26 Importing, Grouping & Layers Importing Objects Grouping and Ungrouping Objects Arranging the Stacking Order of Objects Using Info Panel Working with Layers 27 Text Masks and Live Effects 6 6 Getting Started Formatting Text Positioning Text Aligning Objects Working with Masks 2/11/2014 6

7 28 Creating Button 4 4 Understanding Rollover Buttons Using the Library Panel Creating a Button Form a Graphic 29 Optimizing & Exporting Exporting Images Using the Export Wizard Optimizing the Image Previewing in the Workplace 30 Creating Animations Animating with Fireworks Exploring a GIF Animation Using Export Preview Using the Library 31 Flash 5 5 What is Flash? Streaming Animations Flash Player Seeing Flash in Action 32 Exploring Flash Workspace 5 5 Flash Workspace Opening & Closing Panels Working in Flash 33 Creating a Logo 5 5 The Gallery Using Basic Drawing Tools Creating Symbols Importing Images Exporting Flash Files 34 Designing a Home Page Site Architecture Sizing a Home Page Drawing in Flash Creating a Filmstrip Movie 2/11/2014 7

8 35 Adding Text and Navigation to the Home Page Working with Text Creating a Transparent overlay Image Building the Navigation Area Creating Layer Folders Adding the Logo & Gallery Title Text 36 Working with Movie Clips Building out from A Page Creating a Photo Viewer Making the Photo Viewer Work Integrating a Movie Clip into another Movie Clip 37 Motion Tweening Adding a Movie Clip Instance to a Document Creating an Animated Transition Between Sections Adding actions to Main Navigation Buttons Adding Navigation Action Script to the Main Movie 38 Creating an Animated Map Creating the Visit Clip Animating the Map Using the Pen Tool 39 Classroom Orientation Class Procedures Attendance Grading Paperwork 40 Career Development Opportunities in the Computer Industry Self Appraisal/Self Assessment Goal Setting Work Values Career Path Professional Organizations 2/11/2014 8

9 41 Employability Job Search Techniques Employment Resources Payroll Terminology Employment Benefits Job Portfolio Resume Application Letter of Application Letter of Recommendation Employability Self-Assessment Writing Sample Work Samples 42 Interviewing Skills and techniques Follow-up thank you letter 43 Job Keeping Skills Attitude Ethics Time Management Setting Priorities 44 Leadership Communication Skills Critical Thinking Skills Problem Solving Total Hours Total Web Design I & II Hours 720 2/11/2014 9