网页设计与制作整体设计

网页设计与制作整体设计《网页设计与制作》课程整体教学设计一、课程基本信息课程名称：网页设计与制作课程代码：课程性质：考查适用专业：电子商务06、企业管理07、营销07学分：3.5学时：68先修课程：计算机应用基础后续课程：电子商务网站设计管理申报人：所属系部：信息工程系二、课程设计1.课程目标设计（1）能力目标⑴能搜索网络资源并能较好的利用网上资源；⑵能用网页制作软件Dreamweaver8生成站点，管理好站点；⑶能用网页制作软件Dreamweaver8制作、修改、编辑简单网页；⑷培养学生自主学习、合作学习和动手能力；⑸学生通过亲身经历，提高分析和解决实际问题的能力；⑹能做简单的动态网页制作能力。（2）知识目标⑴熟悉网页制作的基本流程；⑵掌握网页制作的基础知识；⑶掌握Dreamweaver8的操作和使用，如超链接、表格与布局、层、表单等；⑷掌握制作中小型企业的网站；⑸了解FIRWORKS的基本操作和使用；⑹掌握网站的上传方法；⑺掌握网站申请空间、上传网站的方法。网页设计与制作整体设计全文共6页，当前为第1页。2.课程内容设计网页设计与制作整体设计全文共6页，当前为第1页。模块名称学时Dreamweaver8入门2设置站点4网页元素的基本操作4超级链接4表格与布局6框架与框架集4表单应用4层的应用4时间轴及其应用4HTML初步4CSS样式表及应用4事件与行为4模板与库4网页上传与服务器设置2动态网页制作2主题网站制作4FOREWORK的简单的应用2期中测验、期末复习、机动6合计683.教学方法设计1.采用案例教学法，通过对案例为手段，加快学生对操作理论的理解和掌握。2.设计与教学内容相对应的实训，以提高学生实践能力，从而达到对知识点的吸收。3.由于此门课程实操性强的特点，讲授时尽可能要求学生跟随教师演示练习，加深印象。4.如条件许可，可利用校园网进行远程答疑和讨论。教学手段：采用网络和多媒体教学、小组讨论等多种教学手段来使学生提高主动参与意识，更强调对学生进行学习方法的指导而不是灌输式教学。同时在教学过程中重视因材施教，努力实现教学方法的个体化，针对学生学习的个别差异解决好因材施教问题。网页设计与制作整体设计全文共6页，当前为第2页。4.能力训练项目设计（用表格形式表达）网页设计与制作整体设计全文共6页，当前为第2页。编号能力训练项目名称拟实现的能力目标训练方式手段及步骤结果1站点设置熟练地建立站点多媒体演示操作，学生亲自操作，老师指导掌握建立站点的方法2网页元素的操作掌握插入文本、特殊字符、日期、图片及一些多媒体对象等；多媒体演示讲解，老师操作，学生模仿、独自练习学会在网页中插入及编辑网页元素3超级链接掌握外部链接、内部链接、电子邮件链接、空链接和锚点链接的使用；学会运用图像映射及使用导航条。多媒体演示讲解，老师操作，学生模仿、独自练习熟练掌握几种常见的链接方式4表格的制作掌握网页表格的使用多媒体演示讲解，老师操作，学生模仿、独自练习掌握表格的各种操作5框架的使用掌握框架网页的制作多媒体演示讲解，老师操作，学生模仿、独自练习掌握框架网页制作的步骤6表单的使用BBS登录界面设计学会创建表单域及修改表单；学会使用在表单中使用各种表单元素；多媒体演示讲解，老师操作，学生模仿、独自练习掌握利用表单元素制作BBS登录界面7图层网页的制作学会创建与设置层；掌握表格与层之间的转换多媒体演示讲解，老师操作，学生模仿、独自练习掌握利用图层制作网页8在网页中使用时间轴（飞动的蝴蝶的制作）掌握时间轴的创建与基本操作多媒体演示讲解，老师操作，学生模仿、独自练习掌握利用时间轴制作简单的动画9HTML标记语言的使用（禁止使用鼠标右键）掌握如何查看HTML标记语言，如何使用代码编辑视图多媒体演示讲解，老师操作，学生模仿、独自练习掌握在代码视图中添加标记代码10CSS样式的应用掌握创建、设置、应用及删除CSS样式的方法多媒体演示讲解，老师操作，学生模仿、独自练习在实际网页中会运用CSS样式11行为及事件的使用掌握行为的基本操作及在网页中使用一些基本行为多媒体演示讲解，老师操作，学生模仿、独自练习在网页中会使用使用行为及事情12模板及库的应用掌握利用模板制作网页；掌握在网页制作过程中使用库元素多媒体演示讲解，老师操作，学生模仿、独自练习能利用模板制作网页13网页上传及服务器的设置掌握网页上传的方法和步骤多媒体演示讲解，老师操作，学生模仿、独自练习会上传网页到服务器中14主题网站制作之一：“花之宇”主题网站掌握网站的规划；会建立站点；制作各页面学生独自完成能完成一个完整网站的制作15主题网站制作之一：个人网站掌握网站的规划；会建立站点；制作各页面学生独自完成能完成一个完整网站的制作网页设计与制作整体设计全文共6页，当前为第3页。5.授课进度计划设计网页设计与制作整体设计全文共6页，当前为第3页。序号课时教学目标和主要内容单元标题能力目标能力训练项目编号知识目标考核内容与方法12Dreamweaver8入门掌握Dreamweaver8的基本操作1掌握Dreamweaver8的基本操作步骤实际运用24设置站点熟练地建立站点1建立站点的步骤实际运用34网页元素的基本操作掌握插入文本、特殊字符、日期、图片及一些多媒体对象等2掌握在网页中插入网页元素的方法实际运用44超级链接掌握外部链接、内部链接、电子邮件链接、空链接和锚点链接的使用；学会运用图像映射及使用导航条3熟练掌握几种常见的链接方式实际应用56表格与布局掌握网页表格的使用及网页布局的设置4表格操作方法及布局方法作品提交64框架与框架集掌握利用框架制作网页5框架的使用及框架集的使用方法作品提交74表单应用学会创建表单域及修改表单；学会使用在表单中使用各种表单元素6表单各元素的使用方法作品提交84层的应用学会创建与设置层；掌握表格与层之间的转换7掌握层的操作步骤实际运用94时间轴及其应用掌握时间轴的创建与基本操作8掌握时间轴的操作步骤作品提交104HTML初步掌握如何查看HTML标记语言，如何使用代码编辑视图9基本标记代码的理解作品提交114CSS样式表及应用掌握创建、设置、应用及删除CSS样式的方法10掌握内部样式与外部样式的区别实际运用124事件与行为掌握行为的基本操作及在网页中使用一些基本行为11常见事件与常见行为的理解实际运用134模板与库会创建模板并会利用模板制作网页12模板创建的步骤及库的建立方法作品提交142网页上传与服务器设置掌握网页上传的方法和步骤13了解网页上传软件的使用实际运用152动态网页制作了解简单动态网页制作的工具介绍ASP的初步164主题网站制作掌握网站的规划；会建立站点；制作各页面1415掌握制作整个网站的流程作品提交172FOREWORK的简单的应用了解FOREWORK的一些基本制作了解FOREWOR的一些基本操作步骤实际运用网页设计与制作整体设计全文共6页，当前为第4页。18网页设计与制作整体设计全文共6页，当前为第4页。6期中测验、期末复习考试、机动合计68三、第一节课设计梗概1.初步了解情况与学生沟通，了解全班同学的的情况，介绍本课程的学习方法。2.展示和举例的一些应用提问：为什么同学们在上网对有的网站特别喜欢？提问：同学们一般喜欢网站中网页中哪些部分比较多？得出结论：现在是二十一世纪,信息化年代,也是网络化年代,每一位年轻人都或多或少接触过网络,或多或少上过网,细心的同学会发现不同的网站给人以不同的视觉效果，故网站的中网页的好坏在很大程度上影响每一个上网者对网站的整体评价,因此，制作好一个好的网页是整个网站好坏的关键之一，让学生认识到本课程的重要性。告知学生：本课程的总体安排、教材的处理，参考资料、有关网站，上课的方式和要求，明确教学目标。3.考核方式（详见考核方案设计）第一次上课时主要告知学生每一次课都很重要，平时成绩占总成绩的40％：学习态度、课堂表现、回答问题情况、课后作业、平时实验或实训和考勤情况等；期末卷面考试成绩占总成绩的60％。4.进入正题本次课的项目是Dreamweaver8入门。先演示如何安装Dreamweaver8软件,并强调在什么环境下安装，再演示Dreamweaver8的参数设置,到如何利用此软件创建网页、打开网页及创建好一个网页后如何保存等操作。然后，教会学生如何在自己电脑上安装此软件，并让学生现场安装演示及简单的操作演示等。四、考核方案设计1.基本思路考核内容：课程的基本知识和基本技能，以实训、考查等为考核形式，全面考核学生使用软件的基本技能与方法。本课程注意学生平时学习的过程，考核由平时成绩和期末考试组成，平时成绩又分为课堂表现和考勤、作业和实验两部分，具体比例如下：课堂表现和考勤20％：包括学习态度、课堂表现、回答问题情况和考勤情况。作业和实训20％：包括课后作业、平时实验或实训等情况。网页设计与制作整体设计全文共6页，当前为第5页。期末考试60%：采用开卷机试，考试时间为90分钟。网页设计与制作整体设计全文共6页，当前为第5页。2.平时成绩的考核标准项目评分内容占比学习态度遵守纪律、认真学习、对自己负责、尊敬老师5％课堂表现认真听讲、积极思考、不玩游戏、不开小差5％回答问题是否主动、回答是否正确5％考勤有无旷课、请假、迟到或早退5％作业有无缺交、完成数量、完成质量10％实验或实训是否认真做、完成数量、完成质量10％五、教材、教参注明教材名称、作者、出版社、出版日期、教材性质（教育部规划教材/教育部精品教材/自编教材/讲义