辽宁科技大学课程教学大纲

辽宁科技大学课程教学大纲辽宁科技大学课程教学大纲 课程名称：web2.0 网页设计 英文名称：Web2.0 Web Page Design 课程编号：_ 学 时 数：48 其中实验实训学时数：16课外学时数：0 学 分 数：3 适用专业：软件工程 一、课程的性质和任务 Web2.0 网页设计课程是软件工程等专业的专业课。通过学习本课程，可以使学生纯熟使用 Web 根底应用开发工具 Dreamweaver；使用 HTML 语言标记编写各种静态网页；运用 DIV+CSS 进展网页页面布局；运用 JavaScript 编写网页脚本文件；运用 HTML+CSS+JavaScript 设计页面前台美工和制作静态网站。本课程主要学习 HTML、CSS 和 JavaScript 等内容，培养学生设计前台界面美工布局和编写脚本程序解决实际问题的才能,使学生能编写出符合标准和性能良好的程序，为学生今后网站的前台制作及开发打下良好的根底。二、课程教学内容的根本要求、重点和难点 1、HTML 概述 熟悉 HTML 语言语法规那么；掌握 HTML 语言根底标记；掌握 HTML 字符实体及注释方法； 重点：HTML 语言语法规那么；HTML 语言根底标记；HTML 实体；HTML 注释 难点：HTML 语言语法规那么；HTML 字符实体。2、HTML 超链接、图像 理解相对途径和绝对途径；掌握 HTML 语言超链接、插入图片标记及属性； 重点：相对途径和绝对途径；超链接。难点：相对途径和绝对途径；。3、HTML 表格掌握表格属性设置；跨行、跨列设置，表格嵌套；设置单元格背景颜色和图片。重点：跨行、跨列设置 难点：跨行、跨列设置 4、框架 掌握框架根本标签的意义，并纯熟使用。框架、窗口属性的意义，并纯熟使用。重点：用框架页面布局难点：用框架页面布局 5、列表、特殊字符掌握有序、无须列表的使用、嵌套列表；特殊字符的使用重点：嵌套列表难点：嵌套列表的使用 6、表单掌握 HTML 表单及组件标记：理解表单控件的 method 属性和 action 属性；掌握 HTML 列表标记重点：HTML 表单及组件标记；HTML 列表标记。难点：HTML 列表标记，method 属性和 action 属性。7、CSS 概述及 CSS 属性理解构造 CSS 规那么；掌握 CSS 根本选择器；纯熟掌握在 HTML 中使用 CSS；掌握 CSS 复合选择器；理解 CSS 的继承特性； 重点：根本 CSS 选择器；在 HTML 中使用 CSS。难点：CSS 构造规那么；复合选择器；CSS 的继承特性 8、CSS 设计链接款式及列表属性 掌握 CSS 设置超链接款式；掌握 CSS 设置列表和表单款式；熟悉 CSS 盒子模型。重点：CSS 设置超链接款式；CSS 设置列表和表单款式；CSS 盒子模型 难点：CSS 设置超链接款式；CSS 盒子模型 9、CSS 设计导航栏款式 掌握 CSS 制作横向、纵向导航。重点：横向导航的实现 难点：横向导航的实现 10、定位属性及 DIV+CSS 设计页面布局 掌握 CSS 盒子的定位与浮动；熟悉 CSS 页面布局。重点：CSS 盒子的定位与浮动；CSS 页面布局 难点：CSS 页面布局 11、JS 概述、数据类型及常量、变量 掌握 JavaScript 的数据类型；熟悉 JavaScript 变量的定义以及其数据类型的变换； 熟悉 JavaScript 运算符的优先级。重点：JavaScript 的变量以及其数据类型的变换。难点：运算符的优先级。12、JS 表达式、运算符、根本语句及函数 掌握 JavaScript 各类根本语句；掌握 JavaScript 函数的定义、调用。重点：JavaScript 各类根本语句；JavaScript 函数。难点：函数中变量的作用域和生存期。13、JS 事件 理解事件及事件驱动的概念；掌握常用的事件；掌握事件处理程序的使用。重点：事件处理程序使用 难点：事件处理程序使用 14、阅读器内部对象、定时器理解阅读器内部对象，并学会使用；理解定时器和掌握定时器的使用方法。重点：使用阅读器内部对象 难点：定时器的使用方法 15、DOM 对象及表单验证 理解 DOM 对象，并能纯熟使用 DOM 对象；理解表单验证的意义和用法，可以使用 JavaScript 的常用验证方法。重点：表单验证的方法 难点：DOM 对象的使用 16、复习三、教学方式及学时分配 序号 主要内容 主要教学方式 学时分配 辅导答疑比例 1 HTML 概述 讲授+实验 2+1 2：1 2 超链接、图像 讲授+实验 2+1 2：1 3 表格 讲授+实验 2+1 2：1 4 框架 讲授+实验 2+1 2：1 5 列表、特殊字符 讲授+实验 2+1 2：1 6 表单 讲授+实验 2+1 2：1 7 CSS 概述及 CSS 属性 讲授+实验 2+1 2：1 8 CSS 设计链接款式及列表属性 讲授+实验 2+1 2：1 9 CSS 设计导航栏款式 讲授+实验 2+1 2：1 10 定位属性及DIV+CSS设计页面布局 讲授+实验 2+2 2：1 11 JS 概述、数据类型及常量、变量 讲授+实验 2+1 2：1 12 JS 表达式、运算符、根本语句及函数 讲授+实验 2+1 2：1 13 JS 事件 讲授+实验 2+1 2：1 14 阅读器内部对象、定时器 讲授+实验 2+1 2：1 15 DOM 对象及表单验证 讲授+实验 2+1 2：1 16 复习 讲授 2 2：1四、课程其他教学环节要求 1、实验环节 序号 实验工程名称 实 验 内 容 学时 实验类型 1 实验一 熟悉开发环境 1、熟悉 Web 开发环境和 HTML 语言的语法规那么；2、熟悉 HTML 语言的各元素的属性，文字、图片的颜色设置，网页的表格及对齐；3、可以设计普通的有一定特色的静态网页。2 验证性 2 实验二 HTML 框架 1、掌握框架的根本构造 2、掌握框架的各种属性 3、纯熟掌握框架构造之间的链接 2 设计性 3 实验三 HTML 表单 1、掌握表单标记 2、掌握输入标记 2 设计性 4 实验四 CSS 选择器 1、掌握在网页上应用 CSS 的方法 2、掌握 CSS 的根本语法规那么 3、掌握 CSS 的常用选择器 4、掌握 CSS 的属性 2 设计性 5 实验五 CSS 设计布局 1、理解定位的概念 2、掌握几种布局网页的典型逻辑构造 3、纯熟掌握 CSS 常用 4 种布局的方法 2 综合性 6 实验六 JS 语法根底 1、掌握 JS 的数据类型 2、掌握 JS 的变量的定义和使用 3、掌握 JS 的语句构造 4、掌握 JS 的函数定义及调用 5、掌握 javascript 的三种消息框的使用 2 验证性 7 实验七 JS 事件 1、掌握 JS 的各种事件 2、掌握 JS 的各类事件的触发条件 3、表单验证 2 设计性 8 实验八 综合实验 1、纯熟掌握 HTML 各种标记 2、纯熟掌握 CSS 款式规那么 3、纯熟掌握 JS 语法和语句 2 综合性2、作业 任课老师可进展适当的随堂小测试；每局部讲授完毕后，要求学生及时完成课程布置的操作题。3、课外 每周定时、定点辅导答疑。五、本课程与其他课程的联络后续课程动态 web 开发等。六、教学参考书目 1、HTML、CSS、JavaScript 网页制作从入门到精通，刘西林 柳林著，人民邮电出版社，20_.1 2、网页设计与开发-HTML、CSS、JavaScript 实例教程第 2 版，郑娅峰、张永强编著，清华大学出版社，2022.9 3、CSS 网页设计标准教程温谦编著，人民邮电出版社 2022.05 大纲撰写人：徐杨大纲审阅人：田莹负责人：吴建胜第 7 页 共 7 页