Course Description

  • In today's world, web pages are the most common medium for sharing ideas and information. Learning to design websites is an incredibly useful skill for any career path.
    Students will learn the languages HTML and CSS, and will create their own live homepages to serve as portfolios of their creations. By the end of this course, students will be able to explain how web pages are developed and viewed on the Internet, analyze and fix errors in existing websites, and create their very own multi page websites. Students will learn the foundations of user interface design, rapid prototyping and user testing, and will work together to create professional, mobile responsive websites.

Proficiency Targets

  • HTML Structuring Websites

    As evidenced based on classroom assessments, the student is able to:

    • Modify existing web pages using formatting tags to make text more readable
    • Use links to create a web page linking to your 5 favorite websites
    • Use links and images to create a personal library web page showing your favorite books
    • Use lists and images to create a flashy list article
    • Use tables to create a personal calendar web page
    • Use styling attributes to add style to your web pages

    CSS Styling Websites

    As evidenced based on classroom assessments, the student is able to:

    • Use CSS selectors to style web pages
    • Create a music library web page and use CSS to style each song in your table
    • Use CSS styling to make several images fit together properly
    • Explain the benefits CSS provides over styling with only HTML
    • Identify CSS selectors and rules used on example web pages

    Advanced HTML & CSS

    As evidenced based on classroom assessments, the student is able to:

    • Use iframes to embed a video into your web page
    • Use divs and spans to style groups of HTML elements
    • Add CSS styling to elements that the user hovers over & clicks on
    • Use CSS to add a black and white filter and blur filter to a group of images
    • Use CSS animations to make your site slowly fade in over time

    Empowered Learner

    As evidenced based on classroom assessments, the student is able to:

    • Students articulate and set personal learning goals, develop strategies leveraging technology to achieve them and reflect on the learning process itself to improve learning outcomes.
    • Students build networks and customize their learning environments in ways that support the learning process.
    • Students use technology to seek feedback that informs and improves their practice and to demonstrate their learning in a variety of ways.
    • Students understand the fundamental concepts of technology operations, demonstrate the ability to choose, use and troubleshoot current technologies and are able to transfer their knowledge to explore emerging technologies.

    Global Collaborator

    As evidenced based on classroom assessments, the student is able to:

    • Students use digital tools to broaden their perspectives and enrich their learning by collaborating with others and working effectively in teams locally and globally.
    • Students use collaborative technologies to work with others, including peers, experts or community members, to examine issues and problems from multiple viewpoints.
    • Students contribute constructively to project teams, assuming various roles and responsibilities to work effectively toward a common goal.
    • Students explore local and global issues and use collaborative technologies to work with others to investigate solutions.