网页设计教学大纲.docxVIP

《网页进阶》

教学大纲

北京市供销学校

适用专业：计算机适用学制：四年制

编写者：陈文军审核者：

《网页进阶》教学大纲

一．课程性质和任务的基本要求

2

《网页进阶》为在全面学习网页制作基本知识和方法的基础上，熟悉网站建设的流程，提高网页设计水平，面向计算机专业开设的专业课程。

本课程旨在达到如下目标：

·巩固已学过的网站的基本知识。例如：网站的发展和分类知识、网站开发所需的技术、HTML和CSS的结构和语法等。

·掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

·掌握各种网页元素在Dreamweaver中的使用。例如：表格、文本、图象、超级链接、层和表单等。

·熟悉一些网页设计辅助软件的功能和使用方法。例如：Swish、Fireworks等。

·掌握测试和发布网站的方法。包括网站测试的内容和方法、Cuteftp的使用方法等。

·能够解决一些网页设计中的常见问题。

在教学中，掌握本课程的特色和重点，围绕Dreamweaver的实际应用来组织教学，重点培养学生对对于网页设计的实际操作能力。

二．教学起点

初中毕业、计算机专业四年制。

三．教学条件

1．教学地点：计算机机房

2．教学设备：

计算机、配套软件（Dreamweaver）。

四．技能标准

1．熟练掌握Dreamweave的应用技巧，能独立完成

网站设计，并利用其它辅助工具起到对网页美化的作用。

2．掌握网站开发流程。

3

3．掌握网站发布、测试的方法。

五．课时分配

章次

授课内容

课时分配

授课

上机练习

合计

1.

网站基础建设

1.1

动态网站开发技术

1

1

2

1.2

网站建设的一般步骤

1

1

2

2.

网站页面设计

2.1

网页常见布局类型

1

1

2

2.2

网页中图像与文字的设计

1

1

2

3.

使用Dreamweaver创建站点

3.1

创建本地站点

1

1

2

3.2

难点解析

1

1

2

4.

网页布局定位技术

4.1

创建完整的框架网页

1

1

2

4.2

使用层精确定位网页元素

1

1

2

4.3

创建模板网页

1

1

2

5.

利用行为和JavaScript制作特效网页

5.1

使用Dreamweaver自带行为创建特效网页

1

1

2

5.2

自动显示当前日期和时间

1

1

2

5.3

制作字动滚屏网页

1

1

2

5.4

制作漂浮广告

1

1

2

5.5

难点解析

1

1

2

6.

使用样式表美化网页

6.1

CSS概述

1

1

2

6.2

应用CSS样式美化网页

1

1

2

6.3

CSS综合应用实例

1

1

2

6.4

难点解析

1

1

2

7.

动态网页技术

7.1

HTML语言

1

1

2

7.2

ASP技术

1

1

2

7.3

在Dreamweaver中编辑代码

1

1

2

7.4

搭建服务器平台

1

1

2

7.5

创建数据库

1

1

2

7.6

创建数据库连接

1

1

2

7.7

难点解析

1

1

2

8

制作个人类网站－个人相册网站

8.1

个人网站概述

1

1

8.2

利用Photoshop处理照片

2

2

8.3

申请与维护管理个人相册

2

2

8.4

创建具有个性化的个人相册

2

2

8.5

制作网页特效

2

2

8.6

技巧汇总

1

1

4

9.

制作企业宣传类网站

9.1

网站建设准备工作

1

2

3

9.2

设计网站首页

9.3

创建网站二级页面

1

3

4

9.4

上传与发布

1

3

4

9.5

技巧汇总

1

1

总计

31

41

72

六．理论教学内容

1．网站建设基础教学目的和要求：

巩固网页制作的基本知识，包括网页中的基本要素，网页设计常用工具和网站建设常用技术，最后简单讲述网站建设的基本流程。

教学重点和难点：

熟悉网站建设的一般步骤。

教学内容：

1.1.动态网站开发技术1.1.1.ASP技术

1.1.2.PHP技术1.1.3.JSP技术

1.2.网站建设的一般步骤

5

1.2.1网站需求分析与规划

1.2.2申请注册域名

1.2.3租赁服务器硬盘空间

1.2.4制作网站页面

1.2.5网站的测试与上传1.2.6.上机操作

2．网站页面设计

教学目的和要求：

通过本章教学，使学生了解网站的常见布局类型，网页设计基本原则，网页版面布局设计，网页色彩设计和网页中图像与文字的设计等相关内容。

教学重点和难点：

掌握网页中图像与文字的设计方法

教学内容：

2.1.网页常见布局类型2.1.1.国字型

2.1.2