3rd and 4th Q Presentations

 

Assignments                        Create a web page:                               

PROJECTS

  STANDARD 3  Cascading Style Sheets (CSS): Students will format web pages using CSS. 
Project 3-1

Aldridge, Bjarnson, Dennett,
Ocean, Fisher, Johnson, Leavitt,
Lee, Moore, Peabody, Reynoso,
Schmidt, Shosted, Williams,
Wixom, Postma

Apply essential aspects of the CSS. 
a. Add a background attributes such as: color and image. 
b. Add font attributes such as: type, size, and color. 
c. Add border attributes such as: width, style, and color
  GummowBehunin, Dorosky,
FeronsMangum, Ruesch
Apply CSS to your website. 
a. Apply CSS to an element using an inline style. 
b. Apply CSS to a webpage using an internal style. 
c. Apply CSS to a website using an external stylesheet. 
 
Project 3-2
Aldridge, Dennett, Dorosky, Fisher,
Gummow, Postma, Ruesch, Schmidt,
Williams
Use selectors in a CSS. (Semester 1B) 
a. Implement a type selector to modify an HTML element. 
b. Implement an id selector to modify a single element on the page. 
c. Implement class selectors to modify several class elements. 
d. Implement contextual selectors to modify nested elements
  Behunin,  Bjarnson, Elder, Ferons,
Johnson, Leavitt, Lee, Mangum, Moore,
Peabody, Reynoso, Shosted, Wixom
Format page layout with advanced CSS. (Semester 1B) 
a. Use width, height, or auto to adjust the size. 
b. Use float to position elements. 
c. Use absolute and relative to position elements. 
d. Use text align, margin, and padding.
  STANDARD 4 Site Planning and Design: Students will plan, design, implement, and maintain website(s).
Project 4-1

Behunin, Bjarnson, Dennett, Elder,
Ferons, Fisher, Fisher, Gummow,
Johnson, Leavitt, Lee, Mangum,
Moore, Peabody, Reynoso, Ruesch,
Schmidt, Shosted, Williams, Wixom

 

Analyze Project requirements.
a. Identify the purpose and audience for a website. 
b. 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. 
c. Identify and follow steps in the website planning and development.
Planning site design and page layout. 
a. Demonstrate knowledge of best practices for designing a website; such as, maintaining 
consistency, separating content from design, using standard fonts, Google fonts, and 
Web-safe colors. 
b. Demonstrate effective web development and design principles, including the use of 
color, white space, font styles, viewing patterns, background images, balance, etc. 
c. Identify basic principles of website usability, readability, and accessibility. 
d. Plan a website by using sketches, website hierarchy, or a site map. 
*e. Communicate with others (such as peers and clients) about design and content plans. 
*f. Produce website designs that work on various devices and browser versions/configurations. 
*g. Plan, communicate, or present a client’s website before, during or after website development.
     
 
Project 4-2  Johnson, Schmidt, Peabody, Shosted,
Ferons, Bjarnson, Ruesch, Leavitt,
Moore, Williams, Wixom, Mangum,
Behunin, Gummow, Reynoso

Create content for website. 
a. Create and prepare 2D images. 
b. Prepare rich media; such as, video, sound, or animation. 
c. Identify when to use various image and digital media file formats. 
d. Optimize images for web content, such as resize, compress, thumbnails. 
e. Insert navigation bars, rollover images, or buttons created in graphics editor. 
f. Understand the use of favicons.
  STANDARD 5

Scripting and Interactivity
Advance Web Concepts: Students will explore advanced web concepts.

Project 5-1  Behunin, FeronsGummow
Lee, SchmidtWixom

Demonstrate the use scripting and other interactive tools. (Semester 1B)
a. Add interactivity to your website using JavaScript.
b. Understand the difference between client side and server side scripting languages.
c. (Optional) Explore new HTML5 elements, such as; canvas, drag and drop, audio, video, geolocation.

 

 

Bjarnson, Johnson, Mangum
Ruesch

Uploading and maintaining a site. (Semester 1B) 
a. Understand and be able to describe the capabilities of web servers
b. Upload pages to a web server. 
c. Conduct basic technical tests such as validating the website (wc3 compliant), accessibility, SEO, etc. 
d. Present web pages to others for quality assurances (QA) such as team members and 
clients for feedback and evaluation on technical merits and usability. 
e. Identify methods for collecting site feedback, such as using counters, feedback forums, 
Google Analytics, Google Webmaster Tools. 
f. Provide site maintenance using bug reports, backups, and promotion. 
g. Document all aspects of website maintenance.

  Dennett, Fisher, Leavitt, Moore
Peabody, Reynoso, Williams,
ShostedEdler

Understand other web technologies. (Semester 1B)
a. Understand when to use a database.
b. Describe new and emerging Web technologies such as Web 2.0, wikis, blogs, forums, etc.
c. Understand the purpose of content management systems (CMS) such as Joomla, Wordpress, etc.

  STANDARD 6

Exploration & Preparation for Careers in Web Development
Students will explore careers in Web Development and prepare a portfolio of projects created

Project 6-1

Ferons, Wixom, Johnson,
Magnum, Bjarnson, Ruesch,
Schmidt, Williams, Gummow,
Behunin, Leavitt, Moore, Reynoso
Shosted, Fisher, Peabody

Explore IT Web Development careers.
a. Identify job roles in the Information Technology (IT) industry as they apply to web development.
b. Understand the responsibilities, tasks, and skills each job requires. 
Create a Student portfolio. 
a. Prepare an electronic portfolio of projects developed in the class.