小组协作web基础作业：实践导航栏与布局技术

本次期末大作业是针对Web基础课程设计的一项综合实践任务，要求学生们以小组形式（1-3人）合作完成。作业目标是通过实际操作，检验学生对HTML、CSS和JavaScript等基础技术的理解和掌握程度，同时锻炼动手能力和团队协作能力。 主要内容技术要求： 1. 必须创建一个主页（index.html）和至少两个子页面，子页面间需体现差异性，比如不同的布局设计，而不仅仅是文字和图片的替换。 2. 主页需包含两级导航栏，其中一个子页面需具备侧边栏的设计。 3. 在实践中应用关键技术，如HTML的表单、表格、图片和列表（ul或ol），CSS的浮动布局、clear属性、position属性（如绝对定位和固定定位）、文字悬浮于图片上以及伪类和伪元素的使用。 4. JavaScript应体现在实际功能中，例如实现图片轮播效果。 报告要求： 1. 除了技术实现，报告中必须包含小组成员名单、网站主题或目的、内容结构和模块、所用技术及效果截图、开发过程中的关键步骤和亮点，以及遇到的困难和解决方案。 2. 风格和设计要统一且美观，内容与主题相关，代码结构清晰，命名规范。 3. 提交作品时需注明使用的浏览器版本（谷歌浏览器或Edge浏览器），并附带完整的代码和报告文件在一个压缩包中。 额外要求： - 鼓励创新，可以对给定网站进行适度模仿，但不必完全一致，可以自由发挥和扩展使用课程范围内的技术。 - 严禁抄袭，任何形式的剽窃都属于违规，需确保所有引用或参考的代码和内容都有明确标注。 这个期末大作业不仅考察学生的编程技能，还强调了设计思维、项目管理和文档撰写能力。通过实际项目的构建，学生们能够将理论知识转化为实践成果，提升自身的Web前端开发水平。在提交作品时，不仅要展示技术实力，还要注重用户体验和代码质量，确保作业的完整性和专业性。