Digital Design

Download the Competencies/Skills Check Sheet Semester 1 (PDF), Semester 2 (PDF), Semester 3 (PDF)

UNIT SKILL # UNIT # COMPETENCIES
1. Acceptable Use Policies 1 1.1 Collaborate with classmates
2 1.2 Internet search
3 1.3 Responsibilities of Internet use
4 1.4 Discuss legal issues associated with locating retrieving information from the internet
5 1.5 Understand Acceptable Use Policy, copyright and Fair Use Laws
6 1.6 Conduct research on the Internet and correctly identify sit sources in bibliography
7 1.7 Utilize information from electronic communication sources
2. Copyright, Internet and Browsers 8 2.1 Recognize the computer as a communication skill and a way of connect with people and information
9 2.2 Students consider the development of the internet and assess advantages and disadvantages
10 2.3 Explain the history, structure, and relevance of the Internet
11 2.4 Identify various browsers and their associated operating systems
12 2.5 Compare/contrast the features of two major Internet browsers (e.g. Internet Explorer and Google Chrome)
13 2.6 Explain search engines
14 2.7 Identify the benefits and downfalls of various search engines
3. HTML Basics 15 3.1 Work with multiple HTML code applications
16 3.2 Identify HTML tags and syntax in accordance with W3C standards
17 3.3 Launch HTML document in a browser
18 3.4 List the industry standard web author tools available
19 3.5 Evaluate the use of frames and I-frames in web design and identify and offer alternatives
4. HTML Code 20 4.1 Create lists, links, backgrounds, images, sound in HTML code
21 4.2 Use tables for tabular data
22 4.3 Create anchors, absolute, and relative hypertext links
23 4.4 Implement interactivity use a form
24 4.5 Employ appropriate tags to incorporate multimedia components
25 4.6 Apply design debugging techniques
26 4.7 Comment code
5. CSS Basics 27 5.1 Define CSS in accordance with W3C standards
28 5.2 Explain the use of selectors, declarations, properties and values
29 5.3 Differentiate between in-line, internal, and external style sheets
30 5.4 Explain the importance of class, id, div, span attributes
31 5.5 Differentiate between relative and absolute positioning
6. CSS Design 32 6.1 Demonstrate CSS syntax
33 6.2 Use of selectors, declarations, properties and values
34 6.3 Use in-line, internal, and external style sheets
35 6.4 Use class, id, div, span attributes
36 6.5 Use relative and absolute positioning
37 6.6 Comment code
7. Javascript Basics 38 7.1 Summarize JavaScript syntax and the placement of code
39 7.2 Explain the DOM, document object model
40 7.3 Define objects, properties and methods
41 7.4 Explain basic Javascript techniques (time/date, moving objects, etc)
42 7.5 Select programming  languages, design tools and applications
8. Javascript Script 43 8.1 Employ interactive events with event handlers
44 8.2 Define and invoke functions
45 8.3 Implement common JavaScript (pop-up windows, rollovers, slideshow arrays, form verifications)
46 8.4 Create and link external JavaScript page to website
47 8.5 Apply JavaScript debugging techniques
48 8.6 Use Error resolution
49 8.7 Use support text comments and code
50 8.8 Develop and perform test procedures
51 8.9 Comment code
9. JQuery Basics 52 9.1 Summarize JQuery syntax and the placement of code
53 9.2 Explain selectors
54 9.3 Define events
55 9.4 Define effects
56 9.5 Explain changing and manipulating HTML elements and attributes
57 9.6 Define traversing
58 9.7 Define AJAX
10. JQuery Script 59 10.1 Write a query command
60 10.2 Use functions
61 10.3 Use selectors
62 10.4 Make a selection in the DOM into a jQuery object
63 10.5 Modify HTML element
64 10.6 Use events
65 10.7 Use effects
66 10.8 Use query builtins (like fadein and animation)
67 10.9 Use query AJAX calls
11. Graphic Design Basics -Work Flow 68 11.1 Explain project planning
69 11.2 Build a storyboard
70 11.3 Review and redesign
71 11.4 Demonstrate file management and naming conventions
72 11.5 Define graphics file types
73 11.6 Explain Creative Commons, copyright and image standard practices
12. Graphic Design Basics - Fonts and Color 74 12.1 Identify and correctly use type families (e.g. old style, serif, san serif, script, modern, decorative)
75 12.2 Measure accurately using typography measuring units (e.g. cap height, baseline, x-height, point size, key size, pica, point)
76 12.3 Explain vocabulary of typography (e.g. upper case, lower case, ascender, descender, regular, boldface, condensed, expanded, italic, cursive, font, text, type, type style, justified, unjustified, ragged left, ragged right)
77 12.4 Demonstrate a knowledge of color theory (e.g. light, pigment, transparent/opaque color)
78 12.5 Demonstrate a work knowledge of color organization and the color wheel (e.g. primary, secondary, tertiary, neutrals)
79 12.6 Identify and organize color schemes (e.g. monochromatic, complimentary, analogous triadic, split complimentary)
80 12.7 Demonstrate a working knowledge of values (e.g. value scale, tint, tone, shade, aerial/atmospheric perspective, illusion of space)
81 12.8 Explain additive and subtractive color (e.g. RGB and CMYK)
82 12.9 Apply psychology of color to projects
13. Graphic Design Basics - Elements and Composition 83 13.1 Define the elements of design ( e.g. line, form, color, space, texture, value, shape)
84 13.2 Define the principles of design (e.g. emphasis, unity, balance, proportion, rhythm)
85 13.3 Identify elements of composition C.RA.P. (contract, repetition, alignment, proximity)
86 13.4 Combine text, images, and sound by incorporate information from a wide range of media (e.g. films, newspapers, magazines, online information, television, videos, and electronic media-generated images)
87 13.5 Use the selected media skillfully, edit appropriately and monitor for quality
88 13.6 Scan photographs, objects, and drawings
89 13.7 Use a digital camera
90 13.8 Panel elements and structure
91 13.9 Export window and settings
92 13.10 Test audience response and revise the presentation accordingly
14. Interactive Image 93 14.1 Plan and Storyboard interactive image
94 14.2 Analyze images as a means of information display
95 14.3 Appropriate use of color, shapes and lines (elements of design)
96 14.4 Evaluate and integrate interactive components into a website
97 14.5 Import data/graphics/scanned and altered images using design software
98 14.6 Use Layers, Behaviors and/or Effects
99 14.7 Use Disjoint and/or simple rollover images
100 14.8 Troubleshoot interactive images
101 14.9 Evaluate the effectiveness and appropriateness of interactive images
15. Animation Audio/Video - Planning 102 15.1 Product and/or company investigation to get content
103 15.2 Comparative web analysis
104 15.3 Research audience and appropriate sites
105 15.4 Develop market requirements and analysis
106 15.5 Write a proposal with attention to scenarios and audience
107 15.6 Make screen sketches for interactive experiences
108 15.7 Develop storyboards that are thorough and accurate
109 15.8 Design a custom experience
110 15.9 Connect goals with user interaction
16. Animation Audio/Video - Publishing 111 16.1 Create digital images and animation for web presence
112 16.2 Use Animation methods
113 16.3 Use Drawing/Layers
114 16.4 Build a User interface
115 16.5 Integrate audio that matches images and action as appropriate
116 16.6 Complex information display
117 16.7 Deal with end-project issues
118 16.8 Publish online
17. Portfolio Development - Research and Planning 119 17.1 Analyze the historical evolution of web page design
120 17.2 Develop a competitive analysis to identify current trends
121 17.3 Identify and test site for browser compatibility issues and user accessibility standards
122 17.4 Plan and create a storyboard for project with checkpoints and layout for preliminary design
123 17.5 Create an organizational structure, site map, and logical navigation scheme
124 17.6 Design for usability and accessibility
125 17.7 Evaluate screen size considerations
126 17.8 Investigate and incorporate color and layout consistently
127 17.9 Develop content in accordance with search engine optimization standards
128 17.10 Employ aesthetic/design theory for page layout
129 17.11 Categorize files in folders / in planning and project
130 17.12 Plan and design site in accordance with the purpose and function of interactive media
131 17.13 Design consistent website pages
18. Portfolio Development - Build Basic Layout 132 18.1 Create a root folder and site
133 18.2 Design a basic template page
134 18.3 Understand, create and apply navigation links, ideas and concepts
135 18.4 Incorporate Head and Body sections
136 18.5 Format tags
137 18.6 Use links – relative and absolute
138 18.7 Use alignment
139 18.8 Use buttons
140 18.9 Use tables for data
141 18.10 Use columns and borders
142 18.11 Use email link
143 18.12 Use backgrounds
144 18.13 Create text that is readable and appropriately sixed for the Internet
145 18.14 Comment code
19. Portfolio Development - Incorporate Media 146 19.1 Edit and incorporate an audio clip into a web page
147 19.2 Edit and incorporate a video clip into a web page
148 19.3 Create and incorporate an animation into a web page
149 19.4 Scan and incorporate a digital image into a web page
150 19.5 Create and use interactive images
151 19.6 Use alt tags
152 19.7 Include copyright information for images
153 19.8 Create and incorporate a graphic into a web page
20. Portfolio Development - Quality Assurance and Testing 154 20.1 Manage quality assurance test
155 20.2 Rebuild web pages based on user feedback
156 20.3 Factor user response into redesign
157 20.4 Test HTML validity with W3C tools
21. Project Management and Timeline - Planning 158 21.1 Collaborate to define a project plan
159 21.2 Write and follow a task list and schedule
160 21.3 Gather data to identify customer requirements and capacity
161 21.4 Collaboratively build a project plan
162 21.5 Construct a list of deliverables
163 21.6 Storyboard a project
22. Project Management and Timeline - Production 164 22.1 Create prototype
165 22.2 Build site with tools and audience restriction
166 22.3 Create directory structure for images
167 22.4 Appropriately use text
168 22.5 Optimize photograph size
169 22.6 Work with images and thumbnails
170 22.7 Develop appropriate captions for images
171 22.8 Arrange with images
172 22.9 Perform a technical test on a site
173 22.10 Work with the site map
23. Review/Revision and Feedback 174 23.1 Present a website to a group
175 23.2 Produce business and personal presentations use technology
176 23.3 Create a mechanism to review a website for required elements
177 23.4 Communicate and learn how to give/take constructive criticism
178 23.5 Review Navigation techniques and consistency
179 23.6 Review Layout for readability and emphasis
180 23.7 Review Links functionality and accessibility
181 23.8 Take notes on critique
182 23.9 Redesign and peer review
24. Teamwork - Planning 183 24.1 Create a web design for a customer
184 24.2 Identify website goals
185 24.3 Define website audience
186 24.4 Develop a project plan
187 24.5 Develop a promotion plan
188 24.6 Select best examples
189 24.7 Define and research audience and mission of project/product
190 24.8 Identify reliable and current sources of requirements
191 24.9 Be aware of aspects of capacity and global usage (time zones, language, cultural sensitivities)
192 24.10 Complete and prioritize features and functions of the product
193 24.11 Identify project objectives in accordance with applicable procedures
194 24.12 Identify scope and specifics of work
195 24.13 Identify criteria for successful completion of work
196 24.14 Accurately document work
197 24.15 Organize content information to meet application objectives
25. Teamwork - Production 198 25.1 Ensure mockup is completed in a timely manner
199 25.2 Review and refine mockup based on customer feedback
200 25.3 Evaluate effective web presence
201 25.4 Identify diversity issues and ADA requirements
202 25.5 Create designs that meet client requirements
203 25.6 Provide multiple design ideas
204 25.7 Participate in design review meetings
205 25.8 Create visual comps
206 25.9 Create a template
207 25.10 Create a prototype
208 25.11 Ask questions to focus and clarify
209 25.12 Communicate ideas clearly
210 25.13 Listen and interpret information and feedback
211 25.14 Finalize design with the client
212 25.15 Create a team and assign various tasks with deadlines for projects
213 25.16 Team with others to generate web presence for a school-related or non-profit organization
214 25.17 Demonstrate proficiency in oral and visual communication skills
215 25.18 Identify and apply design concepts for presentations
26. Usability, Consistency, and Focus of Existing Sites 216 26.1 Write a proposal
217 26.2 Review related sites
218 26.3 Recommend changes to current sites
219 26.4 Define and prioritize tasks
220 26.5 Define and clarify client design requirements
221 26.6 Apply design aspects such as color, design, layout, contrast, and composition
222 26.7 Connect content and style to user needs
223 26.8 Integrate visuals and text
224 26.9 Assess accessibility
225 26.10 Conduct formal usability analysis
226 26.11 Learn to choose what information is important
227 26.12 Understand and address client design issues
228 26.13 Incorporate the redesign process through problem solving, reflection, and tracking changes
27.  Promote Workplace Health and Safety 229 27.1 Describe safety practices and procedures to be followed when work with and around electricity
230 27.2 Demonstrate proper workspace clean procedures
231 27.3 Illustrate First Aid procedures for potential injuries and other health concerns in the occupational area
232 27.4 Describe the importance of emergency preparedness and an emergency action plan
233 27.5 Identify practices used to avoid accidents and repetitive use injuries
234 27.6 Identify and describe fire protection, precautions and response procedures
235 27.7 Discuss the role of the individual and the company/organization in ensure workplace safety
236 27.8 Discuss ways to identify and prevent workplace/school violence, harassment,
28. Web Publish and Maintenance 237 28.1 Publish using advanced elements of software
238 28.2 Identify the applications appropriate for each software package
239 28.3 Perform basic operations within an operating system
240 28.4 Define functions/methods/procedures/tools within each software package
241 28.5 Organize content information to meet application objectives
242 28.6 Design a basic template page
243 28.7 Select host service
244 28.8 Provide maintenance over time
29. Emerging Technologies, Techniques and Issues 245 29.1 HTML5, impacts, and its major features
246 29.2 Structure and semantics
247 29.3 Accessibility
248 29.4 Audio and video
249 29.5 Mobile context and considerations that should be made in design for mobile devices
250 29.6 Touch screens and their impact on web design
251 29.7 Service-based online experiences (Facebook, Netflix, Urban Spoon)

Draft 8/30/2014