网页设计（1学分）教学大纲

理论课教学大纲

课程名称：网页设计

制定部门：信息管理与工程系 执 笔 人：李 峰 审 定 人：赵秀明

河北金融学院 二○○七年六月

制（修）订说明

随着网络的飞速发展，网络应用在社会的方方面面已经占据了不可替代的地位，具有越来越重要的作用。很多大学生已经不再满足于仅仅在网络上浏览信息，而是希望更多地如何设计出与众不同的网页及网站，使自己的网站页面精美清晰、内容丰富、风格独特，这是每一个网页制作人员最关心的问题。掌握基本的网页设计的相关知识也是目前非计算机专业大学生所应该具备的能力之一。

网页设计是一门综合技术的应用于体现，主要包括：网站的规划、创建于维护、图像的设计与处理、网页的动画效果和网页的排版等。在众多的网页和网站设计开发工具中Dreamweaver以其易操作性、专业性、完备性、和协作性等备受网页制作人员的青睐。

河北金融学院 信息管理与工程系（部）

二○○七年六月

目 录

一、课程基本信息…………………………………………………………1 二、课程性质、目的和任务………………………………………………1 三、学时分配表……………………………………………………………1 四、课内实践教学要求…………………………………………………………2 五、课程教学容…………………………………………………………………2 六、考核方式与标准………………………………………………………11 七、推荐教材………………………………………………………………11

一、课程基本信息

课程代码： 课程类别：选修课 学 时：16 学 分：1 适用专业:

先修课程：大学计算机基础 后续课程：无

二、课程的性质、目的和任务

本着学校培养应用性人才的办学理念，特针对全校的开设了这门比较实用的《网页设计》课程。其目的是使我校非计算机专业的专科生通过选修这门课程，了解网页设计的基本知识，掌握一定的网页设计的能力，帮助学生建立网页设计的整体概念；通过学习使学生在设计静态网页方面具备一定的动手能力。为今后的工作等方面打下一定的基础。

三、学时分配表

章 节 第一章 第二章 第三章 第四章 第五章 第六章 第七章 第八章 内 容 网站的需求分析和项目策划 网页界面设计 网页元素设计 表格布局技术 DIV元素和行为 框架布局技术和模板技术 CSS样式 网页表单技术 学 时 2 2 2 2 2 2 2 2 四、课内实践教学要求

每次实践课都要求学生按照所学的内容亲自练习实践，充分掌握和理解每一部分的功能。

五、课程教学内容

第一章网站的需求分析和项目策划

教学目的与要求：了解网站的需求和网页布局规划。

1

教学重点：网站的概念。 教学难点：网页布局规划。 教学内容：

第一节 网站的策划

1. 网站的主题 2. 网站的对象 3. 网站的内容

4. 策划个人网站实战演练

第二节 网页的布局规划

1．网页的构成 2．网页蓝图的规划 3. 网站页面的布局 4. 经典网站主页的布局

第三节 企业网站设计策划书示例

第二章 网页界面设计

教学目的与要求：了解网页的基本概念，网页的基本配色要求。 教学重点：网页界面的基本构成。 教学难点：网页界面的基本构成。 教学内容：

第一节 对网页设计的理解

1. 网页界面设计概述 2. 网页界面的基本构成要素 3. 网页信息的表现类型

第二节 网页配色

1. 色彩的基础知识 2. 网页用色技巧

第三节 版式布局实例讲解 第三章 网页元素设计

教学目的与要求：了解站点的基本概念，以及网页常见元素的设计和处理 教学重点：站点的创建，文本和图像 教学难点：站点的理解 教学内容：

第一节 建立站点

1. 站点的创建 2. 页面设置

2

3. 创建站点实战演练

第二节 文本处理

1. 插入文本 2. 设置文本格式 3. 链接 4. 项目列表

5. 文本页面制作实战演练

第三节 图像处理

1. 插入图像 2. 设置图像的属性 3. 图像的链接 4. 图像的热区 5. 图像高级设置

第四章 表格布局技术

教学目的与要求：掌握常见的表格布局 教学重点：表格的相关操作 教学难点：表格的绘制 教学内容：

第一节 普通表格布局技术

1. 表格的创建 2. 表格的基本操作 3. 表格的属性设置 4. 嵌套表格

第二节 绘制特殊表格

1. 绘制细线边框表格 2. 绘制立体表格 3. 绘制圆角表格

第三节 表格布局技术在网页设计中的应用

第五章 DIV元素和行为

教学目的与要求：掌握DIV和行为的基本用法。 教学重点：DIV。 教学难点：行为。 教学内容：

第一节 DIV元素布局技术

1. DIV元素

3

2. AP DIV元素

3. AP DIV元素转化为表格 4. AP DIV元素布局实战

第二节 行为

1. 行为的基础知识 2. 行为的应用

第三节 DIV元素在网页制作中的应用

1. AP DIV的显示隐藏特效——图像切换 2. AP DIV的显示隐藏特效——下拉菜单 3. AP DIV的显示隐藏特效——试穿衣服

第六章 框架布局技术和模板技术

教学目的与要求：了解框架和模板的基本概念。 教学重点：框架的使用。 教学难点：框架属性的设置。 教学内容：

第一节 框架布局技术

1. 框架的基础知识 2. 框架和框架集的基本操作 3. 框架和框架集的属性设置

第二节 框架布局技术在网站设计中的应用

1. 某公司网站框架布局实战演练 2. 定义框架中的链接

第三节 模板 第七章 CSS样式

教学目的与要求：了解CSS的概念，掌握基本的应用方法。 教学重点：CSS基础知识。 教学难点：CSS应用。 教学内容：

第一节 CSS布局技术

1. CSS的基本知识 2. CSS的应用

第二节 CSS在网页制作中的应用 第八章 网页表单技术

教学目的与要求：了解表单的基础知识。 教学重点：表单对象。

4

教学难点：表单对象的属性设置。 教学内容：

第一节 表单技术

1. 表单的基础知识 2. 表单对象

第二节 表单技术在网页制作中的应用

教学方法与手段：多媒体教学 教学参考书：

1.王任华等，《网页设计与制作应用教程》，机械工业出版社，2009年。

六、考核方式与标准

考核方式：课程设计

考核标准： 从培养目的出发，考核内容主要使用Dreamweaver进行静态网页设计，考查学生的知识掌握情况和实际的动手能力。

七、推荐教材

1.汪洋等，《网页设计与制作实例教程》，机械工业出版社，2009年。

5

本文来源：https://www.bwwdw.com/article/r0z8.html