【精品课程】网页设计精品课程

课程介绍

《网页设计》课程是学院的一门公共课程，也是一门综合课程，它涵盖了《Dreamweaver网页设计》、《HTML网页制作》、《VbScript网页编程》等多项相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《网上应用系统开发技术 》、《web数据库》等课程打下一个坚实的基础。

   通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握VbSCRIPT脚本编程语言的基本语法知识，HTML中VbScript程序的嵌入方法，对象的概念及使用VbScript来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。

课程要求

  《网页制作与网站设计》是计算机类各专业开设的一门很重要的实践环节课程。本课程要求学生具备美术基础、图形图像处理能力、网页动画设计能力和Internet 应用能力。学生通过本课程的学习，培养了创新意识和职业意识，提高学生的分析问题和解决问题的能力及团队精神和合作能力，即培养两个意识，提高两种能力；并了解网站技术和其他学科领域的相互联系和相互促进的关系，为

今后专业课的学习和工作奠定理论和实践基础。

该课程注重实用性和操作性，因此本课程的目的和任务是：

1．掌握Web网站的架设方法

2．掌握网页制作的常识，熟悉网页制作的基本技术。

3．熟练掌握Dreamweaver软件的使用。

4．能自己独立建立站点、制作网页。

网页制作与网站设计 课内学时：40

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

本课程设置的目的是为了使学生掌握静态网页的制作与发布，掌握网页设计软件的应用。能熟练使用Dreamweaver MX、FLASH MX 2004、Phososhop 8.0，制作出具有一定水准的网页。

本课程的学习内容分为三个层次：第一层次就是对开发工具Dreamweaver MX以及 相应辅助设计工具的熟练掌握及运用；第二层次就是利用所学的工具，开始策划并制作一个小型静态主页；第三层次就是能熟练运用Dreamweaver MX 、FLASH MX 2004、Phososhop 8.0编制出具有一定水准的网站，同时掌握相关动态网页的一些操作。

二、 课程内容、学时分配及基本要求

第0章 网页设计综述 2学时

0.1 网站开发的流程

0.2 页面设计布局介绍

0.3 本章小结

基本要求：

本章对网站开发的流程、页面和几种布局类型进行介绍，让学生在开始学习制作网页之前，对网站有个整体的认识和了解。

实践性环节：网页制作流程展示

第１章 初识Dreamweaver 8 3学时

1.1 HTML基本知识

1.2 Dreamweaver 8快速入门

1.3 使用Fireworks辅助页面设计

基本要求：

本章中对一些与Internet有关的术语进行简单的解释，然后阐述与HTML有关的知识，接着对Dreamweaver MX2004的各项功能进行介绍，最后讲解如何使用Fireworks辅助网页设计，为制作网页提供更大的方便。

实践性环节：初识DW，制作简单网页，使用HTML语言编写简单页面

第2章 创建网页和网站 1学时

2.1 创建简单文档

2.2 创建本地站点

2.3 创建以模板为基础的文档

基本要求：

本章主要介绍创建基本的网页文档和Dreamweaver站点的方法，包括使用Dreamweaver的基本功能对页面进行简单的编辑，并讲解网站的有关概念。

实践性环节：利用DW建立网站，制作简单网页

第3章 编辑文档 2学时

3.1 编辑文档和图片

3.2 网页超级链接

3.3 如歌岁月——网页实例制作

基本要求：

本章详细说明了编辑HTML文档的各种具体操作，并以实例进一步说明了各种操作的具体方法，同时还讲解了如何页面添加链接，包括文字链接、图片链接和热点链接等内容。

实践性环节： 完成简单网站建设，并建立超链接

第4章 网站建设与管理 2学时

4.1 网站建设

4.2 网站管理与维护

4.3 网站测试与优化

4.4 在Internet上建立网站

4.5 网站宣传

基本要求：

本章介绍了建设、管理网站的方法，还介绍了管理和维护网站、测试网站、向远程服务器上传文件等操作

实践性环节：优秀网站欣赏

第5章 添加页面元素 4学时

5.1 使用表格

5.2 添加多媒体及空间——媒体天地

5.3 添加Flash元素

5.4 表单的使用

基本要求：

本章通过4个实例深入讲解向页面中添加页面元素的方法，包括使用表格显示数据和内容，添加音乐、视频等多媒体，添加各种Flash元素，同时讲解在页面中添加和使用表单的方法。

实践性环节：做一张包含多种媒体的网页。

第6章 层叠样式表 2学时

6.1 层叠样式表的基本应用

6.2 精品软件公司

6.3 本章小结

基本要求：

本章介绍使用层叠样式表对各种页面元素设定样式的基本操作，同时介绍一下对图片做各种效果处理的操作。

实践性环节：练习层叠样式表的应用

第7章 定位网页 5学时

7.1 表格定位页面

7.2 层定位页面

7.3 嵌入式框架定位页面

7.4 框架定位页面

7.5 框架定位页面

基本要求：

本章在前面已经学过的表格操作的基础上介绍有关表格的高级操作，还有如何使用布局表格和布局单元格进行定位网页的知识，同时还详细介绍使用层和框架进行页面定位的技术。

实践性环节：制作一张表格，包含表格的各种设置要素。

第8章 网页动态效果 1学时

8.1 行为

8.2 Javascript脚本代码

8.3 实例

基本要求：

本章主要讲解实用Dreamweaver的行为功能和Javascript脚本代码及其他脚本代码为网页添加各种网页动态效果的操作。

实践性环节：在网页中应用JS代码

第9章 库和模板的应用 2学时

9.1 库

9.2 模板

基本要求：

本章详细介绍利用模板和库功能来提高工作效率，减少在制作网页和建设网站过程中的许多劳动，同时使网站和网页的更新和维护更加方便的方法。

实践性环节：应用简单的模版和库

第10章 服务器端程序开发入门 4学时

10.1 动态网也与ASP

10.2 ASP的开发

10.3 制作留言簿

基本要求：

本章是本书唯一介绍服务器端技术的一章，目前是使读者对如何使用Dreamweaver来开发服务器端程序有一个初步的了解。

实践性环节：留言板网页精讲

三、实验内容及要求

【实验1】 熟悉Dreamweaver软件环境，利用Dreamweaver新建站点 2学时

要求：

1、 掌握DW的启动方法；

2、 熟悉DW环境的主要组成部分；

3、 掌握新建站点的方法；

4、 初步了解如何新建网页文件。

【实验2】创建网页和网站，添加网页各种元素 2学时

要求：

1、 熟练掌握在DW建立网站的方法

2、 学会在网页中添加各种元素，并建立超链接

【实验3】表单制作 1学时

要求：

学会在网页中制作表单

【实验4】CSS 样式的应用 2学时

要求：

1、 学会在网页中使用CSS样式

2、 学会使用CSS规范网页格式

【实验5】掌握网页定位技术——层、表格、框架的应用 3学时

要求：

3、 熟练掌握层、表格、框架的使用方法；

4、 学会建立复杂的网页表格；

【实验6】行为、JS的使用 1学时

要求：

在网页中使用行为和JS为网页添加动态效果

【实验7】模板和库 1学时

要求：

学会使用模版和库简化网页制作流程

四、各教学环节的学时分配

项目

学时

数

章

节 讲课 习题课 实验 合计

第0章 2 2

第1章 2 1 1 4

第2章 1 2 3

第3章 2 1 3

第4章 1 1 2 4

第5章 4 1 5

第6章 2 2 4

第7章 5 1 6

第8章 1 1 2

第9章 2 1 3

第10章 3 1 4

合计 25 3 12 40