网页设计与制作教学大纲

本文格式为Word版，下载可任意编辑——网页设计与制作教学大纲

《网页制作与设计》课程教学大纲

（Designingandpropagationofwebsite）

课程性质及类型：专业必修课

学时数：72；其中，课堂学时：36；试验学时：36学分数：

适用专业：信息管理与信息系统、电子商务

一、课程的地位、作用与任务

《网页设计与制作》是一门综合性、应用性很强的课程，是教育技术学专业的一门专业必修课程。通过学习本课程，能利用DreamweaverCS6来开发出有实用价值的网站来。熟练把握DreamweaverCS6的基本界面环境和HTML语法，了解当前常用数据库的基础知识，能利用数据库来为网站服务。

本课程以《DreamweaverCS6网页设计与制作案例教程》作为教材，该教材采用项目教学法。项目教学法是通过实施一个完整的项目而进行的教学活动，其目的是在课堂教学中把理论与实践教学有机地结合起来，充分挖掘学生的创造潜能，提高学生解决实际问题的综合能力。这也充分表达了我校的培养应用型人才的路线。

二、课程教学内容及要求

第一章[为网页设计做准备]

教学目的与要求：

1、理解网页基础的知识。

2、让学生对网页设计有一定的认识。

教学重点与难点：

网页基础知识一、网页定义；

二、URI；三、网站和首页；

?网页合成体称为网站?网站的开始页称为首页；四、网页常见元素；

?文字资料?图像档案?超链接五、编辑网页；

?可以使用普通的文本编辑器（记事本、Notepad++等）编辑?使用所见即所得网页编辑工具；六、本课程主讲的软件；

其次章[初识DreamweaverCS6]

教学目的与要求：

1、熟练把握建站流程、网站的定位；

2、熟练把握使用Dreamweaver在网页中添加常用元素。

教学重点与难点：

1、建站流程2、网站的定位3、熟练把握在网页中添加文字等元素1、网站的定位2、网站风格的设计

向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行稳定。第一步：讲解建站的流程；其次步：讲解市场调查与分析；第三步：讲解建站内容；第四步：讲解功能框架；第五步：讲解界面设计；第六步：演示站点框图；第七步：演示网站截图；

第八步：讲解并演示使用Dreamweaver在网页中添加元素；第九步：课程小结。

第三章[表格的应用]

教学目的与要求：

1、把握表格的插入；

2、把握单元格的相关操作、表格嵌套与叠加；

3、把握表格和框架的使用方法以及利用表格和框架对网页进行布局的方法。

教学重点与难点：

1、表格的插入2、单元格的相关操作

1、表格的插入2、单元格的相关操作3、用表格布局制作一个网页向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行稳定。第一步：演示并讲解用表格布局制作的网页。其次步：分步演示并讲解、制作网页。

第三步：学生分析并制作网页，教师实施指导。第四步：课程小结。

第四章[文本与图像的应用]

教学目的与要求：

1、把握插入图像的相关操作。

2、把握文本的相关操作。

教学重点与难点：

1、图像的插入2、文本的相关操作

1、表格的插入2、文本的相关操作3、用表格布局修饰一个网页向学生演示多个项目：成品站点，分阶段演示和分析此网页的设计流程和过程，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：演示并讲解插入图像,插入文本；其次步：分步演示并讲解、制作图像、文本；

第三步：通过插入鼠标经过图像制作导航条并完成网页制作；第四步：课程小结。

第五章[模板与库的应用]

教学目的与要求：

1、把握模板的基本概念及其相关应用。

2、把握库的基本概念及其相关应用。

教学重点与难点：

1、模板的相关操作2、库的相关操作

1、模板的相关操作2、库的相关操做3、创立模板与库更新网站，批量制作网页

向学生演示多个项目：建立完成网页，分阶段演示和分析此网页创立模板的操作，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：演示并讲解模板的概念；

其次步：分步演示并讲解、使用模板创立网页；

第三步：分步演示使用库项目创立网页并利用库项目更新网站；第四步：课程小结。

第六章[多媒体的应用]

教学目的与要求：

1、把握SWF，FLV视频，JavaApplets程序，Shockwave影片的基本概念并会用其进行网页修饰。

教学重点与难点：

SWF，FLV视频，JavaApplets程序，Shockwave影片的插入

插入SWF，FLV视频，JavaApplets程序，Shockwave影片来修改已有网页

向学生演示多个项目：建立完成网页，分阶段演示和分析此网页的SWF，FLV视频，JavaApplets程序，Shockwave影片插入步骤，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：演示并讲解SWF，FLV视频，JavaApplets程序，Shockwave影片的概念；其次步：分步演示并讲解、使用SWF，FLV视频，JavaApplets程序，Shockwave影片元素；

第三步：分别分析网页SWF，FLV视频，JavaApplets程序，Shockwave影片的效果；第四步：课程小结。

第七章[超级链接的应用]

教学目的与要求：

1、把握各种超级链接基本概念。2、把握并熟练使用各种超级链接的。

教学重点与难点：

把握各种超级链接的基本概念

把握网页中的各种类型的超级链接基础知识

向学生演示多个项目：建立完成网页，分阶段参与、演示和分析此网页的超级链接，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：演示并讲解超级链接；

其次步：分步演示并讲解、使用超级链接元素；第三步：分析网页超级链接元素；第四步：课程小结。

第八章[CSS样式表的应用]

教学目的与要求：

1、把握CSS的基本概念。

2、把握网页、文字、表格等常用元素CSS属性的定义用标签。

教学重点与难点：

1、把握CSS基本概念2、把握常用CSS基本用法

1、把握html标签元素的常用CSS属性2、能独立编写CSS简单代码向学生演示多个项目：建立完成网页，分阶段参与、演示和分析此网页的CSS代码，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：演示并讲解CSS标签；

其次步：分步演示并讲解、使用CSS标签元素；第三步：分析网页CSS标签元素；第四步：课程小结。

第九章[框架的应用]

教学目的与要求：

1、理解网页框架。

2、网页框架的基础知识的理解。

3、把握网页框架与框架集功能。

教学重点与难点：

理解网页框架

网页框架的基础知识的理解

向学生演示多个项目：建立完成网页，分阶段参与、演示和分析此网页框架和框架集代码，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：创立和保存框架页面；其次步：制作框架页面；第三步：在框架中创立超级链接；

第四步：使用超级链接控制框架和框架集的内容；

第五步：为不能显示框架的浏览器定义内容；其次步：使用网页框架与框架集制作网页；

第六步：网页中创立超级链控制框架内容；第七步：课程小结。

第十章[APDiv的应用]

教学目的与要求：

1、把握APDiv的基本操作。2、把握APDiv与行为的关系3、把握行为的基本知识与相关操作

教学重点与难点：

APDiv的基础知识

把握APDiv的基本操作，把握APDiv与行为的关系，并理解行为的基础知识。

向学生演示多个项目：建立完成网页，分阶段参与、演示和分析网页的APDiv代码和APDiv的高级操作，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：创立页面，使用APDiv布局页面；其次步：APDiv的创立及属性设置；

第三步：APDiv的基本操作；第四步：APDiv与表格的相互转换；第五步：使用Div+CSS布局网页；

第六步：定义CSS,设置Div显示样式并详解行为的基础知识；第七步：课程小结。

第十一章[表单的应用]

教学目的与要求：

1、把握表单工具的基本用法

教学重点与难点：

表单的相关操作

在一个已知的网页中插入表单

向学生演示多个项目：建立完成网页，分阶段参与、演示和分析网页的表单基本操作，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：在“会员注册〞页面插入表单；其次步：插入文本框；第三步：插入密码域；第四步：插入单项选择框；第五步：插入列表菜单；第六步：插入复选框；第七步：插入文本区域；

第八步：插入提交按钮；第九步：课程小结。

第十二章[网站的测试与发布]

教学目的与要求：

1、把握网站的测试与发布的步骤与方法

教学重点与难点：

1、网站的测试2、网站的发布

1、网站的基本测试2、网站的发布步骤3、测试并发布制作好的网页向学生演示多个项目：建立完成网页，分阶段参与、演示和分析网站测试与发布的基本操作，在每个阶段演示完毕后，让学生对此阶段进行稳定。讲解完毕后学生完成课后作业，教师实施指导。

第一步：详解如何进行网站测试；其次步：检查站点链接；第三步：检查浏览器的兼容性；第四步：使用站点报告测试站点；第五步：测试站点；第六步：发布站点；第七步：课程小结。

三、课程其它教学环节要求

（一）、试验环节要求

利用DreamweaverCS6实现各种网页元素应用的实际设计，解决具体问题，内容见本课程试验教学大纲。

（二）、作业基本要求

本课程作业可参照课程配套题集酌情安排。了解每节课的重点把握的知识点,稳定学习知识点的内容。

（三）、其它环节要求：

本课程拟采用随堂测试的方式来，计划至少进行10-12次随堂测试，每次测试题目为当堂课程内容，题量要求适度，以15分钟以内为宜。

四、学时分派

序号主要内容123合计第一章[网页制作基础知识]（4学时）其次章[Dreamweaver基础知识]（8学时）第三章[文本与图像的应用]（4学时）第四章[文本与图像的应用]（4学时）第五章[模板与库的应用]（4学时）第六章[应用多媒体元素]（4学时）第七章[超级链接的基础知识]（8学时）第八章[CSS样式表的应用]（4学时）第九章[网页框架的应用]（12学时）第十章[APDiv的应用]（12学时）第十一章[表单的应用]（4学时）第十二章[网站的测试与发布]（4学时）72（学时）36362222666622442222222244学时分派理论2试验2其它作业题量备注

五、本课程与其它课程的联系

本课程为计算机科学与技术、信息管理与信息系统、电子商务专业的一门专业基础课，JavaWeb可以和本门课相辅相呈。

六、考核方式

课程成绩考核包括平日考核、上机试验考核和期末考核。

平日考核以随堂测试成绩为主，兼顾平日作业、课堂探讨，试验成绩及出勤等，平日考核成绩占总成绩的20%；

期中考试成绩占总成绩的10%；

期末考核采取闭卷笔试，期末考核成绩占总成绩的70%。要求学生把握数据结构的基本概念，线性表，栈和队列，串，树，图结构的规律结构和存储结构及基本操作实现；对数据结构的操作应用排序和查找的方法；对数据结构应用问题进行综合设计与分析。考试题型一般有填空题、选择题、应用题、算法阅读题和算法题等。

七、参考教材

谭甄军，刘斌.中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通CS3版)M.北京:清华大学出版社，2023.

陈清谅，吴琦，冯明卿。网页设计与制作三合一实用教程[M].北京:中国电力出版社，2023.李健宏，李广振.Web编程基础[M].北京:北京大学出版社，2023.F41王学军.网页设计与制作[M].北京:人民邮电出版社，2023.

力行工作室.DreamweaverCS4中文版完全自学教程[M].北京:中国水利水电出版社，2023

八、大纲执行说明

本大纲解释权归信息管理系电子商务教研室所有，若课时，培养方案有所调整，本大纲将视状况予以调整。

附件2：试验教学大纲编写基本格式

东方学院

实验教学大纲

课程名称网页设计与制作

编制单位编制（订）日期

实验说明课程总学时学时36试验学时数18学时2试验项目学分个数验证性试验项目综合性18试验项目设计性试验项目

18

课程总学分学分试验学分课程性质面向专业必修课□选修课□集中实践环节□信息管理专业，电子商务专业开课单位本课程试验教学地位、作用与目的（说明本试验课在专业及课程中的地位、作用、任务和目的。至少3-5条）试验教学是网页设计与制作的重要实践环节。通过试验，使学生加深理解、验证、稳定课堂教学内容，对DreamweaverCS6有一较全面的认识。培养学生分析问题和解决问题的能力，为以后深入学习教育技术专业的其它课程打下坚实的基础。试验教学的主要目的是培养学生的动手能力，要求学生熟练把握DreamweaverCS6的基本操作，网页的设计制作，网站的建立与管理等技能。为使学生稳定课堂所学知识，根据教学内容本课程共设18项试验，分别是熟悉DreamweaverDreamweaverCS6的操作环境、插入网页对象、网页元素的使用、网页布局、表单对象和制作动态网页，最终学生上机试验完成最终作品。

试验教材或指导书，参考书（按编著者、教材名称、出版社、出版年月顺序填写，参考书列出3本以上）谭甄军，刘斌.中文版Dreamweaver+Flash+Photoshop网页制作从入门到精通CS3版)M.北京:清华大学出版社，2023.陈清谅，吴琦，冯明卿。网页设计与制作三合一实用教程[M].北京:中国电力出版社，2023.李健宏，李广振.Web编程基础[M].北京:北京大学出版社，2023.F41王学军，网页设计与制作[M].北京:人民邮电出版社，2023.力行工作室.DreamweaverCS4中文版完全自学教程[M].北京:中国水利水电出版社，2023试验考核方式和成绩评定标准考核方式：试验考核分考试、考察，一般采用笔试或口试（试验原理、试验结果分析等）、操作考试（随机抽题、独立操作等）、平日考核（每次试验的预习、操作、报告等）相结合的方法。（根据需要确定具体项目和在总成绩中的比例）成绩评定：试验课程终止必需经过考核才能给出成绩。独立开设的试验课成绩单列；理论课中的试验成绩占课程总成绩的比例等。试验项目与主要内容（表格可根据内容调整宽度和增加行数）序号12试验项目名称学时每组人数试验试验试验内容见教案见教案类型要求66综合必修网页制作基础知识Dreamweaver基础知识表格的应用22综合必修345626666综合必修综合必修综合必修综合必修见教案见教案见教案见教案文本与图像的应用2模板与库的应用应用多媒体元素22

7超级链接的基础知识1超级链接的基础知识2CSS样式表的应用网页框架的应用1网页框架的应用2网页框架的应用3APDiv的应用1APDiv的应用2表单的应用26综合必修见教案8910111213141516

26综合必修见教案222222266666666综合必修综合必修综合必修综合必修综合必修综合必修综合必修综合必修见教案见教案见教案见教案见教案见教案见教案见教案网站的测试与发布2注：（1）试验设置要注意内容更新，体系设计科学合理，试验项目名称要确凿规范。（2）试验要求为：必修、选修。

（3）每组人数：公共基础试验1人/组，技术基础课试验2人/组，专业课试验4-6人/组；（4）试验类型为：验证、综合、设计型。

A、验证性试验：是指以加深学生对所学知识的理解、把握试验方法与技能为目的，验证某一原理、理论或结论，以学生为具体试验操作主体的试验。

B、综合性试验：是指试验内容涉及本课程的综合知识或与本课程相关课程知识，重视学生理论知识综合应用，培养学生实际动手能力、思维能力和创新能力的试验。

C、设计性试验：是指给定试验目的、要求和试验条件，由学生自行设计试验方案并加以实施，进一步培养学生实际动手能力、思维能力和创新能力的试验。

（5）学时分派合计数要与试验总学时一致或大于试验总学时数（其中超出的学时数可为选开试验）；若适应两个以上专业的可在表格下分别注明：例如序号1、2、3适应××专业；序号1、3、5适应××专业等。

注意：依照教育部本科教学评估要求，开出综合性、设计性试验的课程占有试验课程总数的比例应≥80%

（6）试验内容：指试验原理、主要过程、试验方法和结果等。（7）试验考核方式与成绩评定标准：

A、考核方式：试验考核分考试、考察，一般采用笔试或口试（试验原理、试验结果分析等）、操作考试（随机抽题、独立操作等）、平日考核（每次试验的预习、操作、报告等）相结合的方法。（根据需要确定具体项目和在总成绩中的比例）

B、成绩评定：试验课程终止必需经过考核才能给出成绩。独立开设的试验课成绩单列；理论课中的试验