《网页制作》课程教学大纲（本科）.docx
网页制作课程大纲课程代码：00405235课程学分：3课程总学时：48适用专业：电子商务一、课程概述（一）课程的性质本课程全面介绍了网页制作的基本知识，对HTML、CSS样式、文本样式与 背景、常用Web元素、盒模型、界面设计、表单进行了系统讲解，并对JavaScript、 网页多媒体实现、jQue”等进行了介绍。学生学完本课程后，应全面掌握网页 制作的基础知识，能够为企业网站建设和网页制作进行初步的方案策划与设计。（二）课程设计理念与开发思路1 .课程设计理念（1）注重实践导向。本课程以电子商务专业学生的网页制作实践能力培养 为导向，以电子商务行业企业典型工作任务为核心组织课程内容，以电子商务技 术领域和岗位的任职要求为导向构建课程的知识体系，强化实践教学。（2）注重情景创建。通过知识体系设计和案例情景创建，使学生在课程学 习中内化知识内容，并掌握网页制作基本操作技能，切身体会网页制作流程，全 面提升学生的专业素养。2 .课程开发思路（1）知识体系模块化。一方面，结合教材章节，将网页制作的知识点进行 梳理，构建课程的完整知识体系。同时，分模块进行课程讲授，便于同学们能由 浅入深、由易到难地掌握课程相关知识。（2）课堂讲授多样化。一是多样化的素材展示，除了传统PPT展示外，还 可提供相关的案例资料等。二是多样化的课堂方式，如：教师讲授、同学发言、 小组讨论等。（3）课程考核多维化。强化对过程学习的考核力度，提高过程学习的比重。 重视学生专业技能的考核，完善与强化学生的创新创业意识和能力。（4）本课程课时安排为48节课讲授加课堂练习，共48个学时3个学分。 本课程为考查课，采用课程设计方式，平时成绩占40%,期末考试成绩占60%。 二、课程目标本课程主要使学生掌握HTML. CSS样式、文本样式与背景、常用Web元素、 盒模型、界面设计、表单等网页制作知识，能为企业构建网站提供技术支持。通 过该课程的学习，要求学生达到以下目标：（一）知识目标1 .掌握网页制作的概念和框架结构；2 .了解网页制作的常用要素，包括HTML、CSS样式、文本样式与背景、常 用Web元素、盒模型、界面设计、表单、网页多媒体实现；3 .掌握网页制作的脚本编写方法，包括JavaScript jQuery等；4 .掌握网页制作的常用开发工具，如Dreamweaver CSo（二）能力目标1 .能熟练使用HTML的各种常用标记；2 .能使用CSS样式表对网页进行样式的统一设计；3 .能使用文本样式与背景以及常用Web元素对网页进行美化和修饰；4 .能使用盒模型对网页界面进行有效设计，做到布局合理、结构清晰；5 .能利用表单进行网页信息的填写和处理；6 .能在网页使用多媒体，实现各种多媒体功能；7 .掌握JavaScript、jQuery等代码技术，提高网页的互动性，增强网页的 用户体验。（三）素质目标1 .培养良好的思想品德、心理素质；2 .培养良好的职业道德，包括爱岗敬业、诚实守信、遵守相关的法律法规等;3 .培养良好的团队协作、协调人际关系的能力；4 .培养对新知识、新技能的学习能力与创新能力。三、课程内容与要求第1章网页设计基础教学目的与要求掌握网页设计基本概念和Web设计基础；了解网站开发流程。本章重点Web设计原则、网站结构规划、布局设计、内容设计。课时数1学时一（理论课：1课时）本章内容1. 1网页概述1.2网站开发流程1. 3 Web设计基础1.4 布局设计1.5 内容设计第2章HTML基础教学目的与要求掌握HTML文档结构、基本语法和基本元素；了解HTML5新增的文档结构元本章重点HTML文档结构、基本语法和基本元素。课时数5学时（理论课：2课时，实验课：3课时）本章内容2. 1 HTML文档结构2. 2 HTML基本语法2. 3块元素与内联元素2. 4 HTML的格式元素2.5 HTML5新增的文档结构元素第3章CSS基础教学目的与要求掌握CSS语法与规则、样式表的定义与使用；了解选择器的使用。本章重点CSS语法与规则、样式表的定义与使用。课时数6学时（理论课：3课时，实验课：3课时）本章内容3. 1 CSS语法与规则3. 2样式表的定义与使用3. 3选择器第4章文本样式与背景教学目的与要求掌握文本排版样式、背景样式；了解长度单位与颜色。本章重点文本排版样式、背景样式。课时数6学时（理论课：3课时，实验课：3课时）本章内容4.1长度单位与颜色4. 2文本排版样式4. 3背景样式第5章常用Web元素教学目的与要求掌握图像、超链接、列表和表格；了解特殊符号的添加。本章重点图像、超链接列表和表格。课时数6学时（理论课：3课时，实验课：3课时）本章内容5. 1添加特殊符号5.2图像5. 3超链接5. 4列表5. 5表格5.6内联框架第6章盒模型教学目的与要求掌握盒模型和边框高级属性；了解伸缩盒。本章重点盒模型、边框高级属性。课时数1. 时（理论课：3课时）本章内容2. 1盒模型概述6. 2边框高级属性7. 3伸缩盒第7章界面设计教学目的与要求掌握定位与布局、用户界面；了解多列、网格布局。本章重点定位与布局、用户界面。课时数6学时（理论课：3课时，实验课：3课时）本章内容8. 1定位与布局7.2用户界面7. 3多列7.4 CSS网格布局第8章表单教学目的与要求掌握传统表单元素；了解HTML5表单的新特性。本章重点传统表单元素。课时数3学时（理论课：3课时一）本章内容8. 1网页表单概述8. 2传统表单元素8.3 HTML5表单的新特性第 9 章 JavaScript教学目的与要求掌握JavaScript的语句、函数、变量、运算符、表达式、控制结构；了解 常用对象和事件编程。本章重点语句、函数、变量、运算符、表达式、控制结构。课时数6学时（理论课：3课时，实验课：3课时）本章内容9. 1 JavaScript 简介9. 2 JavaScript 程序9. 3标识符和变量9. 4运算符和表达式9. 5 JavaScript程序控制结构9.6常用对象9. 7事件编程第10章网页多媒体实现教学目的与要求掌握HTML多媒体元素；了解CSS动画设计、HTML绘图。本章重点HTML多媒体元素。课时数3学时（理论课：3课时）本章内容10. 1 HTML多媒体元素10.2 CSS动画设计10. 3 HTML 绘图10.4 HTML 拖放第 11 章 jQuery教学目的与要求掌握jQuery概念、选择器、jQuery基本操作；了解jQuery中的事件、动 画与特效。本章重点jQueiry概念、选择器、jQuery基本操作。课时数3学时（理论课：3课时）本章内容11. 1 jQuery 概述11. 2 jQueiry 选择器11. 3 jQuery 操作 DOM11. 4 jQuery中的事件11. 5 jQuery动画与特效四、课程实施建议（一）教学方法和教学手段1 .教学方法本课程主要采用传统讲解、案例分析及主题讨论三种教学方法。案例分析法：此方法贯穿了整个教学的全过程，每一部分的知识都有相关案 例与之配套。一方面可通过案例分析引入相关知识点，还可以在知识点讲授后， 再通过案例让学生更深地理解所学知识。主题讨论法：结合课程教学内容，选择具有现实意义的主题内容组织学生进 行讨论，通过教师引导，激发学生的学习欲望和热情，引导学生独立思考问题， 学会搜集相关信息资料，在小组内讨论，并总结讨论结果在课堂上大胆发言。在 讨论过程中，以学生为主导，教师仅起引导作用。通过主题讨论法，可以增强学 生对知识的记忆与理解，达到较好的课程教学效果。2 .教学手段多媒体教学：课堂教学以多媒体电子课件（PPT电子教案）为主，配合使用 模拟演示、黑板板书。充分利用模拟演示、多媒体的优势，用电子课件制作大量 内容丰富的教案，再配以案例、习题等内容，以取得较好的教学效果。（二）教学评价本课程主要采取过程评价与最终评价相结合的方法。其中，过程评价主要通 过出勤、课堂讨论、课后作业等评价学生的学习态度、团队协作精神、写作能力、 语言表达能力、知识的运用和掌握能力等。考核方式出勤平时、作业期末考试成绩所占百分比（%）102070（三）教材选用1 .教材1朱金华.网页设计与制作.北京：机械工业出版社，2018. 8.2 .教参资料1詹青龙，郭永灿.网页设计与制作.北京：清华大学出版社,2010. 1.2柳炳祥，卢湘鸿.计算机网络技术及应用.北京：清华大学出版社,2011.1.3王伟旗,苏兵.网页设计与制作教程.上海：立信会计出版社，2015. 12.2019 年 2月 25 日
