电子商务网页设计与制作 教案 第2次课 Dreamweaver CS6软件的使用

湖南商务职业技术学院教案在设计网站目录结构时，应该注意以下几点1无论站点的大小，都应该创建一定规模的目录结构，不要把所有的文件都存放在站点的根目录中如果把很多文件都放在根目录中，很容易造成文件管理的混乱，影响工作效率，也容易发生错误2按模块及其内容创建子目录3目录层次不要太深，一般控制在5级以内4不要使用中文目录名，防止因此而引起的链接和浏览错误5为首页建立文件夹，用于存放网站首页中的各种文件，首页使用率最高，为它单独建一个文件夹很有必要6目录名应能反映目录中的内容，方便管理维护

1、安装好Dreamweaver软件因发给大家的软件是免安装版，大家只需要将文件夹中的绿色图标dreamweaver以快捷方式发放到桌面，双击图标就可以正常使用了❷技能训练才季节测培网站延点创建，狒8S任务点思考自测5min限随堂练习随堂练习【发布测试】教师在学习通发布随堂练习学生完成本次课知识自测教学反思授课章节及主题DreamweaverCS6软件的使用课次2教学目标知识目标.熟悉Dreamweaver软件的安装与工作环境；.掌握站点创建的方法以及基本操作；.能够在本地电脑端创建网站站点；.能够快速了解网页设计的基础知识；能力目标.能够创建网站站点以及进行站点目录规划；.能够利用Dreamweaver软件进行简单网页文档的制作素养目标.培养学生清晰有序的逻辑思维；.培养学生数据分析与总结的意识；.培养学生系统分析与解决问题的能力学情分析知识基础学生已经具备了一定的计算机操作能力和Photoshop的基本操作技能，对网页设计有一些基本的了解学生特点.学生爱学习爱思考爱表达，喜欢动手实践，但学生自律性不强，遇到困难时畏难.软件课程知识绝大部分同学掌握较好，少部分同学操作不太熟练.解决复杂问题能力弱，缺乏知识迁移能力教学重点

1、网站站点创建

2、网站目录规划教学难点网站目录规划教学方法讲授法案例演示法讨论法实践法线上线下混合式教学资源与平台教学平台超星学习通https://www.xueyinonline.com/detai1/221724252参考书.《电子商务网页设计与制作》，电子工业出版社.《HTML5+CSS3网页设计与制作》，人民邮电出版社参考网络资源.菜鸟教程https://www.runoob.com/.虎课网https://huke

88.com/教学过程设计环节教学内容教师活动学生活动知识回顾5min

1、选人回答什么是网址URL

2、选人回答常见网站不同类型有哪些？

3、选人回答B2B属于哪一类网站？

4、抢答淘宝的评论区属于网页中哪个元素？

5、抢答文本中的字体最佳是多大？

1.【课堂活动】教师通过开展各种课堂活动回顾上次课知识点

1.学生积极参与课堂活动任务导入2min通过任务1的学习与实施，小明对于网页设计的基础知识有了一个初步的了解，看到各种风格鲜明、色彩和谐的网页，小明给自己定了一个目标，一定要把网页设计学好，做出让客户满意的网页作品来在了解了网页设计后，小明新的问题又出来了，他该用什么软件来编写网页文件呢？

1.【任务导入】教师通过案例导入本次课的学习口木木

1.学生了解本次课学习的目标任务描述5min1＞每个团队卜载好DreamweaverCS6软件安装包，将软件安装到自己的电脑中；

2、在本地电脑的E盘创建一个名为mySite的文件夹，作为自己网站根目录，在mySite文件夹中创建二级文件夹，分别保存网站首页、公司新闻、产品展示、公司荣誉、在线咨询等5个网页栏目的素材文件，每个栏目中创建下级文件夹images用来保存图片素材文件，style用来保存样式文件；

3、打开Dreamweaver软件，创建网站站点“我的网站”，与E盘的mySite文件夹进行映射，对站点进行管理操作；

4、利用Dreamweaver创建一个简单网页，网页内容为“这是我的第一个网页！以indexhtml为文件名保存在mySite根目录下的index文件夹下

1.【任务描述】讲师讲解本次课需要完成的任务

1.学生了解本次课要完成的任务知识准备30min

1、网站站点Dreamweaver可以用于创建单个网页，但在大多数情况下，是将这些单独的网页组合起来成为站点DreamweaverCS6不仅提供了网页编辑特性，而且带有强大的站点管理功能

2、什么是站点Dreamweaver中的站点包括本地站点、远程站点和测试站点3类注意静态网页是标准的HTML文件，采用HTML编写，是通过HTTP在服务器端和客户端之间传输的纯文本文件，其扩展名是htm或html动态网页以.asp、jsp、php等形式为后缀，以数据库技术为基矶1含有程序代码，是可以实现如用户注册、在线调查、订单管理等功能的网页文件

3、站点及目录的作用站点是用来存储一个网站的所有文件的，这些文件包括网页html文件、图片文件、服务器端处理程序、音频文件和视频文件等

4、合理建立目录站点的目录结构与站点的内容多少有关.【知识讲授】教师讲解网站相关知识点.【课堂讨论】为什么要建立网站站点呢？如果不建立网站站点，你有可能会在以后的学习中遇到什么困难呢？

1.听取教师讲解知识占・/、、、

92.积极参与课堂活动课堂小结3min通过对本次课的学习，让学生掌握熟悉Dreamweaver软件的安装与工作环境，能够利用Dreamweaver软件进行简单网页文档的制作作业布置.继续完成技能训练任务，并提交至学习通.预学下一次课的内容。