1.1 体验HTML文档——网页基础（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）

2023-06-14
| 7页
| 806人阅读
| 4人下载
精品

内容正文：

课 题 模块一 体验HTML文档——网页基础 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《网页设计与制作》是为了适应中等职业学校计算机课程改革的要求，从网页制作技能培训的实际出发，结合当前网页技能培训的实际出发，结合当前网页制作软件的流行版本DreamweaverCC，有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块一 体验HTML文档——网页基础 学情分析 知识储备： 通过在记事本和Dreamweaver中使用HTML代码制作网页。 能力水平：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 学习目标 知识目标：通过在记事本和Dreamweaver中使用HTML代码制作网页； 能力目标：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法； 素质目标：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 学习重难点 教学重点：通过在记事本和Dreamweaver中使用HTML代码制作网页； 教学难点：介绍HTML代码的常用标记，以及使用HTML代码制作简单网页的方法。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前进行实操操作，让学生大致了解HTML文档——网页基础的知识和主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 HTML文档——网页基础 （1）在本任务中，需要完成以下操作： 在记事本中输入HTML代码制作简单网页 在Dreamweaver中“代码”视图查看网页代码 在Dreamweaver的“代码”视图下编辑HTML代码。 （2）选择“文件”——“保存”命令，打开“另存为”对话框，选择保存位置为素材库中的chapter1文件夹，文件夹为“wy1.html”，保存类型为“所有文件”如图1-1所示，单击“保存”按钮。 （3）在“计算机”中打开chapter1文件夹，双击wy1.html打开浏览器，浏览该网页，可以看到字幕“富强、民主、文明、和谐、自由、平等、公正、法治、爱国、敬业、诚信、友善”从右向左滚动，标题“社会主义核心价值观”出现在浏览器的标题栏。 （4）右击浏览器空白处，在弹出的快捷菜单中选择“添加到收藏夹”命令，将该网页添加到收藏夹，如图1-3所示。 （5）启动Dreamweaver CC，选择“文件”——“打开”命令，打开chapter1文件夹中的wy2.html。 （6）按F4键隐藏所有面板，单击“文档”工具栏上的“代码”按钮，切换到Dreamweaver的“代码”视图，对代码进行如图1-5所示的修改。 （7）单击“设计”按钮，切换到“设计”视图，按F12键保存并浏览网页，如图1-6所示，单击“Adobe官方网站”超链接，将在浏览器的新窗口中打开Adobe官方网站首页。 （8）在Dreamweaver中打开chapter1文件夹中的myweb3.html，切换到“代码”视图。 （9）在<body>和</body>之间添加以下代码： （10）选择“文件”——“保存”命令，按F12键浏览该网页，效果如图1-7所示。 1. HTML文档——网页基础 2. 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 1.1.1 网页基础知识 1、Internet 概述 Internet的中文名称为“因特网"或“国际互联网”，是利用通信线路和通信设备将世界各地的计算机网络、主机和个人计算机连接起来，在网络协议控制下构成的全球互联网系统。 Internet提供的服务主要包括万维网(WWW)、电子邮件(E-mail)、文件传输(FTP)、远程登录(Telnet)等。对于现在的人来说，没有Internet的生活简直无法想象，从新闻、天气资讯，到在线音乐、网络视频、QQ、抖音、微信、支付宝，再到机票预订、旅馆安排、网上购物、证券交易等活动，网络已经渗透到各个角落。 2.网页基础知识 （1）讲解每个特点，并结合实际操作形式和操作方法的形式进行讲授。 （

资源预览图

1.1 体验HTML文档——网页基础（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
1
1.1 体验HTML文档——网页基础（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
2
1.1 体验HTML文档——网页基础（教案）-高一《网页设计与制作（Dreamweaver CC》同步精品课堂（电工版2021）
3
所属专辑
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。