桂科版2024 七下信息科技 主题一任务二 制作网页展活动 课件

(共12张PPT)
Cloud
七年级下册 主题一 文化遗产线上展
任务二 制作网页展活动
情境导入
壮壮在网上搜集了大量关于“三月三”的宣传素材，包括特色美食、壮族服饰、节庆活动等的文字、图片、声音和视频等。这么多内容该如何规划，才能方便大家浏览和阅读呢？
导入
回顾你之前浏览过的网站，和老师、同学一起交流，说一说它们在呈现形式上都有哪些特点。
讨论
1.多页面结构特点:导航清晰、内容分类明确。
2.单页面应用特点:流畅的用户体验、前端技术依赖度高。
3.响应式设计特点:适应不同设备屏幕、保持内容完整性和可用性。
4.视觉呈现特点:色彩搭配协调、多媒体元素丰富。
讨论
XXXX
请根据下图回答问题。
1.图中哪个文件是主页？为什么？
五色糯米饭首页.html。
网站是由一系列网页组成,网站的第一张网页称之为主页(首页),其他网页称为子页。
2.你能画出网站的简易结构图吗？
案例分析
XXXX
制作网站六步骤
马上行动
XXXX
选择一个你喜欢的主题并进行网站规划，将你的设计方案填入表中。
我选择的主题 五色糯米饭的制作过程
网站名称 五色糯米饭探秘之旅
设计意图 （用途、意义） 用途:1.文化传承与传播用途:记录传统美食文化、打破地域限制传播;2.知识科普用途:明晰制作过程、了解原材料特性。
意义:1.文化意义:民族文化瑰宝的守护、多元文化融合的助力;2.社会意义:丰富民众生活体验、带动地方旅游及相关产业发展;3.教育意义:民俗文化教育素材、实践教育引导。
网站结构图
马上行动
XXXX
和老师、同学分享你的网站设计思路，组建属于你的网站搭建小分队。结合制作网站的基本流程，明确分工，利用下表进一步细化你的网站搭建方案。
网站主题 分工 网页内容及呈现形式 负责人
马上行动
XXXX
请利用人工智能技术辅助制作网页
1. 选择一个生成式人工智能网站。
2. 在对话框中输入想制作的网页主题及内容。
3. 成功发送请求后生成 HTML代码，用记事本保存代码，调整后用浏览器打开查看效果。
4. 根据预览效果灵活调整生成请求，进一步完善网页效果，完成制作。
做中学
利用人工智能技术辅助制作网页，有什么优缺点？小组内展开讨论并做好记录。
讨论
利用人工智能技术辅助制作网页的优点:
1.快速建站;
2.降低成本;
3.提高灵活性;
4.可扩展性;
5.高效性;
6.个性化推荐。
利用人工智能技术辅助制作网页的缺点:
1.个性化程度有限;
2.内容质量问题;
3.安全隐患;
4.缺乏人工干预;
5.语言风格单一;
6.创意与个性化不足。
讨论
XXXX
请你围绕同一个主题，分别用网页编辑工具和人工智能网站进行网页制作，对比两种制作方式生成的网页效果并记录在表中，体会科技创新的意义。
网页编辑工具制作的网页 人工智能技术生成的网页
代码的质量与结构
个性化与创意展现
开发流程及效率
马上行动
1. 请利用人工智能技术生成跑马灯效果，并加到自己设计的网页中。
2. Markdown 语言是一种轻量级标记语言，它允许开发者使用易读易写的纯文本格式编写文档。请上网了解更多相关内容，尝试使用Markdown 语言开展小组活动。
拓展任务
拓展
谢 谢
汇报人：WPS