网页设计与制作 课件 o31 课外小组项目指导.pptxVIP

;入门测

作业分析

知识回顾

提问1：完整环保网站必须包含哪五大页面基础区块？

提问2：提问2：实现手机、平板、电脑三端自适应，核心标签与CSS语法是什么？

提问3：AI生成网页后如何迭代优化轮播、按钮局部交互细节？;各小组对照项目进度检查表，核对已完成模块、缺失功能；小组全员梳理当前页面报错、技术卡点，教师逐一检查给出修改意见。;学习内容;筑基阶段

HTML语义页面、图文详情、超链接新闻列表；

精修布局阶段

盒模型卡片、浮动多栏、flex弹性布局、二级下拉导航、侧边栏；

交互阶段

表格、注册/调研表单、CSS过渡变形、自动轮播、音视频多媒体；

响应式与AI

媒体查询多端适配、AI生成页面初稿、局部细节迭代优化。;项目文件夹分层

html、css、images、media独立子目录，全部资源英文命名；

页面数量不少于4个

首页+详情+列表+表单/介绍页；

必须包含至少1处交互效果

轮播/hover动效/下拉菜单/表单校验任选；

完整适配大屏、平板、手机三端；

小组自主设计页面主题内容，可自由搭配图文素材，允许AI辅助生成基础代码，但核心布局、交互代码小组自主修改完善。;小组自查

各小组领取项目进度检查表，结合自主选题规划，逐项勾选已完成模块，标记缺失功能与技术难点。

小组内部5分钟自查：梳理页面报错、内容设计缺陷、组