Please enable JavaScript to use CodeHS

Standards Mapping

for Tennessee Web Site Development

20

Standards in this Framework

8

Standards Mapped

40%

Mapped to Course

Standard Lessons
C10H17.1.1
Safety Rules: Accurately read, interpret, and demonstrate adherence to safety rules, including rules published by the (1) National Science Teachers Association (NSTA), (2) rules pertaining to electrical safety, (3) Internet safety, (4) Occupational Safety and Health Administration (OSHA) guidelines, and (5) state and national code requirements. Be able to distinguish between rules and explain why certain rules apply.
C10H17.1.2
Responsible Technology Use: Throughout the course, practice safe habits and procedures when sharing and sending files, navigating websites, and connecting to servers and networks. As a class, work collaboratively to develop a professionalism policy that outlines rules regarding responsible technology use in the classroom. The policy must adhere to all school and district technology policies.
C10H17.1.3
Safe Use and Transfer of Data: Determine how companies, organizations, and individuals keep their data secure from theft and identity fraud. Summarize and produce a list of best practices from industry magazines and professional organizations such as the World Wide Web Consortium (W3C). Identify steps for safe use and transfer of data that can applied in the Web Design classroom.
C10H17.2.1
Career Growth: Investigate opportunities for personal and professional growth in the web design and computer science fields, including but not limited to opportunities to enter design contests, assist with the maintenance or development of the school’s website, and participate in initiatives such as the national Hour of Code. In addition, explore postsecondary programs in the computer sciences, such as web design and development, animation and graphics, or website administration, and document the search in the course portfolio.
C10H17.3.1
Website Evaluation: Select a website whose content is appropriate and adheres to the course policy, as approved by the instructor. Critically evaluate the site on the merits of its design features, applying knowledge and skills related to webpage composition (learned in Web Design Foundations) to critique the following: a. navigational hierarchy; b. balance; c. color unity; d. typography, formatting, and other aspects of text layout and style; e. compatibility across multiple browsers and devices; and f. flow and arrangement of content. Develop a presentation, written paper, or blog post analyzing these elements, supported by screen shots of the website and other specific evidence drawn from the site. Be able to answer the question, “What makes this website compelling, attractive, and functional?”
C10H17.3.2
Design Process: Synthesize the steps of the web design process learned in previous courses with research into emerging or alternative design models. In groups, produce a sophisticated flowchart, diagram, or other logic model that will serve as a template to guide the development of all projects and activities undertaken in this course. Annotate the model with the inputs, constraints, activities, and target outcomes involved in a given project; demonstrate where inputs flow from one stage of a project to the next.
C10H17.4.1
Project Management Tools: Research how web development teams use project management tools to divide roles and responsibilities among team members, track progress toward goals, and satisfy client specifications. Explore a variety of such tools and develop systems for applying selected tools to projects and assignments in this course. For example, download a Gantt chart template for a spreadsheet software application and use it to assign tasks and monitor deliverables working toward a given deadline.
C10H17.5.1
Technical Fluency: Demonstrate technical fluency in a variety of programming and markup languages, including but not limited to HTML, XML, CSS, JavaScript, JQuery, PHP, and/or SQL. Describe the particular functions and environments in which each language operates, detailing the benefits, limitations, and unique features of each. Justify when one programming language would be ideal for a given project or design solution, developing the recommendation with specific evidence and reasoning.
  1. 2.1 Introduction to HTML
  2. 2.2 Structure of an HTML Page
  3. 3.1 Introduction to CSS
C10H17.5.2
Webpage Elements: Correctly apply tags, embed links, manipulate space, customize attributes, and incorporate style elements related to typography, margins, and spanning and padding. Demonstrate the ability to code web page elements such as tables and forms according to the specifications of the client.
  1. 2.2 Structure of an HTML Page
  2. 2.3 Formatting Text
  3. 2.4 Links
  4. 2.8 HTML Tables
  5. 2.9 HTML Styling
  6. 5.6 Semantic Tags
  7. 5.13 The Box Model
C10H17.5.3
Measurement Units in Website Development: Distinguish between different units and measurement systems used in website development. Be able to accurately define terms such as size, aspect ratio, percentage units, and pixels as they relate to specific style commands (i.e., in a cascading style sheet). Given a set of design constraints or client specifications, accurately apply and modify the appropriate units when writing and editing code for objects/text in a programming environment.
  1. 5.13 The Box Model
C10H17.5.4
Revision Skills: Throughout the course, apply, edit, and continually revise code using software approved by the instructor, ranging from proprietary software such as Dreamweaver to simple applications like Microsoft Notepad. Practice teamwork and revision skills by: 1) critiquing the work of peers; and 2) furnishing recommendations for resolving errors in syntax and improving elements of design. Annotate recommendations in the programming environment to facilitate peer review.
  1. 6.1 Project: Tell a Story
  2. 8.1 Bootstrap Project
  3. 10.1 Final Web Design Project
C10H17.5.5
Graphics and Multimedia Editing: Create and edit graphics and other multimedia for web pages, evaluating and customizing their attributes according to client/instructor specifications. For example, write code for a scalable vector graphic (SVG) with a predetermined height, width, shape, and color, using appropriate units in order to maximize visibility and continuity of design.
  1. 5.14 Image Manipulation
  2. 7.4 Bootstrap Components
C10H17.5.6
Plug-Ins: Summarize the functions of plug-ins for content management systems as well as static websites. Describe a range of plug-ins and justify when they are needed for a specific application. Demonstrate the ability to download and install plug-ins for selected assignments in support of a specified design goal.
C10H17.6.1
Troubleshooting Strategies: Apply basic troubleshooting strategies to resolve errors in syntax, fix broken links, edit distorted images, and align website content for seamless navigation. As part of a course assignment or project, practice troubleshooting techniques to meet the vision or specifications of a mock client. For example, pretend a client complains that the alpha version of his/her website has rendered the dimensions of an interactive form too small for customers to read. Accurately diagnose the problem, then make adjustments to the code to resolve the issue to the client’s satisfaction.
  1. 9.5 Prototype
  2. 9.6 Test
  3. 10.1 Final Web Design Project
C10H17.6.2
Code Validation: Research methods of performing code validation on a completed or inprogress web page. Validate code for compatibility across browsers and devices. Explain the results of the validation test to the class in the form of a brief presentation as would a team of developers.
C10H17.7.1
Branding Strategies: Conduct a preliminary investigation of various branding strategies (i.e., social media marketing, web advertising, etc.) used by companies that sell their products and services online. Evaluate selected companies’ websites to determine how such strategies are deployed throughout the sites. Describe how one or more of these strategies could be incorporated into a future website for this or another course.
C10H17.7.2
Web Analysis: Define web analytics, and discuss the increasingly sophisticated role that analytics play in the marketing and management of content for websites. Interpret simple analytics in the dashboard interface of a content management system such as WordPress. Use quantitative reasoning and appropriate terminology to describe trends, analyze performance, and explain to peers how a website’s “reach” can be determined with analytics.
C10H17.7.3
Writing Web Content: Build on the work of previous Web Design courses and practice writing original web content for a particular audience. Adhere to client specifications regarding tone, length, and style of language, writing in a manner appropriate for the target audience. Regularly edit writing and solicit peer feedback for continuity of message and language. Collaboratively work to refine writing to be suitable for web publication.
C10H17.8.1
Website Set-Up: Model the process for setting up a website. Investigate domain name availability, register with a hosting service, and download a File Transfer Protocol (FTP) program. As part of a course assignment or project, demonstrate the ability to upload and organize files onto a server and arrange content to map out a simple multi-page website. Maintain accurate and navigable directories for retrieving and storing files. Incorporate original writing content onto the site, and publish content online for the instructor or class to see on a standard Internet browser.
  1. 4.1 Homepage: Your First Website
  2. 5.2 Multi-file Websites
C10H17.9.1
Emerging Trends: Explore a range of new and emerging trends in web design and development. A trend could be a new software, strategy, programming language, or phenomenon that has seen rising or widespread usage on the Internet in recent years. Examples include the movement toward responsive design to expand website compatibility; the increasing use of HTML5; or the embedding of social media within websites for the purposes of sharing content or crowdsourcing a product idea. Research one or more of these trends in depth, and compile a presentation or a paper explaining both the technical aspects involved (i.e., how it works on a web page) and the practical applications it has for customers, webmasters, businesses, or other users.
  1. 13.1 Design Research Project