Please enable JavaScript to use CodeHS

Standards Framework

for Colorado Web Design Foundations

43

Standards in this Framework

Standard Description
WDF.1 Engage in online activities that follow appropriate behavioral, communication, and privacy guidelines, including ethics, personal security, appropriate language d to be used by the intended audience, and ethical use of files and file sharing.
WDF.2 Implement online security guidelines, including identity protection, limited personal information sharing, and password protection of a secure website.
WDF.3 Engage in safe, legal, and responsible use of information and technology.
WDF.4 Understand and respond to local, state, national and global issues to ensure appropriate cross-browser and cross-platform usability.
WDF.5 Interpret, use, and develop a safe online sharing computing environment.
WDF.6 Identify legal, ethical, appropriate, and safe multimedia usage, including video, audio, graphics, animation, and emerging trends.
WDF.7 Analyze the impact of the World Wide Web on society.
WDF.8 Gather specific information, (e.g., purpose, target audience, branding and perception goals, content sources, any factors that might affect the project schedule) to guide a web development project.
WDF.9 Write a project brief that identifies goals, audience perception, primary message of the website, and the competitive advantage of the client.
WDF.10 Produce technical specifications for a website (e.g., screen resolution, browser compatibility, download time, and accessibility) based on a project brief.
WDF.11 Demonstrate an understanding of maintenance requirements for a website (e.g., automated processes for changing content, required training for content contributors, assignments for specific updates).
WDF.12 Use a mind mapping process (or similar process) to capture all the ideas and topics for a website development project.
WDF.13 Create a website wireframe/site map that shows interconnection of features such as the homepage, links, and content for each link.
WDF.14 Convert a website wireframe into individual web page wireframes considering each element (e.g., navigation, images, content, functionality, and footer) and group the information of its corresponding page.
WDF.15 Explore the use of stock images and demonstrate an understanding of the various types of stock images like stock photography, microstock photography, and free images. Identify the advantages and disadvantages of using these images.
WDF.16 Compare and contrast royalty-free and rights-managed licensing and explain how each licensing affects the use of images.
WDF.17 Describe the process to obtain permission to use copyrighted photography.
WDF.18 Investigate photo-sharing services and how they embed metadata within images to assist in keyword searches.
WDF.19 Demonstrate an understanding of how specific characteristics affect the quality and size of a digital image, such as pixels, color depth, resolution, palettes, and dithering.
WDF.20 Compare and contrast raster and vector graphics and provide scenarios when it is best to use each format.
WDF.21 Research and identify the extensions of various file formats like Bitmap, Tagged Image File Format, Windows Metafile, Joint Photographic Experts Group, Portable Network Graphics, and Graphics Interchange Format. Describe which file formats are supported by all browsers and which formats require special software or a plug-in to view an image.
WDF.22 Investigate image optimization and its importance.
WDF.23 Explain the graphic design concept of composition. Include various applications like visual hierarchy, grouping, visual cues, and integration of elements.
WDF.24 Explore the use of grid-based layouts and why it is used to create coherent, organized web pages. Give examples of when it is suitable to use one-, two-, and three-column layouts to display content.
WDF.25 Demonstrate an understanding of typography, including related definitions like measure and lead. Explain a designer’s application of the following typography characteristics to create balance and relationship between elements on a web page: a) Legibility, b) Typeface, c) Case, d) Emphasis, e) Type size and accessibility.
WDF.26 Determine how various colors are perceived by specific audiences and cultures. Explain the following concepts: a) Symbols, objects and images that attract or repel audiences, b) Color combinations that complement each other, c) Smooth color transitions and the effects on download time.
WDF.27 Demonstrate an understanding of the relationships between pixels and display color. Explain how black and white are each created using color schemes (CMYK) (cyan, magenta, yellow, and black) and RGB (red, green, blue) respectively. Further describe the differences between subtractive and additive colors and how they are applied to print media versus a computer monitor display.
WDF.28 Consider the two standardized numeric formats for color on the computer screen—RGB values and Hexadecimal code. Compare and contrast the format of values for each and briefly explain how they are applied to represent color.
WDF.29 Research writing styles on various web sites. Identify characteristics that are consistently used and include examples of what make text memorable and easy to scan.
WDF.30 Write content for a web page and revise based on reviewer feedback.
WDF.31 Follow the multistep process until the written product is appropriate for publication on a website.
WDF.32 Research various logos of well-known companies and organizations on the web. Identify shapes and colors that are consistently used and include examples of what made the logos unique, attractive, and memorable.
WDF.33 Identify several ways that a web designer can apply and strengthen brand management and identity.
WDF.34 Investigate how to setup and implement a secure e-commerce site. Describe: a) Measures to prevent shopping cart vulnerabilities, b) Pre-built shopping software, c) Hosting options for shopping cart software.
WDF.35 Examine how demographics, psychographics, and audience data are used to market a product or service.
WDF.36 Develop a marketing plan that identifies the following for a web development project: a) Promotions for both global (mass) and niche (micro) markets, b) Web marketing strategies and goals, c) Marketing growth drivers and barriers, d) Production distribution and availability, e) Product or service pricing, f) Advertising options to be used (e.g., links, banners ads, viral marketing, social media).
WDF.37 Describe the function of markup languages and why they are different from programming languages.
WDF.38 Explore the origin of the HTML standard and creation of the World Wide Web Consortium (W3C). Discuss the six versions of the HTML standard and how each differs from the other.
WDF.39 Define HTML tags distinguishing between empty tags and container tags. Explain their application to web development, why Hypertext Markup Language (HTML) evolved, and provide examples of tags frequently used. a) Create a simple web page that consists of paragraph text, text hyperlinks, tables, and elements in frames.
WDF.40 Demonstrate an understanding of Cascading Style Sheets (CSS). Investigate how CSS separates formatting elements from HTML and solves a number of design limitations like: a) Proprietary HTML extensions, b) Text-to-image conversions to retain fonts, c) Page layout using tables, d) Images controlling white space.
WDF.41 Explore the use of Cascading Style Sheets (CSS) for page layout. Explain and demonstrate coding for the following elements of CSS page layout: a) CSS Box Model (e.g., inline, block), b) Document Flow and Positioning (e.g., static, relative, absolute, fixed, float, z-index), c) CSS Positioning Schemes (e.g., two-column layout, three-column layout).
WDF.42 As a class, define the guidelines for effective use of file and folder management techniques to maintain directory structure for website projects. The guidelines should address efficient methods for maintaining site root and subfolders for assets (e.g., images, templates, CSS), as well as the correct way to use file paths for relative, site root relative, and absolute links.
WDF.43 Routinely complete troubleshooting and formal testing throughout the development of a website. Develop a quality assurance plan that incorporates a testing procedure similar to the following: a) Review the content for accuracy, spelling, and grammar, b) Review site for broken links, c) Test the functionality of the website as defined by the project specifications, d) Validate the HTML and CSS coding, e) Check the accessibility using automated tools, f) Test site on various browsers that the target audience uses, g) Analyze the connection speed and size of web pages, h) Conduct usability testing with target audience, i) Work with server administrator to conduct load testing, j) Conduct authentication testing and review file authorization.