内容正文:
第17课 制作网页展活动学习活动手册
班级
姓名
学号
课程名称
制作网页展活动
学习目标
1、了解制作网站的基本流程。
2、写 HTML代码制作简单网页。
3、体验用人工智能技术制作网页,认识科技创新的意义。
新课学习
学习活动一:课前预习
(1)回忆之前所学内容,判断以下说法是否正确。
£网页主要由 HTML 语言编写而成。
£网站一般由多个网页组成,这些网页通常围绕同一主题,拥有同类设计风格。
£网站中的网页一般通过网址来访问。
£访问网站时,默认显示的第一个网页叫作主页。
(2) 网站制作流程的第一步是?
£美化网页 £确定主题 £发布网站 £搜集素材
(3) 以下方法可以生成网页的是?
£用文本编辑工具编写HTML代码
£利用在线人工智能模型自动生成网页
£用图片美化工具编写HTML代码
学习活动一自我评价
我能自主探究知识点的内容,做到有效预习。
£ 优秀 £ 良好 £ 合格 £ 待进
我基本了解了网站和网页的特点,制作网页的流程和方法。
£ 优秀 £ 良好 £ 合格 £ 待进
学习活动二:体验“校园科技节”网站
登录老师下发的网址,体验“校园科技节”网站,说一说网站有什么特点。
学习活动二自我评价
我能自主观察网站和网页,总结它们的特点。
£ 优秀 £ 良好 £ 合格 £ 待进
学习活动三:消消乐——网页制作流程
将对应的网页制作流程模块与特点连线。
学习活动三自我评价
我能理解制作网页的基本流程步骤并匹配正确。
£ 优秀 £ 良好 £ 合格 £ 待进
学习活动四:你想做什么主题的网站?
参考老师给出的网站素材,选择你想做的网站主题、网站结构、页面结构等,在下面填写你的想法。
主题:
页面1:
页面2:
页面3:
学习活动四自我评价
我能积极参与小组交流与讨论。
£ 优秀 £ 良好 £ 合格 £ 待进
我清楚小组选择的主题和分配给我的网页任务。
£ 优秀 £ 良好 £ 合格 £ 待进
学习活动五:微课自主探究制作主题网页
自主学习微课,打开小组选择的主题文件夹,根据代码修改提示修改对应的网页。注意:图片在images文件夹中,要填写图片的相对路径images/zaocha.jpg。
学习活动五作品评价标准
网页制作过程
能正确使用网页标题标签
£ 优秀 £ 良好 £ 合格 £ 待进
能正确使用网页文本标签
£ 优秀 £ 良好 £ 合格 £ 待进
能正确使用网页图片标签
£ 优秀 £ 良好 £ 合格 £ 待进
小组合作意识
小组内成员分工清晰,每个成员都清
楚自己的职责,且能积极履行职责。
小组在制作过程中沟通积极,遇到问
题能共同协商解决,协作氛围良好。
£ 优秀 £ 良好 £ 合格 £ 待进
微课自主探究的能力
能认真观看微课视频,能将微课中学
到的知识运用到网页制作中。
£ 优秀 £ 良好 £ 合格 £ 待进
能力提升:AI赋能——制作网页
自主探究学习“用deepseek制作网页”微课,选择你喜欢的主题做一个或一系列网页。注意描述准确具体。网页文件和图片保存在同一文件夹,图片可以在网络上搜索,在<img>标签中替换图片。
能力提升自我评价
我的AI描述准确具体。
£ 优秀 £ 良好 £ 合格 £ 待进
我会新建文件夹,存放网页文件和图片。
£ 优秀 £ 良好 £ 合格 £ 待进
我会在网页代码中替换图片。
£ 优秀 £ 良好 £ 合格 £ 待进
学习笔记:
学科网(北京)股份有限公司
$$