Objective

By the end of this lesson, you will be able to create a website using Cascading Style Sheets (CSS), compress and separate data from presentation, utilize Unicode for creating greetings, and evaluate different compression rates for data.

Materials and Prep

• Computer with internet access
• Text editor for coding
• Basic understanding of HTML and CSS

Activities

• Create a simple website using CSS to style the visual elements.

• Discuss the importance of separating data from presentation in web development.

• Use Unicode to create a personalized greeting on the website.

• Experiment with compressing different data types at various compression rates.

• Evaluate the quality differences between compressed and uncompressed data.

• Share your website and findings on the school’s cloud-based storage.

Talking Points

• What is CSS and why is it important?
  "CSS helps us make our website look visually appealing by styling elements like colors, fonts, and layouts."
• Why do we need to separate data from presentation?
  "Separating data from presentation makes our code cleaner and easier to maintain. It also improves accessibility and allows for easier updates."
• What is Unicode and how can we use it?
  "Unicode is a standard for encoding characters. We can use Unicode to display special characters, like emojis, in our web content."
• Why do we compress data and what are the effects?
  "Compressing data reduces file sizes, making websites load faster. However, higher compression rates may reduce quality, so we need to find a balance."
• How can we evaluate the quality of compressed data?
  "We can compare the compressed and uncompressed versions visually and by testing loading times. It's important to choose a compression rate that maintains good quality."
• Why is sharing on the school’s cloud storage beneficial?
  "Sharing on the cloud allows us to access our work from anywhere, collaborate with others, and ensure our files are safely stored and backed up."