网页设计基础教学大纲

《网页设计基础》课程教学大纲

一课程说明

1.课程基本情况

课程名称：网页设计基础

英文名称：Fundamentals of Designing Web Pages

课程编号：2413267

开课专业：计算机科学与技术

开课学期：第3学期

学分/周学时：2/2

课程类型：专业方向选修课

2．课程性质（本课程在该专业的地位作用）

本课程是计算机科学与技术专业的专业基础课。学习网页的布局与美化、及流行的前端技术，为下一步开发企业级的B/S架构的应用打下基础。

3．本课程的教学目的和任务

在掌握计算机网络的基本知识和基本理论的基础上，使学生通过本课程的学习，掌握DreamweaverMX的使用方法，学会使用DreamweaverMX制作Web网页的技术。通过本课程的学习，掌握DreamweaverMX软件的使用方法,能够创建一个企业的电子商务站点，高效的管理Web内容和站点结构；培养具备较强的逻辑思维能力和独立思考能力。

4．本课程与相关课程的关系、教材体系特点及具体要求

这门课程的先修课程为《计算机应用基础》。

5．教学时数及课时分配

二教材及主要参考书

1. 文丰科技,《中文Dreamweaver8网页制作教程与上机实训》, 机械工业, 2008

2. 览众,《Dreamweaver8商业案例精粹》, 电子工业出版社, 2007

3. 黄竣,《Dreamweaver MX精彩效果百例》, 中国水利水电出版社, 2004

三教学方法和教学手段说明

主要使用多媒体教室进行理论讲解和演示制作步骤，布置课后练习让学生提交电子档进行检查。

四成绩考核办法

考试分为平时作业（含课程设计）、半期考试和期末考试三部分组成，比例为20%、20%、60%。评定学期成绩时结合平时出勤情况得出该门课成绩。

五教学内容

第一篇快速入门（理论6学时，实验6学时）

一、教学目的

掌握DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；理解站点、网站、网页及网页属性的概念；了解

DreamweaverMX的汉化方法。

掌握创建Web站点的基本方法与步骤；熟悉网页制作过程中所涉及的一些基本概念与常识。了解通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法；熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；

掌握通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。了解网格、捕捉与辅助设计图片的功能以及打开、关闭与设置其特性的方法；掌握系统属性及网页属性的设置方法，及各设置参数的作用。

了解建立超级链接各目标参数的意义，掌握设置超级链接的方法；掌握制作超级链接、E-mail链接、书签等形式的超级链接；掌握导航条与跳转菜单的特点与用法。

掌握时间线的创建与调整方法；学会通过如何为时间线增加行为等方式来控制时间线的播放效果；掌握利用时间线制作网页动画的方法。

二、教学重点

DreamweaverMX的人—机交互界面的组成与使用方法。

通过一个网页制作示例，比较全面的介绍了Web站点的创建过程，概括的介绍了使用DreamweaverMX制作网页的主要方法。

重点介绍了站点的创建、站点地图的使用以及文件的下载、上传与同步更新。

主要介绍制作网页的一些基本常识，例如：文档的创建、打开与保存，标尺与网格的使用，捕捉与辅助设计图片的应用等。

全面介绍了网页设计中使用的几种超级链接设置的方法与步骤，包括：E-mail,书签，脚本，跳转菜单和导航条的设置方法。

详细介绍了时间线的创建、编辑、行为设置等内容。

三、教学难点

理解站点、网站、网页及网页属性的概念。

站点管理器的使用。

理解属性面板的概念。

理解导航条与跳转菜单

时间线和动态网页的概念。

四、讲授要求

讲解清楚DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；使理解站点、网站、网页及网页属性的概念。讲解清楚本片涉及的以下基本概念：站点管理器、理解属性面板、导航条与跳转菜单、时间线和动态网页。

五、讲授要点

1、DreamweaverMX的使用界面中各组成元素的名称与功能；

2、打开与关闭工具窗口的方法；

3、站点、网站、网页及网页属性的概念；

4、DreamweaverMX的汉化方法；

5、页面的基本设置；

6、超链接与导航。

六、实验及实践要求

实验一：快速入门

1、实验项目名称：快速入门

2、实验类型：设计

3、学时分配：6学时

4、每组人数：1人

实验内容及要求：（1）使用DreamweaverMX制作一个简单的主页，（2）要求具备以下网页元素：页面的基本对齐设置、超链接与导航，色彩协调。

第二篇网页布局（理论6学时，实验6学时）

一、教学目的

掌握表格的创建、结构调整与美化方法；熟悉表格与单元格的主要属性及其设置方法；掌握通过表格来进行网页页面的布局方法。

掌握在网页中创建、修改层和嵌套层的方法；掌握层的属性和编辑层属性的方法；掌握移动、删除层的方法。

了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架结构网页的制作方法。

二、教学重点

在DreamweaverMX中表格的创建、调整、单元格的编辑与属性设置等操作的方法。层的概念以及层的创建与修改方法。框架网页的特点、框架网页的创建、编辑、保存与应用方法。

三、教学难点

图层的概念与运用。制作动态网页。

四、讲授要求

讲解清楚表格、层和框架三种页面布局方式的应用及它们之间的优缺点比较。

五、讲授要点

1、DreamweaverMX中表格的创建、调整、单元格的编辑与属性设置等操作

2、层的创建与修改方法；

3、框架网页的特点、框架网页的创建、编辑、保存与应用。

六、实验及实践要求

实验二：网页布局

1、实验项目名称：网页布局

2、实验类型：设计

3、学时分配：6学时

4、每组人数：1人

实验内容及要求：（1）使用DreamweaverMX模仿制作一个指定的著名网站的布局方式，（2）要求综合应用层和框架技术，表格方式供选用。

第三篇CSS设计（理论2学时，实验2学时）

一、教学目的

要求重点了解制作网页时的断行方法；掌握使用HTML样式和CSS样式创建、编辑网页的方法。

二、教学重点