Web Development 1
Printable Version (pdf)

 

Course Introduction

 

Core Standards of the Course

Strand 1
Internet Standards & Fundamentals: Students will understand the basic principles of how the Internet is constructed, how it functions, and how it is used.

Standard 1
Identify the infrastructure required to access the Internet

1. Explain hardware and software used to connect to the Internet. (modem, browser, wifi, cabling, etc.)
   
2. Explain the role of an Internet Service Provider (ISP).
   

Standard 2
Understand Internet development & functions.

1. Understand how the internet was developed.
   
2. Understand the purpose web servers, routers, packets, IP Address, the "backbone", Intranet, bandwidth, and firewalls.
   
3. Acquire Internet vocabulary, including the basic Internet terms found in the vocabulary list on the USOE website under “Teacher Helps.”
   

Standard 3
Identify the purpose of domains.

1. Explain the purpose of an IP address.
   
2. Explain the purpose of a domain name and identify its parts. (protocol, sub-domain, domain, top level domain, file path, file name)
   

Standard 4
Identify the function of a Domain Name Server.

1. Explain the function of a Domain Name Server (DNS).
   
2. Understand how to register a domain name.
   

Standard 5
Define important Internet communications protocols and their roles in delivering basic Internet services.

1. Identify different Internet protocols. (http, https, ftp, and tcp/ip.)
   
2. Describe how each protocol is used.
   

Standard 6
Demonstrate knowledge of standard copyright rules.

1. Understand copyright for original creations.
   
2. Understand the creative commons license.
   
3. Understand when to obtain permission for non-original work.
   

Standard 7
Understand the use and purpose of acceptable use policy (AUP).

1. Understand the AUP for your school.
   
2. Demonstrate ethical behavior as described in the AUP.
   

Strand 2
Fundamentals of HTML5: Students will demonstrate creation of "well formed" web pages. Tags and reference list needed to be available for teachers. (Suggested time proportion 40%)

Standard 1
Demonstrate knowledge required to develop an HTML document.

1. Code the foundation for a webpage. (meta, title, style)
   
2. Include the element tags html, head, title, and body.
   
3. Explain the purpose of the doctype declaration.
   

Standard 2
Explain appropriate file structure and naming.

1. Use logical file structure to build websites.
   
2. Incorporate appropriate file naming for a website.
   

Standard 3
Understand and use the DOCTYPE Declaration (OTO) in the types of HTML

1. Develop pages using the DOCTYPE declaration.
   
2. Validate code according to the DOCTYPE used.
   

Standard 4
Know, develop, and use the rules to create "well formed" web pages with appropriate HTML structure and standards that can be validated. (W3C)

1. Use lowercase for elements
   
2. Properly nest elements.
   
3. Use quotes on attribute values.
   

Standard 5
Demonstrate the use of elements and attributes.

1. Create pages with tags and attributes at the block and inline level. (h1, h2, h3, h4, h5, h6, p, hr, br, meta, style, etc.)
   
2. Create web pages with text formatting, links, images, lists, tables, relative vs absolute connections, measurement, etc.
   
3. Code special characters such as:   © " &It; > & —.
   
4. Demonstrate the use of semantic elements such as: audio, video, track, mark, picture, figure, source, and canvas
   

Standard 6
Use meta tags for page documentation and search engine optimization (SEO)

1. Specify page description, keywords, and author using meta tags.
   
2. Declare encoding using meta tags.
   
3. Understand principles of search engine optimization.
   

Strand 3
Cascading Style Sheets (CSS): Students will format web pages using CSS. (Suggested time proportion 10%)

Standard 1
Apply essential syntax & parts of the CSS. (CSS box model).

1. Add a background attributes such as: color and image.
   
2. Add font attributes such as: type, size, and color.
   
3. Add border attributes such as: width, style, and color.
   
4. Add style rule, declaration, selector, property value.
   

Standard 2
Apply CSS to your website.

1. Apply CSS to an element using an inline style.
   
2. Apply CSS to a webpage using an internal style.
   
3. Apply CSS to a website using an external stylesheet.
   

Strand 4
Site Planning and Design: Students will plan, design, implement, and maintain website(s). (Suggested time proportion 10%)

Standard 1
Analyze Project requirements.

1. Identify the purpose and audience for a website.
   
2. Demonstrate knowledge of website accessibility standards that address the needs of people with visual and motor impairments, such as using alt tags, strong instead of bold, etc.
   
3. Identify and follow steps in the website planning and development process.
   

Standard 2
Planning site design and page layout.

1. Demonstrate knowledge of best practices for designing a website; such as, maintaining consistency, separating content from design, using standard fonts, Google fonts, and colors.
   
2. Demonstrate effective web development and design principles, including the use of color, white space, font styles, viewing patterns, background images, balance, etc.
   
3. Identify basic principles of website usability, readability, and accessibility.
   
4. Plan a website by using sketches, website hierarchy, or a site map.
   

Strand 5
The student will create and prepare images to integrate with website designs, using image editing software. (Suggested time proportion 15%)

Standard 1
Open, edit, and save an image for effective use on your website.

1. Crop and resize various images.
   
2. Add a border and/or drop shadow to an image or text.
   
3. Optimize an image (resize and change resolution for optimal load time).
   
4. Enhance an image to improve photo quality (red eye, autocolor, etc.).
   

Standard 2
Create buttons or navigation bar.

Standard 3
Design a logo or banner to incorporate into a webpage.

Standard 4
Optional: Use a digital camera to incorporate photos into a web page.

Strand 6
Exploration & Preparation for Careers in Web Development: Students will explore careers in Web Development and prepare a portfolio of projects created. (Suggested time proportion 5%)

Standard 1
Explore IT Web Development careers.

1. Identify job roles in the Information Technology (IT) industry as they apply to web development.
   
2. Understand the responsibilities, tasks, and skills each job requires.
   

Standard 2
Create a Student portfolio

1. Prepare an electronic portfolio of projects developed in the class.
   

Performance Skills
Create a four-page website with the following minimum elements:

1. Crop and resize various images.
   
2. Consistent look and feel throughout the website.
   
3. The same page heading, navigation bar, and footer on each page
   
4. Layout with HTML5 tags (header, footer, section, article, nav, aside.
   
5. Email link(s)
   
6. Table(s) with table data (not used for layout)
   
7. Background image(s) or Background color
   
8. Hyper-link(s)
   
9. Import graphics (jpeg/gif/png/svg)
   
10. Google Form
    
11. Page titles
    
12. Font changes (color, size, style)
    
13. Original CSS3 animation (optional)
    

---

http://www.uen.org - in partnership with Utah State Board of Education (USBE) and Utah System of Higher Education (USHE).  Send questions or comments to USBE Specialist - Ashley Higgs and see the CTE/Information Technology Education website. For general questions about Utah's Core Standards contact the Director - THALEA LONGHURST.

These materials have been produced by and for the teachers of the State of Utah. Copies of these materials may be freely reproduced for teacher and classroom use. When distributing these materials, credit should be given to Utah State Board of Education. These materials may not be published, in whole or part, or in any other format, without the written permission of the Utah State Board of Education, 250 East 500 South, PO Box 144200, Salt Lake City, Utah 84114-4200.