03-HW - Keep working on your midterm sites

Remember, I am available for office hours the hour before class. If you have a question, I'm here to help. People who email and schedule a time will have priority over walk ins.

记住，上课前一小时我有空。如果你有问题，我随时奉陪。发邮件并安排时间的人将优先于亲自进来。

Web development is constantly changing. It is a lot of reading docs, and following tutorials and examples as you learn new skills. Here are a few links to some standard tutorials of more complex CSS applications:

Web开发是不断变化的。在学习新技能的过程中，你需要阅读大量的文档，并遵循教程和示例。下面是一些更复杂的CSS应用程序的标准教程链接:

If you want to explore various ways to turn an unordered list of links ul li a into a navigation bar, check out these tutorials from W3 Schools

如果您想探索将无序链接列表“ul li a”转换为导航栏的各种方法，查看W3 Schools的这些教程

If you want a pure CSS slider, check out this tutorial.

如果你想要一个纯CSS滑块，查看本教程。

If you are looking for a collapsable accordion, check out this W3 Schools tutorial. (This example is more simple than the pure CSS version. It does however, utilize a small amount of JavaScript.)

如果你正在寻找一个可折叠的手风琴，查看W3学校教程。(这个例子比纯CSS版本更简单。但是，它确实使用了少量的JavaScript。)

If you want a tooltip, check out this W3 schools tutorial.

如果你想要一个工具提示，查看W3学校教程。

If you want a pure CSS popup window, check this weeks in class example!

如果你想要一个纯CSS弹出窗口，检查这周在课堂上的例子!

If you want to utilize Google's Material Design Icons:

如果你想使用谷歌的材质设计图标:

Icons Catalogue

Getting started with Material Design Icons

Midterm Grading Criteria

期中评分标准

• Layout for both Desktop and Mobile using Media Queries

使用媒体查询的桌面和移动布局

• Cohesive Theme (Should have been covered in your proposal)

有凝聚力的主题(应该在你的提案中包含)

• HTML and Semantic HTML

HTML和语义HTML

• CSS
• Image Optimization

图像优化

欢迎关注我公众号：AI悦创，有更多更好玩的等你发现！

公众号：AI悦创【二维码】