文档介绍：网页设计与制作教案课程名称网页设计与制作课程类型使用教材教材名称:网页设计与制作实用教程主编:刘艳丽出版社:高等教育出版社日期:2011年5月学时分配共64学时,其中理论36学时,实践28学时。课程教学目的与要求该课程是三年制高职高专电子商务专业的职能课程,目标是让学生掌握网页设计的基本概念,学会使用常用的网页设计工具和相关网页美工软件,能够设计制作常见的静态网页。它要以计算机基础、计算机网络技术课程的学****为基础,也是进一步学****网络编辑、网站建设与管理课程的基础。主要参考书目赵喜清,崔海涛《网页设计与制作》哈尔滨工业大学出版社,《网页设计与制作》高等教育出版社,(№:1)授课内容网页制作基础知识课型R理论£实践授课学时2教学方法与手段讲授法教学目的与要求本次课程将讲授网页制作的基本知识,使学生了解到什么是网页,网页制作涉及到哪些工具、网页与网站有什么区别,网页与普通的文档有什么区别等。通过讲授也将使学生了解到网页的组成,网页语言的种类及各自特点;动态网页与静态网页的定义;信息发布的原理等等内容。教学重点与难点教学重点:信息访问原理。什么是网页?网页内容组成;网页编写语言种类及特点。Dreamweaver8功能简介。教学难点: 信息访问原理;网页编写语言种类及特点。教学过程设计基础知识网页简介(15分钟左右)网页:是组成元素,也被称为页面或Web页。不同的网页通过超链接联系在一起,构成了个相互链接的网页的集合,它们可以共享。大的网站页面数量多达几十万,甚至上百万页,小的个人网站也可以只包含数个页面。主页:是网站中的一个特殊网页,它是在他网页的超链接,通常主页的名称是固定的。简介(5分钟左右)了解常用的网页制作工具(10分钟左右)如:Dreamweaver和FrontPage了解美化网页的主要工具(10分钟左右)(1)图像处理软件:Photoshop、Fireworks、CorelDRAW等(2)动画制作工具:Flash了解网页中的脚本语言(10分钟左右)如:VBScript、JavaScript了解服务器端主要技术(10分钟左右)服务器端脚本语言:ASP、JSP、PHP、CGI等。它们的形式与HTML有些类似,但功能更加强大,能够实现许多功能。二、了解建立网站的基本流程(10分钟左右)确定网站主题搜集资料规划网站选择合适的制作工具制作网页上传测试推广宣传维护更新三、DreamweaverCS3基础(20分钟左右)Dreamweaver的发展史DreamweaverCS3的新功能DreamweaverCS3工作区简介网页文档的基本操作作业/思考题:列举你所了解的网页设计的常用工具和美化网页的主要工具建立网站的基本流程有哪些步骤?请归纳总结。利用网上资源,在百度中搜索“网页配色方案”关键词,下载相关的“网页配色方案”文件,指导以后网页设计中的配色问题。教学后记:第一节课,应首先介绍网站发展的前景,重点分解Dreamweaver和其他软件的区别,提出利用网络传播信息,并由此讲述网络发展给网页带来的市场。通过两节课的讲授,感觉到学生能对本课程产生比较大的兴趣!课程教案(№:2)授课内容站点的创建与管理课型R理论£实践授课学时2教学方法与手段讲授法教学目的与要求本次课程将讲授网站站点的创建与管理知识,使学生了解到什么是站点,站点的种类,站点的作用,站点文件的管理。站点的发布及网页的预览。教学重点与难点教学重点:站点的创建;站点文件的管理;站点文件的预览;站点地图的生成。教学难点: 测试利用服务器技术的站点;站点地图创建的条件;远程站点的创建。教学过程设计站点(10分钟左右)也称“网站”,用来定位网站上的所有文件,是一系列通过超链接而相互联系的网页集合。建立网站首先要在本地计算机上构建本地站点来管理站点中的文档,制作网页,测试完毕后,服务器。新建本地站点(20分钟左右)站点菜单->新建站点站点菜单->管理站点->新建建立站点注意问题:用文件夹进行分类存储:如网页文件存放在html文件夹中,图像文件存放在images文件夹中。嵌套文件夹的层数不要太多,最多不超过三层,否则超链接时会出错。文件命名要合理:建议全部使用小写的文件名称,不要用中文文件名。文件夹的名称最好用顾名思义的英文,方便以后修改维护。文件名也要符合规范,。网站文件的管理(20分钟左右)文件的创建(鼠标右击站点->新建文件;文件菜单->新建;ctrl+N);文件的选择(鼠标点击单选;按ctrl或shift键辅助多选);打开和编辑文件(双击);删除文件;重命名文件(右击文件;F2);保存及另存为文件:ctrl+s/f12;或通过文件菜单;文件的复制,移动,关闭:ctrl+