第17课 制作网页展活动 课件 2024—2025学年人教版（2024）初中信息科技七年级全一册

制作网页展活动 信息科技七年级第四单元第17课 人教版（2024）第四单元 《校园活动线上展》 Theme template 03 01 知识回顾——判断思考 04 DeepSeek助力网页设计—自主尝试 02 制作网站的基本流程 目录 DeepSeek助力网页设计—游戏体验 知识回顾——判断思考 判断一：网页主要由HTML语言编写而成（ ） 前端 “三剑客” 目前大多数网站的前端都是由三门语言互相搭配使用，就能够显示出很多丰富的效果 3 知识回顾——判断思考 HTML是网页的基础结构语言，用于定义网页的结构和内容，如文本、图像、链接、表格等。 CSS用于定义网页的样式，包括字体、颜色、布局、间距等，使网页更加美观和易于阅读。 JavaScript是一种编程语言，用于实现网页的交互功能，如动态效果、表单验证、响应用户操作等。 4 知识回顾——判断思考 判断二：网站一般由多个网页组成，这些网页通常围绕同一主题，拥有同类设计风格。（ ） 设计风格：①统一的导航栏：包含商品分类、搜索框、购物车、用户登录等常用功能。②色彩风格：通常采用品牌色作为主色调突出商品图片和文字信息。③字体风格：简洁大方，确保商品信息的清晰展示。 5 知识回顾——判断思考 判断三：网站中的网页一般通过网址来访问。（ ） 点击超链接 6 知识回顾——判断思考 判断四：访问网站是，默认显示的第一个网页叫作主页。（ ） 7 制作网站的基本流程 思考：请根据“科技节”网站的效果， 请梳理网站制作的基本流程。 8 制作网站的基本流程 游戏规则：仅有1次挑战机会，模块放置到拖动区域后不能再更改位置，思考清楚再摆放 9 制作网站的基本流程 网站的制作流程并不是严格的线性。在进行后续步骤时，有可能需要回到前面的步骤。 10 DeepSeek助力网页设计—游戏体验 专注度挑战游戏：舒尔特方格 游戏规则：按照从小到大的顺序快速找出数字位置，通过完成时间测试专注度 ①检测视觉注意力和视野范围 ②检测反应速度 11 DeepSeek助力网页设计—自主尝试 步骤一 访问百度搜索引擎，使用嵌套其中的DeepSeek满血版 12 DeepSeek助力网页设计—自主尝试 步骤二 输入提示词 13 DeepSeek助力网页设计—自主尝试 步骤三 DeepSeek生成舒尔特方格游戏的提示词（参考） 1、请你帮我做一个舒尔特方格的小游戏 HTML 页面。 2、游戏分成不同的难度等级，从 3*3 到最后的 7*7。 3、游戏里有计时功能，能实时显示用户点击的次数。 4、关卡要一个一个过，不能直接选择难度。 14 DeepSeek助力网页设计—自主尝试 步骤四 设置网页文件名字 设定存储位置 15 DeepSeek助力网页设计—自主尝试 步骤五 将默认自带的代码删除 复制代码至html文件中，保存后运行 16 谢谢！！！ 变化是常态，一路向前，知识无界 $$