第17课制作网页展活动课件+2025-2026学年人教版初中信息科技七年级全一册.pptxVIP

第17课制作网页展活动七年级信息科技

学习目标了解流程编写代码体验AI了解制作网站的基本流程能通过写HTML代码制作体验用人工智能技术制作网简单网页页,认识科技创新的意义000制作网页,展示科技节!

项目任务第一第二第三分小组制作设计子页协作主页分小组制作展示学每位同学设计制小组协作完成主页的制作校科技节的网站作介绍一个科技项目的子页团队协作,共建科技节网站!

学习活动1:知识回顾活动1网页主要由HTML语言编写而成网站一般由多个网页组成,这些网页通常围绕同一主题,拥有同类设计风格网站中的网页一般通过网址来访问访问网站时,默认显示的第一个网页叫作主页回顾知识,为学习做准备!

17.1制作网站的基本流程确定主题搜集素材确定结构确定主页、导航、简要说明主题是什么围绕主题搜集资源,挑选、去伪布局和主题风格制作网页美化网页发布网站用工具软件制作网页用适当方法调整网页显示效果选择恰当方式展示网站六步流程,循序渐进!

学习活动2:小组讨论讨论要点一网站主题讨论要点二网站结构讨论要点三页面结构讨论要点四任务分配讨论科技节网确定网站设计各个记录分配给站的主题定位的整体结构页面的结构自己的任务集思广益,明确分工!

17.2制作一个简单的网页文本编辑工具人工智能模型用文本编辑工具编写HTML代码选择在线人工智能模型操作简单,适合学习基础自动生成网页,体验AI应用HTML代码本质上就是一段文本两种方法,灵活选择!

?法?:编写HTML代HTML标题标题代码→效内容内容参

方法二:AI自动生成步骤一选择AI工具选择?个在线??智能模型输?需求步骤?输?制作??的需求步骤三?动?成AI根据需求自动生成网页步骤4调整优化根据需求调整优化??AI辅助,高效便捷!

AI应用一:解答疑问如何使??中的图像保持大小一致?第解?第解?、第西.3提交问题获取?案选择尝试向AI模型提出网页制作疑问AI提供多种解决方案选择其中?种?法尝试AI解答,学习新技术!

AI应用二:解读代码AI分析码第?第?第三第四AI解读提交代码学习标签开阔眼界把感兴趣的AI解读代码的学习更多标开阔眼界,??代码提功能和作?签和??代体验AI辅交给AI模型助学码知识习新模式AI解读,深入学习!

学习活动3:制作网页查看素材查看老师提供的素材,如有必要,继续补充完善选择?法选择?个?法制作介绍科技项?的??方法一:编写HTML代码方法二:使用AI模型完善内容根据需求调整和优化??动手实践,制作自己的网页!

制作要点提?素材是基础素材是制作的基础,需提前收集整理教师提供素材,学生也可通过网络获取流程?线性制作流程不是严格的线性后续步骤可能需要回到前?的步骤AI复杂度AI生成的网页可能较复杂可要求AI只使用学生知道的标签注意细节,顺利制作!

方法对比:代码vsAI编写代码?法AI辅助方法理解代码和??的关联体验AI技术新应?掌握基础HTML知识快速?成??培养编程思维感受科技创新需要理解和调整代码需要?定时间学习各有所长,结合使用!

HTML基础标签回标签作示例HTML?档根元..

??制作技巧降低难度收集素材教师可提供半成品,或引导学收集素材很难?蹴?就学??字处理软件另存为??每课都应留出时间收集参考实例任务分配保证每个成员?少完整制作、提供?站实例供学?参考美化?个??掌握技巧,轻松制作

AI创新意义价值?价值?价值三价值决开阔眼界技术创新解决问题学习新模式体验未来在??解读代码帮助学感受??智能AI提供多种解智能辅助下的学习习更多标签和??带来的科技创新决方案,新模式代码知识解决实际问题AI技术,引领创新

课堂?结确定主题→搜集素材方法一:编写HTML代码确定结构→制作网页制作?法制作??AI应用解读代码?法?AI应用AI自动生成理解HTML原理学习收获体验Al创新掌握制作技能掌握流程,学会制作!

谢谢第17课制作??展活动