Tennessee Computer Science Foundations: 21
CodeHS Lessons
There are different versions of the web design and development process. For example, most versions of the web design and development process involve project definition, site structure, visual design, site development, testing, refining, and launch. Using various resources, research, identify, and explain the steps involved in the process. As a class, develop an agreed-upon framework for applying the logical thought process to web design projects in the form of a flowchart or logic model, justifying the reasoning behind each step. Explain why it is an iterative process and always involves refinement.
| Standard |
| 2.2 Structure of an HTML Page |
| 9.1 Intro to Design Thinking |
| 9.2 Empathy |
| 9.3 Define |
| 9.4 Ideate |
| 9.5 Prototype |
| 9.6 Test |
| 10.1 Final Web Design Project |
| Standard |
| 8.2 Structure of an HTML Page |
| Standard |
| 1.2 Structure of an HTML Page |
| 17.1 Intro to Design Thinking |
| 17.2 Empathy |
| 17.3 Define |
| 17.4 Ideate |
| 17.5 Prototype |
| 17.6 Test |
| Standard |
| 14.3 Define |
| 14.5 Prototype |
| 14.6 Test |
| Standard |
| 16.2 Structure of an HTML Page |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| 5.4 Planning Your Site |
| Standard |
| 13.3 Define |
| 13.4 Ideate |
| 13.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| 12.2 Empathy |
| 12.3 Define |
| 12.4 Ideate |
| 12.5 Prototype |
| 12.6 Test |
| Standard |
| 11.2 Empathy |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| Standard |
| 8.3 Structure of an HTML Page |
| Standard |
| 11.3 Define |
| 11.5 Prototype |
| 11.6 Test |
| Standard |
| 12.3 Define |
| 12.5 Prototype |
| 12.6 Test |
| Standard |
| 12.3 Define |
| 12.5 Prototype |
| 12.6 Test |
| Standard |
| 12.2 Structure of an HTML Page |
| 15.3 Define |
| 15.5 Prototype |
| 15.6 Test |
| Standard |
| 7.2 Structure of an HTML Page |
| Standard |
| 16.2 Structure of an HTML Page |
| Standard |
| 7.4 Define |
| 7.5 Ideate |
| 7.7 Test |
| Standard |
| 1.2 Structure of an HTML Page |
| 4.4 Planning Your Site |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 12.2 Empathy |
| Standard |
| 13.2 Empathy |
| Standard |
| 12.3 Define |
| 12.5 Prototype |
| 12.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| 9.1 Intro to Design Thinking |
| 9.2 Empathy |
| 9.3 Define |
| 9.4 Ideate |
| 9.5 Prototype |
| 9.6 Test |
| 10.1 Final Web Design Project |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 15.3 Define |
| 15.5 Prototype |
| 15.6 Test |
| Standard |
| 3.2 Structure of an HTML Page |
| Standard |
| 3.2 Structure of an HTML Page |
| 13.1 Intro to Design Thinking |
| 13.2 Empathy |
| 13.3 Define |
| 13.4 Ideate |
| 13.5 Prototype |
| 13.6 Test |
| Standard |
| 4.3 Planning Your Site |
| Standard |
| 9.3 Define |
| 9.5 Prototype |
| 9.6 Test |
| Standard |
| 8.3 Define |
| 8.5 Prototype |
| 8.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| 10.2 Planning Your Site |
| 10.6 Final Web Design Project Build |
| Standard |
| 12.7 Intro to Design Thinking |
| 12.8 Empathy |
| 12.9 Define |
| 12.10 Ideate |
| 12.11 Prototype |
| 12.12 Test |
| Standard |
| 9.1 Intro to Design Thinking |
| 9.3 Empathy |
| 9.4 Define |
| 9.5 Ideate |
| 9.6 Prototype |
| 9.7 Test |
| 16.1 Final Web Design Project |
| Standard |
| 7.3 Define |
| 7.5 Prototype |
| 7.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| 6.1 Intro to Design Thinking |
| 6.2 Empathy |
| 6.3 Define |
| 6.4 Ideate |
| 6.5 Prototype |
| 6.6 Test |
| 7.1 Final Web Design Project |
| Standard |
| 2.2 Structure of an HTML Page |
| 6.1 Intro to Design Thinking |
| 6.2 Empathy |
| 6.3 Define |
| 6.4 Ideate |
| 6.5 Prototype |
| 6.6 Test |
| 7.1 Final Web Design Project |
| Standard |
| 1.2 Structure of an HTML Page |
| Standard |
| 2.1 Intro to Design Thinking |
| 2.2 Empathy |
| 2.3 Define |
| 2.4 Ideate |
| 2.5 Prototype |
| 2.6 Test |
| Standard |
| 2.1 Intro to Design Thinking |
| 2.2 Empathy |
| 2.3 Define |
| 2.4 Ideate |
| 2.5 Prototype |
| 2.6 Test |
| Standard |
| 2.2 Structure of an HTML Page |
| Standard |
| 2.2 Structure of an HTML Page |
| Standard |
| 12.2 Structure of an HTML Page |
| Standard |
| 10.3 Define |
| 10.5 Prototype |
| 10.6 Test |
