Please enable JavaScript to use CodeHS

Florida Digital Discoveries in Society

View Syllabus Overview
Project: Creating a Website
Description

In this lesson, students will explore how aesthetic design, multimedia, and the CARP principles (Contrast, Alignment, Repetition, and Proximity) influence the look, feel, and usability of websites. Students will analyze both effective and ineffective website designs. By the end of the lesson, students will be equipped with foundational principles to enhance their own web design projects.

Objective

Students will be able to:

  • Analyze the aesthetic design of websites and explain how it influences user trust, engagement, and perception of the company
  • Identify effective and ineffective use of multimedia and explain its impact on the user experience
  • Define and apply the CARP design principles to evaluate and improve website layouts
  • Reflect on how aesthetic and multimedia design choices can make websites more accessible and engaging.
Description

In this lesson, students will explore fundamental design principles such as contrast, alignment, repetition, and proximity by analyzing examples and applying CSS properties to improve web page aesthetics and accessibility.

Objective

Students will be able to:

  • Identify and explain the importance of contrast, repetition, alignment, and proximity in web design
  • Use CSS properties such as color, font-size, and font-weight to visually appealing designs
  • Apply CSS properties like margin, padding, width, and float to adjust spacing and layout
  • Evaluate and improve the design of a web page based on principles of contrast and alignment
Description

In this lesson, students will learn what copyright laws are and how to avoid copyright infringement. They will explore why copyright laws are important and how they protect the creators. They will practice finding and citing online images.

Objective

Students will be able to:

  • Explain what copyright laws are and why they are important
  • Find images they are legally allowed to use in their projects
  • Accurately attribute images they find and want to use
Description

In this lesson, students will kick off their project by understanding the project goals, brainstorming, and outlining key content for their web pages. They will also learn about and design a clear, functional sitemap and practice peer review by exchanging feedback on their designs. Students will learn about wireframing as a critical step in web design. They will practice creating wireframes for existing websites or apps and then design their own wireframe for their project.

Objective

Students will be able to:

  • Brainstorm and outline information about their chosen community for their webpage
  • Create a sitemap using a digital tool or hand-drawn method to organize the structure of their webpage
  • Explain the purpose of wireframing in the web design process
  • Design a wireframe for their website, considering both functionality and creative design
Description

In this lesson, students will draft and review their websites, ensuring they meet project requirements while refining their HTML and CSS code. They will complete self-reviews, check for coding errors, and participate in peer testing to get feedback on their websites. The lesson emphasizes revision and improvement, encouraging students to finalize their websites for submission.

Objective

Students will be able to:

  • Draft their website using HTML and CSS, applying the principles they’ve learned throughout the module
  • Evaluate their website using a self-review checklist and make revisions based on feedback
  • Participate in peer testing by reviewing a partner’s website and offering constructive feedback
  • Revise their website based on peer feedback and code validation to improve functionality and design