以下是一套网页设计作业的要求和说明。这个作业旨在帮助学生掌握基本的网页设计技能，
包括布局、色彩搭配、图像处理和交互设计等。
作业名称：个人网页设计
作业目标：
理解和掌握基本的 HTML 和 CSS 语法。
学会使用网页设计软件（如 Adobe XD, Figma, Sketch 等）进行页面设计。
培养良好的色彩搭配和排版审美。
掌握基本的响应式设计原理，使网页能在不同设备上正常显示。
作业要求：
主题与内容：
设计一个关于自己的个人网页，内容可以包括自我介绍、作品集、技能展示、兴趣爱好、联
系方式等。
页面布局：
使用 HTML 和 CSS 进行页面布局，至少包括头部（Header）、导航栏（Navigation）、主体
内容（Main Content）、侧边栏（Sidebar，可选）和页脚（Footer）。
主体内容区域应包含至少两个子页面，例如“关于我”和“作品集”。
色彩与字体：
选择一套和谐的颜色方案，并使用 CSS 定义颜色。
选择合适的字体，考虑可读性和视觉效果。
图像与多媒体：
使用图像和可能的多媒体元素（如视频、音频）来增强页面视觉效果。
图像应优化大小，以提高页面加载速度。
交互设计：
导航栏应清晰易用，链接到不同的页面部分。
可以包含简单的表单，如联系表单。
响应式设计：
设计应能适应不同屏幕尺寸，至少包括桌面、平板和移动设备。
可以使用媒体查询（Media Queries）来实现不同设备上的布局调整。
代码规范：
HTML 和 CSS 代码应清晰、结构良好，并遵循行业最佳实践。
使用适当的注释来解释代码的功能。
提交要求：
提交网页设计的源代码（HTML, CSS, 可能还包括 JavaScript）。
提交网页设计的视觉稿（可以使用网页设计软件导出）。
提交一个简短的报告，说明设计过程中遇到的问题和解决方案，以及个人对设计的反思。
评价标准：
布局的合理性、美观性和创新性。
色彩和字体的选择与搭配。
图像和多媒体的使用效果。
交互设计的易用性和吸引力。
响应式设计的实现效果。
代码的规范性、可读性和注释的完整性。
