第2次课 Dreamweaver CS6软件的使用（教案）《电子商务网页设计与制作》（电子工业出版社）

授课章节及主题 Dreamweaver CS6软件的使用 课次 2 教学 目标 知识目标 1. 熟悉Dreamweaver软件的安装与工作环境； 2. 掌握站点创建的方法以及基本操作； 3. 能够在本地电脑端创建网站站点； 4. 能够快速了解网页设计的基础知识； 能力目标 1. 能够创建网站站点以及进行站点目录规划； 2. 能够利用Dreamweaver软件进行简单网页文档的制作。 素养目标 1. 培养学生清晰有序的逻辑思维； 2. 培养学生数据分析与总结的意识； 3. 培养学生系统分析与解决问题的能力。 学情 分析 知识基础 学生已经具备了一定的计算机操作能力和Photoshop的基本操作技能，对网页设计有一些基本的了解。 学生特点 1.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难。 2．软件课程知识绝大部分同学掌握较好，少部分同学操作不太熟练。 3．解决复杂问题能力弱，缺乏知识迁移能力。 教学 重点 1、网站站点创建 2、网站目录规划 教学 难点 网站目录规划 教学 方法 讲授法 案例演示法 讨论法 实践法 线上线下混合式 教学资源与平台 教学平台 超星学习通https://www.xueyinonline.com/detail/221724252 参考书 1.《电子商务网页设计与制作》，电子工业出版社 2.《HTML5+CSS3网页设计与制作》，人民邮电出版社 参考网络资源 1.菜鸟教程：https://www.runoob.com/ 2.虎课网：https://huke88.com/ 教学过程设计 环节 教学内容 教师活动 学生活动 知识回顾（5min） 1、选人回答：什么是网址 URL？ 2、选人回答：常见网站不同类型有哪些？ 3、选人回答：B2B 属于哪一类网站？ 4、抢答：淘宝的评论区属于网页中哪个元素？ 5、抢答：文本中的字体最佳是多大？ 1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点。 1.学生积极参与课堂活动。 任务导入（2min） 通过任务1的学习与实施，小明对于网页设计的基础知识有了一个初步的了解，看到各种风格鲜明、色彩和谐的网页，小明给自己定了一个目标，一定要把网页设计学好，做出让客户满意的网页作品来。 在了解了网页设计后，小明新的问题又出来了，他该用什么软件来编写网页文件呢？ 1.【任务导入】教师通过案例导入本次课的学习目标。 1.学生了解本次课学习的目标。 任务描述（5min） 1、每个团队下载好Dreamweaver CS6软件安装包，将软件安装到自己的电脑中； 2、在本地电脑的E盘创建一个名为mySite的文件夹，作为自己网站根目录，在mySite文件夹中创建二级文件夹，分别保存网站首页、公司新闻、产品展示、公司荣誉、在线咨询等5个网页栏目的素材文件，每个栏目中创建下级文件夹images用来保存图片素材文件，style用来保存样式文件； 3、打开Dreamweaver软件，创建网站站点“我的网站”，与E盘的mySite文件夹进行映射，对站点进行管理操作； 4、利用Dreamweaver创建一个简单网页，网页内容为“这是我的第一个网页！”，以index.html为文件名保存在mySite根目录下的index文件夹下。 1.【任务描述】讲师讲解本次课需要完成的任务。 1.学生了解本次课要完成的任务。 知识准备 （30min） 1、网站站点 Dreamweaver可以用于创建单个网页，但在大多数情况下，是将这些单独的网页组合起来成为站点。Dreamweaver CS6不仅提供了网页编辑特性，而且带有强大的站点管理功能。 2、什么是站点 Dreamweaver中的站点包括本地站点、远程站点和测试站点3类。 注意：静态网页是标准的HTML文件，采用HTML编写，是通过HTTP在服务器端和客户端之间传输的纯文本文件，其扩展名是htm或html。动态网页以.asp、jsp、php等形式为后缀，以数据库技术为基础，含有程序代码，是可以实现如用户注册、在线调查、订单管理等功能的网页文件。 3、 站点及目录的作用 站点是用来存储一个网站的所有文件的，这些文件包括网页html文件、图片文件、服务器端处理程序、音频文件和视频文件等。 4、合理建立目录 站点的目录结构与站点的内容多少有关。 在设计网站目录结构时，应该注意以下几点： （1）无论站点的大小，都应该创建一定规模的目录结构，不要把所有的文件都存放在站点的根目录中。如果把很多文件都放在根目录中，很容易造成文件管理的混乱，影响工作效率，也容易发生错误。 （2）按模块及其内容创建子目录。 （3）目录层次不要太深，一般控制在5级以内。 （4）不要使用中文目录名，防止因此而引起的链接和浏览错误。 （5）为首页建立文件夹，用于存放网站首页中的各种文件，首页使用率最高，为它单独建一个文件 夹很有必要。 （6）目录名应能反映目录中的内容，方便管理维护。 1.【知识讲授】教师讲解网站相关知识点。 2.【课堂讨论】为什么要建立网站站点呢？如果不建立网站站点，你有可能会在以后的学习中遇到什么困难呢？ 1.听取教师讲解知识点； 2.积极参与课堂活动。 任务实施（40min） 1、安装好 Dreamweaver 软件。 因发给大家的软件是免安装版，大家只需要将文件夹中的绿色图标 dreamweaver，以快捷方式发放到桌面，双击图标就可以正常使用了。 2、打开“任务 2 任务实施之 Dreamweaver CS6 软件的使用 任务实施文档”。 3、从第三步“创建文件夹”开始，逐步完成任务 2。 4、提交作业至章节测验处。 1.【实操演示】教师以学校官方网站为例讲解站点创建以及目录规划。 2.【发布任务】教师在学习通发布技能任务。 3.【实践指导】来回巡视，及时帮助学生解决问题。 1.观看实操演示，掌握站点创建方法。 2.完成技能训练题。 思考自测（5min） 【发布测试】教师在学习通发布随堂练习。 学生完成本次课知识自测。 课堂小结（3min） 通过对本次课的学习，让学生掌握熟悉Dreamweaver软件的安装与工作环境，能够利用Dreamweaver软件进行简单网页文档的制作。 作业布置 1.继续完成技能训练任务，并提交至学习通 2.预学下一次课的内容 教学反思 学科网（北京）股份有限公司 $$