完整word版2学期《网页设计与制作》教学大纲.docx

资源描述

完整word版2学期《网页设计与制作》教学大纲.docx

《完整word版2学期《网页设计与制作》教学大纲.docx》由会员分享，可在线阅读，更多相关《完整word版2学期《网页设计与制作》教学大纲.docx（12页珍藏版）》请在冰豆网上搜索。

完整word版2学期《网页设计与制作》教学大纲.docx

完整word版2学期《网页设计与制作》教学大纲

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

一、课程基本信息

【课程编码】03110190

【课程类别】专业课

【适用专业】软件技术

【课程性质】必修课

【总学时】48

【学分】3

【使用教材】《网页设计与案例教程》清华大学出版社张晓蕾主编

二、课程教学总目标要求

知识目标：

根据本课程面对的工作任务和职业能力要求，要教会学生网页设计的具体操作技能，是以培养应用型人才为目标的。

通过该过程全面介绍了（X）HTML和CSS的语言基础，以及在Dreamweaver环境中网页设计和制作的各方面内容和技巧，包括多种形式的主页、栏目页、内容页，以及后台管理页的设计和制作。

通过对WEB页制作技术和制作工具的学习，使学生对于网页设计中涉及的相关知识有一个全面的了解，为后续课程（如ASP.NET、JSP、PHP等）打下坚实的基础。

让学生获得解决一般网页制作问题的能力。

能力目标：

本课程强调对学生的知识、能力和素质的全面培养，学习本课程后，应达到下列基本要求：

1.了解网页设计与制作的基本概念与方法，掌握网站的基础知识。

2.掌握网页制作的方法与技巧。

3.掌握HTML,XHTML，CSS等制作技术。

3.熟练掌握dreamweaver的操作，使用dreamweaver制作网页。

其他目标：

有利于学生的职业生涯发展及自我管理。

三、课时分配

章节

课题名称

总学时数

其中

备注

理论

实验实训

第一章

网页制作基础

第二章

网页语言基础

第三章

CSS语言基础

第四章

DreamweaverCs5基础

第五章

图像在网页中的应用

第六章

网页元素——列表

第七章

网页元素——表格

第八章

网页元素——表单与框架

第九章

网页元素——模板与行为

第十章

网站后台的设计与制作

复习

总教学时数合计

四、教学内容及要求

第一章网页制作基础

【主要内容】

1.1认识网页与网站

1.2网页设计与制作

1.2.1基本概念

1.2.2网页设计的主题与风格定位

1.2.3网站开发的流程

1.2.4网站前端开发环境

1.2.5相关术语

【教学重点】

1、网页制作基本流程

2、网页的构成元素

3、网页设计开发环境

【教学难点】

网页制作相关专业术语

【教学要求】

学习本课程后，应达到下列基本要求：

1、认识网页与网站

2、了解网页设计的主题与风格定位

3、掌握网页设计与制作的基本流程

4、掌握与网页制作相关的专业术语

第二章网页语言基础

【主要内容】

2.1HTML、XHTML和HTML5概述

2.1.1HTML

2.1.2XHTML

2.1.3HTML5

2.2网页文件的创建过程

2.3常用标签

2.3.1标题标签、段落标签与换行标签

2.3.2超链接标签与图像标签

2.3.3列表标签

2.3.4表格标签

2.3.5表单标签

2.3.6HTML5新增标签

2.4简单实例

2.4.1创建和保存网页

2.4.2预览网页

2.5实训

【教学重点】

1、HTML、XHTML和HTML5之间的联系与差异

2、标签的含义及其用法

【教学难点】

标签的含义及其用法

【教学要求】

1、了解HTML、XHTML和HTML5之间的联系与差异

2、熟练掌握常见标签的含义及其用法

3、掌握CSS基本语法，能够创建简单的网页

第三章CSS语言基础

【主要内容】

3.1CSS语言概述

3.1.1CSS概述

3.1.2CSS规则

3.1.3CSS的命名规则

3.2CSS与HTML文档的结合方法

3.3结合CSS创建简单网页

3.3.1页面布局分析

3.3.2编写HTML文档

3.3.3美化与修改文档

3.4实训

【教学重点】

1、CSS的相关知识

2、CSS的基本语法

【教学难点】

CSS的基本语法

【教学要求】

1、了解CSS的相关知识

2、掌握CSS的基本语法

3、能够使用（X）HTML+CSS创建简单网页

第四章DreamweaverCS5基础

【主要内容】

4.1初识DreamweaverCS5

4.1.1DreamweaverCS5的工作环境

4.1.2工具栏与面板介绍

4.1.3DreamweaverCS5的参数设置

4.2创建与管理站点

4.2.1创建站点

4.2.2创建第一个网页文档

4.2.3站点内文件管理

4.2.4站点的管理

4.3CSS在Dreamweaver中的运用

4.3.1CSS的链接类型

4.3.2盒模型概述

4.3.3CSS选择符

4.4商用案例——使用“DIV+CSS”模式制作旅行社网页

4.4.1页面规划

4.4.2实现过程

4.5实训

【教学重点】

1、DreamweaverCS5的基本操作

2、站点的创建与管理

3、CSS在Dreamweaver中的应用

4、使用DIV+CSS模式制作网页

【教学难点】

站点的创建与管理、盒模型和选择符

【教学要求】

1、熟练掌握DreamweaverCS5的工作环境

2、熟练掌握DreamweaverCS5的基本操作

3、掌握盒模型和选择符的重要概念

4、能够使用DIV+CSS模式制作网页

第五章图像在网页中的应用

【主要内容】

5.1使用图像丰富页面

5.1.1插入图像的方法

5.1.2鼠标经过图像

5.1.3图像的热点区域

5.2使用CSS控制图像

5.2.1CSS控制图像背景

5.2.2图像在超链接方面的应用

5.2.3CSS在图文混排版式中的应用

5.3商用案例——从切片到页面的实现

5.3.1页面规划与切片的联系

5.3.2定义站点

5.3.3页面的具体实现

5.4实训

【教学重点】

1、图像的插入方法

2、CSS控制图像

3、图文混排

4、图像的切片

【教学难点】

CSS控制图像，图文混排

【教学要求】

1、掌握图像的常见格式和插入图像的方法

2、熟练掌握CSS控制图像的相关属性

3、熟练掌握图文混排的实现方法

4、能够使用Photoshop的切片功能输出所需图像

第六章网页元素——列表

【主要内容】

6.1列表

6.1.1列表元素概述

6.1.2列表的类型

6.1.3CSS控制列表的相关属性

6.2CSS知识积累

6.2.1伪类与伪元素

6.2.2CSS的继承特性与特殊性

6.3列表在导航中的运用

6.3.1使用列表实现纵向导航

6.3.2使用列表实现横向导航

6.4商用案例——“博客页面”的设计与实现

6.4.1页面规划

6.4.2定义站点

6.4.3页面的具体实现

6.5实训

【教学重点】

1、CSS控制列表的相关属性和使用方法

2、列表在导航中的应用

【教学难点】

伪类与伪类元素，CSS的继承特性和特殊性

【教学要求】

1、掌握列表的种类及其结构

2、掌握CSS控制列表的相关属性和使用方法

3、掌握伪类与伪类元素的相关知识

4、能够使用列表元素实现各种页面导航

第七章网页元素——表格

【主要内容】

7.1表格

7.1.1创建表格

7.1.2添加表格内容

7.1.3表格基本操作

7.1.4表格和单元格的属性设置

7.2与表格相关的CSS属性及其应用

7.2.1表格类CSS属性

7.2.2CSS表格

7.3CSS知识积累

7.3.1浮动

7.3.2定位

7.4商用案例——“中秋节电影”活动页面的设计与实现

7.4.1页面规划

7.4.2页面的具体实现

7.5实训

【教学重点】

1、表格的创建和基本操作

2、表格和单元格属性的设置

3、与表格相关的CSS属性及其应用

4、浮动和清除浮动的方法

【教学难点】

使用表格进行页面布局，与表格相关的CSS属性，相对和绝对定位

【教学要求】

1、掌握创建和编辑表格的基本方法

2、掌握与表格相关的CSS属性

3、掌握浮动和清除浮动的方法

4、能够灵活运用相对和绝对定位解决实际问题

第八章网页元素——表单与框架

【主要内容】

8.1表单

8.1.1表单域

8.1.2文本字段

8.1.3复选框与复选框组

8.1.4菜单与跳转菜单

8.1.5借助CSS美化表单

8.2框架

8.2.1框架的基本概念

8.2.2创建包含框架的文档

8.2.3设置框架和框架集属性

8.3商用案例——团购网页面的设计与实现

8.3.1页面规划

8.3.2页面的具体实现

8.4实训

【教学重点】

1、表单对象的创建和使用方法

2、框架和框架集的概念

3、框架的创建和属性设置

【教学难点】

CSS美化表单，浮动框架集

【教学要求】

1、掌握各种表单对象的创建和使用方法

2、能够借助CSS对表单进行美化

3、理解框架与框架集的相关概念

4、能够灵活运用框架知识创建包含框架的页面

第九章网页元素——模板与行为

【主要内容】

9.1模板

9.1.1模板的基本概念

9.1.2使用模板创建网页

9.1.3模板的管理

9.2行为

9.2.1行为的基本知识

9.2.2应用行为

9.3商用案例——公司类网站的设计与制作

9.3.1布局分析

9.3.2制作过程

9.4实训

【教学重点】

1、模板的基本概念

2、用模版功能快速创建多个页面

3、行为的基本知识

【教学难点】

行为的应用

【教学要求】

1、掌握模版的相关概念

2、能够利用模版功能快速创建多个页面

3、理解行为的概念，能够为网页添加简单的行为

第十章网站后台的设计与制作

【主要内容】

10.1规划与分析

10.1.1相关概念

10.1.2规划设计

10.2设计与实现

10.2.1登录页面的实现

10.2.2后台页面的实现

10.3实训

【教学重点】

1、利用框架知识完成页面的搭建

2、运用DIV+CSS模式完成多个页面的制作

【教学难点】

运用DIV+CSS模式完成多个页面的制作，导航与各个页面的链接设置

【教学要求】

1、了解网站后台管理系统的作用

2、能够利用框架知识完成页面的搭建

3、能够灵活运用DIV+CSS模式完成多个页面的制作

4、能够完成导航与各个页面的链接设置

五、主要实验实训条件

多媒体教室，计算机实验室

六、主要参考书

《网页设计与制作》化学工业出版社李广武、张逸昀编

7、已修课程与后续课程

无

撰写人：

年月日

教研室主任（审核）：

年月日

系（部）主任（审核）：

年月日

教务处长（审核）：

年月日

主管教学院领导（批准）：

年月日

展开阅读全文