You are here: Home instructional_framework official_framework Trade & Industrial Education Web Design Basics
Navigation
Log in


Need a new SSL certificate?
 

View Career Major Course

Course Information
Trade & Industrial Education
TI01703
Web Design Basics
131.00
In this course the student should be able to utilize professional web design and animation software to create and edit Web pages. Students will gain experience with HTML language and web browser compatibility. Cascading Style Sheets (CSS) for page structure and typographic formatting will be covered. Basic image processing, graphic formats and navigational principles will also be addressed.
Cheryl Cooksey 580-242-2750 ext, 152
Approval of instructor is required to enroll in this course.
OBJECTIVES: Upon completion of this course, the student should be able to:
Getting Started with Web Design Software
• Explore the web design software workspace
• View a web gage and use help
• Plan and define a website
• Add a folder and pages
Developing a Web Page
• Create head content and set page properties
• Create, import, and format text
• Add links to web pages
• Use the History panel and edit code
• Modify and test web pages
Working with Text and Images
• Create unordered and ordered lists
• Create, apply, and edit Cascading Style Sheets
• Add rules and attach Cascading Style Sheets
• Insert and Align Graphics
• Enhance an image and use alternate text
• Insert a background image and perform site maintenance
Working with Links
• Create external and internal links
• Create internal links to named anchors
• Create, modify, and copy a navigation bar
• Create an image map
• Manage website links
Positioning objects with CSS and Tables
• Create a page using CSS layouts
• Add content in CSS layout blocks
• Edit content in CSS layout blocks
• Create a table
• Resize, split, and merge cells
• Insert and align images in table cells
• Insert text and format cell content
Managing a Web Server and Files
• Perform website maintenance
• Publish a website and transfer files
• Check files out and in
• Cloak files
• Import and export a site definition
• Evaluate web content for legal use
Using Styles and Style Sheets for Design
• Create and use embedded styles
• Modify embedded styles
• Work with external CSS style sheets
• Work with conflicting styles
• View and edit styles using coding tools
Collecting Data with Forms
• Plan and create a form
• Edit and format a form
• Work with form objects
• Test and process a form
Positioning objects with CSS
• Insert an AP Div
• Set the position and size of an AP element
• Add content to an AP element
• Use the AP elements panel
Adding Media Objects
• Add and modify flash objects
• Add rollover images
• Add behaviors
• Add flash video
Creating and Using Templates
• Create templates and editable regions
• Use templates to create pages
• Use templates to update a site
• Use advanced template options
Working with Library Items and Snippets
• Create and modify library items
• Add library items to pages
• Add and modify snippets
Completing Projects
• Complete assigned project builders and design projects
• Create a portfolio to store original work



CONTENT:
Adobe Dreamweaver CS4 - Revealed (Delmar)
1. Getting Started with Dreamweaver
2. Developing a Web Page
3. Working with Text and Images
4. Working with Links
5. Positioning Objects with CSS and Tables
6. Managing a Web Server and Files
7. Using styles and Style Sheets for Design
8. Collecting Data with Forms
9. Positioning Objects with CSS
10. Adding Media Objects
11. Creating and Using Templates
12. Working with Library Items and Snippets
- ACE Exam Objectives - Certification Grid
- Data Files List
- Glossary

(NOTE: At the end of each unit of instruction are materials for additional practice and reinforcement
• Skills Review - contains hands-on practice exercises that mirror the lesson material
• (2) Project Builders - apply the skills learned in the unit
• Design Project - apply the skills learned in the unit
• Portfolio Projects - encourages students to use their creativity to create a website of their own design)

Adobe Certified Expert Program
• What is the Adobe Certified Expert (ACE) program?
• What is an ACE?
• ACE study materials
For the purpose of evaluation, points will be earned in the following areas; weighted by percentages shown:
A. Daily Grade 40%
B. Assignments 40%
C. Tests 10%
D. Final Test 10%




Grading scale to be used:
90-100% = A
80- 89% = B
70- 79% = C
60- 69% = D
Below 69% = F
No Grade = NG
Incomplete = I
Withdraw = W

Students will be kept informed of their grades. Any student should inquire of the course instructor if they do not understand or agree with points given.

Daily grading method: The purpose of the daily grade is to determine and develop a student's attitude toward the "world of work". A dependable employee would be expected to be at work, on time, everyday and to perform daily tasks to the best of their ability. If a student is tardy they will be able to earn no higher than 80% of their possible grade. If a student is absent they will receive a zero for the day they are absent. Because this is a daily grade a student must be present to perform the tasks for that day. Daily grades cannot be made up.

Each daily grade is worth 20 points which is broken down into the following scale:
• Attitude (20%),
• Time on Task (20%),
• Quality of Work (30%),
• Speed (10%).
• Attendance (20%)

Assignments: Written and performance assignments will be given weekly. These assignments will give students the opportunity to practice the skills without the pressure of a test. If a student is absent, they must notify the instructor when they would like to make up the assignment. All assignments must be completed within one week of absence.

Tests: Written tests will be given over every major area. Tests will be given weekly. Tests can be made up within one week from day of absence.

Each student will participate in a pre-test and a post-test to measure competency gains.
All courses will be crosswalked with:
• Oklahoma Department of Career and Technology Education’s Graphic Communications Skills Standards, Stillwater, OK, 2006
Graphic Communications: Digital Prepress Technician (OD44101)
Graphic Communications: Offset Press Operator (OD44103)
Graphic Communications: Bindery Operator (OD44104)

• Oklahoma Department of Career and Technology Education’s Advertising Design Skills Standards, Stillwater, OK, 2006
Advertising Design: Copy Center Technician (OD44111)
Advertising Design: Graphic Designer (OD44112)
Advertising Design: Illustrator (OD44113)
Advertising Design: Production Artist (OD44114)

• PrintED competencies
(NOTE: PrintED is a national accreditation and certification program for graphic communications courses of study at the secondary and post-secondary levels.)

PrintED competencies vs. objectives taught by MAVCC Publications:
Orientation to Graphic Communications
Press Operations, Binding and Finishing
Digital File Preparation and Output
Advertising and Design
All courses will be crosswalked with:
• Oklahoma Department of Career and Technology Education’s Graphic Communications Skills Standards, Stillwater, OK, 2006
Graphic Communications: Digital Prepress Technician (OD44101)
Graphic Communications: Offset Press Operator (OD44103)
Graphic Communications: Bindery Operator (OD44104)

• Oklahoma Department of Career and Technology Education’s Advertising Design Skills Standards, Stillwater, OK, 2006
Advertising Design: Copy Center Technician (OD44111)
Advertising Design: Graphic Designer (OD44112)
Advertising Design: Illustrator (OD44113)
Advertising Design: Production Artist (OD44114)

• PrintED competencies
(NOTE: PrintED is a national accreditation and certification program for graphic communications courses of study at the secondary and post-secondary levels.)

PrintED competencies vs. objectives taught by MAVCC Publications:
Orientation to Graphic Communications
Press Operations, Binding and Finishing
Digital File Preparation and Output
Advertising and Design
No
No
Yes
No