(课件网) 义务教育2024 七年级全一册 第四单元：校园活动线上展 第17课　制作网页展活动 义务教育2024 七年级全一册 第17课　制作网页展活动 学习 目标 了解制作网站的基本流程。 能通过写HTML代码制作简单网页。 3 体验用人工智能技术制作网页，认识科技创新的意义。 问题情境 导入 新课 师：先请大家看一个线上科技作品展网页。大家看，里面有作品照片、作品介绍、作者信息，点开就能看大图。 第17课　制作网页展活动 义务教育2024 七年级全一册 问题情境 导入 新课 师：线下展览有时间、场地限制，而网页展览不受场地限制，还可以搭配文字、图片。那这样一个用来办展览的网页，我们该怎么一步步做出来？今天我们学习《制作网页展活动》。 第17课　制作网页展活动 义务教育2024 七年级全一册 义务教育2024 七年级全一册 学习内容 一、制作网站的基本流程 二、如何制作一个简单的网页 第17课　制作网页展活动 义务教育2024 七年级全一册 一、制作网站的基本流程 制作网站一般包含6个步骤,具体可参考表 17.1。不过,制作过程并不是严格的线性过程。在 进行后续步骤时,有可能需要回到前面的步骤。例 如可能确定结构后,发现搜集的素材不足,需要继续搜集素材。 义务教育2024 七年级全一册 一、制作网站的基本流程 表17.1 制作网站流程单 步骤 名称 说明 1 确定主题 简要说明主题是什么,如学校的科技节 2 搜集素材 围绕主题开始搜集网站所需要的资源,经过挑选、去伪,作为自己制作网页的素材 3 确定机构 确定主页、导航菜单、内容组织、布局和主题风格等 4 制作网页 用网页制作工具完成网站中各网页的制作 5 美化网页 用适当的方法调整网页的显示效果 6 网站发布 按需将网站部署到服务器上 义务教育2024 七年级全一册 一、制作网站的基本流程 简单体验HTML代码 动手实践 小组就网站主题，网站结构，页面结构等展开交流与讨论，并记录分配给自己的任务。 条目 说明 网站主题 网站结构 页面结构 负责任务 制作网站任务记录单 义务教育2024 七年级全一册 二 、如何制作一个简单的网页 HTML代码本质上就是一段文本,(记事本)等软件就可以用来处理HTML代码制作网页。 义务教育2024 七年级全一册 二 、如何制作一个简单的网页 制作个人承担的介绍科技项目的网页 动手实践 1.根据分工搜索相关素材。 义务教育2024 七年级全一册 二 、如何制作一个简单的网页 制作个人承担的介绍科技项目的网页 动手实践 2.选择一个方法制作介绍科技项目的网页。 方法一:用文本编辑工具编写HTML代码,制作网页(图17.1） 义务教育2024 七年级全一册 二 、如何制作一个简单的网页 网页代码及效果示意图 义务教育2024 七年级全一册 二 、如何制作一个简单的网页 方法二: 选择一个在线人工智能模型,让它根据需求自动生成网页代码。 提示: 可要求模型只利用指定的标签生成网页代码;对于生成的网页代码应根据需要进行适当调整,不可盲目采用。 义务教育2024 七年级全一册 同学们，这节课我们以科技节机器狗项目为例，学习制作网页展活动。我们了解到网页是不受场地限制、方便分享的线上展厅，掌握了网页展的制作流程：确定主题、规划结构、准备素材、编写代码、预览调试。我们认识了`

`、`

`、等 HTML 标签，学会排版图文。大家要记住，制作网页要先规划再制作，排版简洁有序，突出展示内容。课后大家可以继续完善自己的线上展厅 课堂总结 下 课 Thanks! https://www.21cnjy.com/recruitment/home/fine ... ...