| WD1.1.1 |
Demonstrate knowledge of standard copyright rules. |
Lessons
|
| WD1.1.1a |
Understand copyright for original creations. |
Lessons
|
| WD1.1.1b |
Understand the creative commons license. |
Lessons
|
| WD1.1.1c |
Understand when to obtain permission for non-original work. |
Lessons
|
| WD1.1.2 |
Identify the use and purpose of acceptable use policy (AUP). |
Lessons
|
| WD1.1.2a |
Understand the AUP for your school. |
Lessons
|
| WD1.1.3 |
Understand ethical behavior as it relates to an AUP, Intellectual Property, Netiquette, Respecting Privacy, Anti-Spamming Laws, etc. |
Lessons
|
| WD1.2.1 |
Demonstrate knowledge required to develop an HTML document. |
Lessons
|
| WD1.2.1a |
Code the foundation for a webpage. Include the element tags DOCTYPE, html, head, title, and body. |
Lessons
|
| WD1.2.1b |
Structure the page using semantic and structural elements such as: header, nav, main, section, article, aside, footer, div, etc. |
Lessons
|
| WD1.2.1c |
Use meta tags for page documentation. |
Lessons
|
| WD1.2.1d |
Use appropriate comments. |
Lessons
|
| WD1.2.2 |
Explain appropriate file structure and naming conventions. |
Lessons
|
| WD1.2.2a |
Use logical file structure to build websites. |
Lessons
|
| WD1.2.2b |
Incorporate appropriate naming conventions for website files. |
Lessons
|
| WD1.2.3 |
Use the DOCTYPE Declaration |
Lessons
|
| WD1.2.3a |
Develop pages using the DOCTYPE declaration. |
Lessons
|
| WD1.2.4 |
Code a website with appropriate HTML structure and according to W3C standards that can be validated. |
Lessons
|
| WD1.2.4a |
Demonstrate best practice by consistently using lowercase text for all element names |
Lessons
|
| WD1.2.4b |
Properly nest elements. |
Lessons
|
| WD1.2.4c |
Use quotes on attribute values. |
Lessons
|
| WD1.2.5 |
Demonstrate the use of input elements and attributes. |
Lessons
|
| WD1.2.5a |
Create pages with tags and attributes at the block level. (html, head, body, style, header, nav, main, section, footer, div) |
Lessons
|
| WD1.2.5b |
Create pages with tags and attributes at the inline level. (DOCTYPE, title, h1, h2, h6, p, br, meta, etc.) |
Lessons
|
| WD1.2.5c |
Code a website with text formatting, links, images, lists, tables (tabular data), etc. |
Lessons
|
| WD1.2.5d |
Relative Links are relative to the directory of the website. (images/photo.jpg) |
Lessons
|
| WD1.2.5e |
Absolute links are the exact location on the internet and contain a protocol. (http, https, ftp) |
Lessons
|
| WD1.2.5f |
Code special characters such as: © " < > & — |
Lessons
|
| WD1.2.5g |
Demonstrate the use of HTML forms, buttons, text fields, checkboxes, and radio buttons. (Form does not need to submit to an actual database or email.) |
Lessons
|
| WD1.3.1 |
Apply CSS to your website. |
Lessons
|
| WD1.3.1a |
Apply CSS to an element using an inline style. (An inline style may be used to apply a unique style for a single element.) |
Lessons
|
| WD1.3.1b |
Apply CSS to a webpage using an internal style. (Internal style rules may be used to uniquely style a single page.) |
Lessons
|
| WD1.3.1c |
Apply CSS to a website using an external stylesheet. (Best Coding Practice - One file changes the entire website.) |
Lessons
|
| WD1.3.2 |
Apply essential syntax & CSS box model. |
Lessons
|
| WD1.3.2a |
Add style rule, declaration, selector, property value pair. |
Lessons
|
| WD1.3.3 |
Students will format websites using CSS |
Lessons
|
| WD1.3.3a |
Modify background properties such as: color and image. |
Lessons
|
| WD1.3.3b |
Modify font properties such as: font-family, size, and color. |
Lessons
|
| WD1.3.3c |
Link to and use an online font. (i.e.: Google Fonts, Adobe Fonts, etc.) |
Lessons
|
| WD1.3.3d |
Modify margin and padding size around elements. |
Lessons
|
| WD1.3.3e |
Code id & class tags within HTML |
Lessons
|
| WD1.3.3f |
Within CSS use id & class tags to modify a HTML elements. |
Lessons
|
| WD1.3.3g |
Implement an id selector to modify a single element on the page. (Unique id tags are only used one time per page, "classes" can be used one or more times per page) |
Lessons
|
| WD1.3.3h |
Implement selectors pseudo class elements (i.e.: a:link, a:visited, a:active a:hover) |
Lessons
|
| WD1.3.3i |
Use appropriate comments throughout your CSS |
Lessons
|
| WD1.3.4 |
Format page layout using CSS. |
Lessons
|
| WD1.3.4a |
Use width, height, or auto to adjust the size. |
Lessons
|
| WD1.3.4b |
Use CSS Grid to layout the websites. |
Lessons
|
| WD1.4.1 |
Analyze Project requirements. |
Lessons
|
| WD1.4.1a |
Identify the purpose and audience for a website. |
Lessons
|
| WD1.4.1b |
Identify basic principles of website usability, readability, and accessibility. (Usability: Cross browser compatibility. Readability: contrast, size, font, and color. Accessibility standards that address the needs of people with visual and motor impairments, such as using alt tags, strong instead of bold, etc.) |
Lessons
|
| WD1.4.1c |
Identify and follow steps in the website planning and development process. |
Lessons
|
| WD1.4.2 |
Users are the focus of all design. |
Lessons
|
| WD1.4.2a |
Plan a website by using sketches, wireframes, or site maps. |
Lessons
|
| WD1.4.2b |
Design elements are easy to access, understand, and use. |
Lessons
|
| WD1.4.2c |
Keep the interface simple, create consistency, use common Ul elements, placement in page layout, strategically use color and texture, use typography to help increase scannability, legibility and readability, and inform your users of location, actions, or errors. |
Lessons
|
| WD1.4.3 |
Code and design a minimum three-page website. (This is integrated into every Strand.) |
Lessons
|
| WD1.5.1 |
Open, edit, and save an image for effective use on your website. |
Lessons
|
| WD1.5.1a |
Crop and resize various images. |
Lessons
|
| WD1.5.1b |
Optimize an image. (Resize and change resolution for optimal load time.) |
Lessons
|
| WD1.5.1c |
Enhance an image. |
Lessons
|
| WD1.5.2a |
Incorporate a logo and header into webpage. |
Lessons
|
| WD1.5.2b |
Incorporate images into a website. |
Lessons
|
| WD1.6.1 |
Explore IT web development careers. |
Lessons
|
| WD1.6.1a |
Identify job roles in the Information Technology (IT) industry as they apply to web development. |
Lessons
|
| WD1.6.1b |
Understand the responsibilities, tasks, and skills each job requires. |
Lessons
|
| WD1.6.1c |
UI designer, UX designer, front-end web developer, backend web developer, and full stack developer. |
Lessons
|
