Standard 1
Use advanced HTML5 elements to create website.

1. Add SVG images (i.e.: image map, icons, logos, etc.)
   
   • You can use original images or use a library of SVG images.
2. Code HTML forms on websites (i.e.: radio, checkbox, text field, text area, field set, dropdown lists, legend, etc.)
   
3. Submit Button (Students need to code the button, but it will not submit without access to a server)
   
   • GET - good for non-secure data & has a limited number of characters
   • POST - secure and no size limitations
   • Understand the action that will run on the server on the form submit button. (PHP file)
4. Code iframes or add the canvas element on a website
   
5. Incorporate JavaScript on a webpage
   
   • In-line
   • Internal
   • External JS

Performance Skills
Students will be able to code advanced HTML5 elements to create a website.

Standard 1
Understand the use of various CSS selectors.

1. Understand the cascade order for browser default, inline, internal, and external style sheet
   
2. Code element selections to modify HTML elements (tag, ID, & classes)
   
3. Code contextual selectors to modify nested elements (i.e.: footer nav {}, header ul {}, etc.)
   
4. Code pseudo class selectors (i.e.: a: link, a:visited, a:active a:hover)
   
5. Code pseudo element selectors Here are some examples:
   
   • ::after{clear:both}
   • p::first-line{color: #00FF00;}
   • etc.

Standard 2
Format page layout with advanced CSS.

1. Format page layout with advanced CSS.
   
2. Use grids, flexbox, or a combination for page layouts
   
3. Use width, height, or auto to adjust the size of the elements
   
4. Code navigation bars
   
5. Use text align, margin, and padding
   
6. Use float to position elements
   

Standard 3
Build responsive websites.

1. Build responsive websites.
   
2. Media queries
   
3. SVG & picture elements
   
4. Responsive text size - using rem, vh, and vw in css
   
5. Responsive navigation bar
   
6. Introduce the concept of frameworks like: BootStrap, JQuery, Vue.js, Nodejs, etc.
   

Standard 1
Create a website plan and pitch for a client.

1. Identify basic principles of website usability, readability, and accessibility.
   
2. Plan a website by using sketches, website hierarchy, wireframe, or a site map.
   
3. Communicate with others (such as peers and clients) about design and content plans.
   
4. Produce website designs that work on various devices and browser versions/configurations.
   
5. Plan, communicate, or present a client's website before, during or after website development.
   

Standard 2
Create content for website.

1. Create and prepare 2D images. .gif, .png, .jpg, .svg
   
2. Prepare rich media, such as, video, sound, or animation.
   
3. Identify when to use various image and digital media file formats.
   
4. Optimize images for web content, such as resize, resolution, compress, thumbnails.
   
5. Understand the use of favicons.
   
6. Identify how to avoid violating copyright rules.
   
7. Demonstrate the use of semantic elements such as: audio, video, and figure.
   

Standard 3
Uploading and maintaining a site. Understand and be able to describe the capabilities of web servers.

1. FTP pages to a web server (*Optional if security allows.)
   
2. Differentiate between types of IP addresses.
   
3. Describe a static IP address.
   
4. Describe a Dynamic IP address.
   
5. Differentiate between ipv4 and ipv6.
   
6. Conduct basic technical tests such as validating the website (W3C compliant), accessibility, SEO, etc.
   
7. Present webpages to others for quality assurances (QA) such as team members and clients for feedback and evaluation on technical merits and usability
   
8. Identify methods for collecting site feedback, such as using counters, feedback forums, Google Analytics, Google Webmaster Tools
   
9. Provide site maintenance using bug reports, backups, and promotion.
   
10. Document all aspects of website maintenance.
    
11. Identify internet protocols: http, https, ftp.
    

Standard 4
Work as a team to create a website.

1. Use good oral and written communication skills as a team member.
   

Standard 1
Intro to JavaScript

1. Introduce JavaScript and how it is used in web development.
   
2. Include some simple JavaScript in your website.
   

Standard 2
Functions in JavaScript

1. Introduce functions
   
2. Create custom functions - for example: function myFunction() {alert("Hello World!");}
   

Standard 3
Variables in JavaScript

1. Introduce variables and uses - for example: var: name = prompt("Enter you name: "); alert("Your name is" + name);
   

Standard 4
Input in JavaScript. Learn how to gather input from the user Store user input into a variable.

Standard 1
Build an interactive response website

Standard 2
Participate in a CTSO, Utah Digital Media Arts Festival, or competition.

1. Create and validate website HTML
   
2. Create and validate website CSS
   

1. Communication
   
2. Teamwork
   
3. Critical and Creative Thinking
   
4. Problem Solving
   
5. Dependability
   
6. Legal requirements / expectations