Web Design

Purpose:
To evaluate each contestant’s preparation for development tools necessary to build a complete
employment and to recognize outstanding web site.
students for excellence and professionalism in
the field of web design and web design. Scope of the Contest
1. The Web Design project will be announced at
Clothing Requirement the beginning of each year. The process must be
For men: Official SkillsUSA white polo shirt documented, clearly demonstrating the
with black dress slacks, black socks and black following skills as determined by the National
leather shoes. For women: Official SkillsUSA Technical Committee. Committee membership
white polo shirt with black dress slacks or skirt, includes Adobe Systems, Inc., Cisco Systems,
black socks or black or clear seamless hose and Inc., Macromedia, Microsoft Corporation and
black leather shoes. To purchase the polo shirt World Organization of Webmasters (WOW).
contact Midwest Trophy Manufacturing Co. Inc.
by calling: 1(800) 324-5996 or order online at a. Web Programming (HTML, XHTML,
www.mtmrecognition.com/skillsusa/ . CSS, client side scripting)
b. Web Graphics
Eligibility c. Web Site Design (usability)
Open to active SkillsUSA members enrolled in e. Web Site Management
programs utilizing Web Design as an f. Project Management
occupational objective. g. Web Multimedia
h. Legal Issues
Equipment and Materials i. Build a web site according to
1. Supplied by technical committee requirements criteria
Workstation with table space for two computers, j. Submit an overview document
with two chairs
110 volt electrical outlet 2. The National Technical Committee will
2. Supplied by the two-member contestant team provide a template, which describes the site
a. Personal resume for each team member - development process.
submit via e-mail by June 1 to Robert Luster, 3. All entries to the contest must be created by
World Organization of Webmasters coordinator the teams during the contest.
at [email protected] 4. Teams will be issued a work order on
b. Work sample (a website that team has Tuesday during the orientation meeting. Each
previously developed) - submit via e-mail by team’s web site will be constructed at the
June 1 to Robert Luster, World Organization of contest site for evaluation and continual work
Webmasters coordinator at on the day of the contest
[email protected] 5. Specific schedule outlining equipment setup,
c. Two multiple outlet surge protectors storyboarding and specific judging criteria will
d. Sketch pad for storyboarding be distributed during the orientation meeting on
e. Computers with CD-RW drive or USB port, Tuesday
and an Ethernet connection 6. All copyright laws are to be followed.
f. Hub and patch cables for interconnecting 7. Violations will result in disqualification.
team computers
g. Related web authoring and graphics software
accompanied by proof of license. Design and

1
8. Theme and content must be educational in for dynamic presentation of content to the
nature visitor.
9. Content must support the theme
10. Quality of the site organization and Technical Scoring and Standards:
navigation Judging Criteria:
11. Acceptable use of language and conventions Judging is based on a rubric and based on the
paragraph structure, grammar, spelling, following point system:
punctuation, etc 30 total possible points for quality of graphics &
12. Any multimedia elements used should type
contribute to the site content 30 total possible points for quality of overall
13. The site can be viewed in more than one design & layout
browser on both Mac and Windows platform 30 total possible points for quality of code 10
14. Links are valid and all multimedia total possible points for quality of web site
components load properly and within a process documentation
reasonable period of time 20 total possible points for written exam
10 total possible points for professionalism
Other Criteria:
Written Evaluation:
Each 2-member team will consist of the The purpose of the written evaluation of the
following team members: contest is to demonstrate the team’s knowledge
of managing a Web project from start to finish.
Web Designer The template for this document will be provided
Web Developer/Webmaster by the National Technical Committee but it is
important to impress upon contestants that this
Role and Responsibilities: document weighs heavily in scoring (see scoring
Web Designers are familiar with the visual arts rubric below).
and are learning to create images and designs
that capture and keep visitors' interest. They
present aesthetically enticing designs that meet
the requirements and preferences of their
audience.

Webmasters understand the basic breadth of

topics that fall under Web Designers but with
less depth into the individual topics of graphic
design. Webmasters have additional skills
including strong project management and
presentation skills.

Web Developers are familiar with the

fundamentals of creating web site structure and
interactivity. They are learning to use database
tools and custom applications to prepare sites For further information and FAQ, visit
www.joinwow.org/skillsusa

2
 Scoring Rubric:

Beginning Developing Accomplished Score

Graphics & Type (30 Points Total)

Overall Visual Appeal 5 points 10 points 15 points
There are few or no graphic elements. Graphic elements sometimes, but not Appropriate and thematic graphic
No variation in layout or typography. always, contribute to the elements are used to make visual
OR understanding of concepts, ideas and connections that contribute to the
Color is garish and/or typographic relationships. There is some variation understanding of concepts, ideas and
variations are overused and legibility in type size, color, and layout. relationships. Differences in type size
suffers. Background interferes with and/or color are used well and
the readability. consistently.

Mechanical Aspects 5 points 10 point 15 points

There are more than 5 broken links, There are some broken links, No mechanical problems noted.
misplaced or missing images, badly misplaced or missing images, badly
sized tables, misspellings and/or sized tables, misspellings and/or
grammatical errors. grammatical errors.
Overall Design & Layout (30 Points Total)
Look & Feel 5 points 10 points 15 points
The look and feel is not audience or The look and feel is audience Create an appropriate look and feel to
site appropriate. Design is not clearly appropriate and but may not convey the audience and site intent. Design
thought out in terms of color use, the sites intent. Design should be should be clearly thought out in terms
graphic use, type, and inconsistent clearly thought out in terms of color of color use, graphic use, navigation
from page to page. use, graphic use, navigation design, design, and consistency from page to
and may show some inconsistency page.
from page to page.
Navigation 5 points 10 points 15 points
Navigation is not always appropriate Navigation for the site is appropriate. Design effective navigation for the
for the site. Navigation is not well- Navigation is well-architected, easy to site. Navigation should be well-
architected, easy to use, and shows use, but may have some inconsistency architected, easy to use, and consistent
inconsistency throughout the site. throughout the site. throughout the site.
Programming & Code (30 Points Total)
Compatibility 5 points 10 Points 15 Points
Does not demonstrate the use of Demonstrate the use of contemporary Demonstrate the use of contemporary
contemporary Web browsers by Web browsers by designing for Web browsers by designing a
designing for as many common Web several of the more common Web standards based site that supports
browsers as possible. browsers. many common Web browsers.
Code Structure and 5 Points 10 Points 15 Points
Design Effectively apply HTML and some Effectively apply HTML, CSS, and Effectively apply HTML, CSS, and
CSS to the site to control fonts, some JavaScript to the site to control JavaScript to create a well crafted
borders, and other presentational fonts, borders, and other website. The code is formatted and
features. presentational features. Some code documented.
formatting and documentation is
present.
Process (10 Points Total)
Scaffolding of Process 1 points 3 points 5 points
The process lacks strategies and Strategies and organizational tools The process provides students coming
organizational tools needed for embedded in the process are in at different entry levels with
students to gain the knowledge needed insufficient to ensure that all students strategies and organizational tools to
to complete the task. will gain the knowledge needed to access and gain the knowledge needed
Activities are of little significance to complete the task. to complete the task.
one another and/or to the Some of the activities do not relate Activities are clearly related and
accomplishment of the task. specifically to the accomplishment of designed to take the students from
the task. basic knowledge to higher level
thinking.

3
Richness of Process 1 points 3 points 5 points
Few steps, no separate roles assigned. Some separate tasks or roles assigned. Different roles are assigned to help
More complex activities required. students understand different
perspectives and/or share
responsibility in accomplishing the
task.
Written exam (20 Points Total)

Professionalism (10 Points Total)

130
Total Score