《网站建设与网页设计》教学大纲

《网站建设与网页设计》课程教学大纲课程编号：课程名称：网站建设与网页设计课程类别：专业选修课课程学分数：3课程学时数：54适用专业：计算机科学与技术专业开课教学单位：计算机科学学院一、课程的性质与任务《网页设计与开发》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程，它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。二、先修课程的衔接高级语言程序设计、数据库原理三、教学的基本要求通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握综合网站设计和发布的基本流程和方法。四、教学内容及学时分配1、网页设计简介与HTML基础1.1万维网概述1.2HTML文档结构1.3HTML基本语法1.4网页设计相关概念1.5网页制作开发工具及技术教学基本要求：了解万维网的用途及网页设计的基本概念；了解HTML、CSS、JavaScript在网页设计中的重要作用；掌握HTML文档的基本结构及标记属性的使用方法和规则教学重点、难点：HTML标记。学时分配：2个学时2、文字与段落2.1文字内容及样式2.2文字修饰2.3段落基本要求：熟悉文字与段落的HTML标记。掌握文字格式设置标记“FONT”及其相关属性。掌握段落标记的应用。教学重点、难点：利用标签排版文字。学时分配：2个学时3、列表3.1列表简介3.2无序列表3.3有序列表3.4嵌套列表基本要求：熟悉有序列表与无序列表。掌握列表的定义。熟练掌握列表的嵌套使用。教学重点、难点：嵌套列表。学时分配：2个学时4、超链接4.1超链接简介4.2创建超链接4.3链接对象基本要求：熟悉几种不同类型的超链接。掌握设置不同类型超链接的方法。熟练掌握相对链接的使用教学重点、难点：超链接的灵活运用。学时分配：2个学时5、网页中的多媒体5.1图片5.2滚动文字5.3背景音乐5.4其他多媒体文件基本要求：掌握网页中添加各种多媒体元素的方法。掌握网页中添加音乐的两种不同方式和各自优缺点。掌握背景音乐设置后如何关闭音乐的方法教学重点、难点：在网页中灵活使用多媒体。学时分配：2个学时6、表格、框架6.1表格标记6.2表格属性修饰6.3框架的设置6.4子窗口设置6.5浮动框架基本要求：熟悉表格与框架的生成。理解表格与框架布局网页的优缺点。掌握表格的修饰属性。掌握框架中链接的设置。教学重点、难点：表格框架的属性设置。学时分配：4个学时7、表单7.1表单7.2输入7.3多行文本输入7.4下拉列表框基本要求：熟悉表单在网页中的应用。熟悉创建表单的方法。掌握各种常用表单控件的使用。熟练掌握一组表单的创建。教学重点、难点：创建用户注册表单。学时分配：4个学时8、CSS应用8.1理解CSS8.2样式表的定义与使用8.3定义选择符8.4文字与排版样式的使用8.5背景与颜色的使用8.6美化网页与超链接的设置

8.7矩形模块的概念与使用8.8CSS+DIV布局网页基本要求：熟悉CSS在网页设计中的地位及作用。掌握CSS应用的三种方式。掌握CSS的各种关键代码。掌握CSS+DIV布局网页的关键方法。重点掌握CSS美化网页。教学重点、难点：CSS美化网页、CSS+DIV布局网页。学时分配：10个学时9、JavaScript基础9.1JavaScript起步 9.2JavaScript程序 9.3标识符和变量 9.4运算符和表达式 9.5JavaScript程序控制结构 9.6常用对象 9.7事件编程 基本要求：熟悉JavaScript在网页设计中的意义。掌握JavaScript的几中应用方式。掌握JavaScript实现几种常见的网页动态效果重点掌握常用弹出窗口的实现。教学重点、难点：JavaScript编程。学时分配：4个学时10综合网站制作实例10.1班级网站的规划与设计 10.2网页设计与制作 10.3网站测试与发布 基本要求：掌握网站制作的基本流程。掌握网站制作的关键技术。重点掌握各种技术在网站制作中的灵活运用。教学重点、难点：规划并制作一个网站。学时分配：4个学时五、课内实践（实验）教学安排实验内容学时分配唐诗页面设计、文章排版2新闻列表的实现、水平导航与垂直导航2多媒体、超链接以及图文混排综合应用4表单应用2利用CSS实现文字链接图片表单等页面元素的特效2利用CSS美化网页2利用CSS定位页面元素2利用CSS布局网页结构2总计18六、课程考核方式闭卷考试加设计七、主要参考书[1]郑娅峰张永强主编，《网页设计与开发-HTML、CSS、JavaScript实例教程》（第2版），清华大学出版社，2011。[2]赵锋.网页设计与制作.北京:清华大学出版社.2010[3]