Web Design Course Outline
- 1. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 Web Design Course Outline I II 1 Course Content 5 5 • Student Evaluation • Employment Opportunities 2 XHTML 10 10 • 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 • 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 Rev. 1/27/10 1
- 2. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 5 Adding Graphics & Multimedia 15 15 • 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 10 10 • 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 15 15 • 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 10 10 • Understanding Layout Tools • Cascading Style Sheets • Creating Navigation Bars • Creating a Horizontal Navigation Bar • Creating Frameset • Targeting Links Rev. 1/27/10 2
- 3. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 9 Designing Web Pages 10 10 • 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 10 10 • 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 Rev. 1/27/10 3
- 4. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 13 Specifying Style Dynamically 10 10 • 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 and External Style Sheet 14 Control Content Dynamically 10 10 • 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 10 10 • Understanding DHTML Positing • 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 Rev. 1/27/10 4
- 5. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 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 10 10 • Organizing Your Site • Dreamweaver Basic • Defining a Local Site • Setting Up a Page • Working with Text 19 Working with Graphics 10 10 • Identifying Graphic Formats for the Web • Wrapping Text Around Images • Adding Flash 20 Creating Links 5 5 • Working with Links Rev. 1/27/10 5
- 6. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 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 10 10 • 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 Rev. 1/27/10 6
- 7. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 28 Creating Button 4 4 • Understanding Rollover Buttons • Using the Library Panel • Creating a Button Form a Graphic 29 Optimizing & Exporting 10 10 • Exporting Images • Using the Export Wizard • Optimizing the Image • Previewing in the Workplace 30 Creating Animations 10 10 • 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 10 10 • Site Architecture • Sizing a Home Page • Drawing in Flash • Creating a Filmstrip Movie Rev. 1/27/10 7
- 8. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 35 Adding Text and Navigation to the Home Page 10 10 • 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 10 10 • 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 10 10 • 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 10 10 • Creating the Visit Clip • Animating the Map • Using the Pen Tool 39 Classroom Orientation 10 10 • Class Procedures • Attendance • Grading • Paperwork 40 Career Development 10 10 • Opportunities in the Computer Industry • Self Appraisal/Self Assessment • Goal Setting • Work Values • Career Path • Professional Organizations Rev. 1/27/10 8
- 9. San Joaquin County Office of Education Regional Occupational Centers/Programs Web Design ~ Course Outline Fredrick A. Wentworth, Superintendent CBEDS#: 4601 ~ Course ID#: 46011 41 Employability 10 10 • 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 10 10 • Skills and techniques • Follow-up thank you letter 43 Job Keeping Skills 10 10 • Attitude • Ethics • Time Management • Setting Priorities 44 Leadership 10 10 • Communication Skills • Critical Thinking Skills • Problem Solving Total Hours 360 360 Total Web Design I & II Hours 720 Rev. 1/27/10 9