《网页设计》 教学大纲

十五．插入Spry构件 1.Spry构件的概念 2. 插入Spry构件 3. 使用CSS编辑Spry构件
五、学时分配
课程内容
第一讲：网页设计基础（1） 第二讲：网页设计基础（2） 第三讲：网页设计技巧 第四讲：初识Dreamweaver 第五讲：页面总体设置 第六讲：制作文本页面 第七讲：制作图像页面 第八讲：利用表格排版布局 第九讲：应用所学知识，设计简单网 页（1） 第十讲：制作多媒体页面（1） 第十一讲：制作多媒体页面（2） 第十二讲：应用所学知识，设计简单 网页（2） 第十三讲：制作表单页面 第十四讲：制作网站链接 第十五讲：利用AP Div排版布局 第十六讲：应用所学知识，设计简单 网页（3）
第十七讲：CSS样式表控制网页外观
第十八讲：利用模板和库进行网页设 计
讲授时 数 1 1 1 1 1 1 1 1
1
1 1
1
1 1 1
1
1
1
实训时 数 1 1 1 1 1 1 1 1
1
1 1
1
1 1 1
1
1
1
小计
2 2 2 2 2 2 2 2
2
2 2
2
2 2 2
2
2
2
第十九讲：使用行为面板
1
1
2
第二十讲：应用所学知识，设计简单
1
1
2
网页（4）
第二十一讲：插入Spry构件
1
1
2
第二十二讲：综合案例分析
1
1
2
第二十三讲：应用所学知识，设计简
1
1
2
单网页（5）
第二十四讲：结课 合计
1
1
2
24
24
48
六、实践环节
实训一：自制一个带有文字、图片的简单网页
辅导内容：1、建站意图、为谁而建、网站的设计风格；2、站点的 规划。
教学基本要求：通过理论和实例分析，理解图片、文字在网页中的 位置；以及站点的建立的重要性。
Flash按钮
Flash文本 Flash动画 3.控制Flash动画 4.插入图像查看器 5.插入背景音乐 九．制作表单页面 1.表单与控件介绍 2.插入文本域 3.插入选择框 4.插入按钮 十.制作网页链接 1.制作内部链接 2.制作外部链接 3.电子邮件链接 4.创建锚链接 5.创建其他类型的链接 十一．利用AP Div排版布局 1.AP Div的概念学习 2.使用AP元素面板 3.创建AP Div的基 本方法 4.AP Div与Div的区别和联系5.使用AP Div布局页面 十二．CSS样式表控制网页外观 1. CSS定义与作用 2. CSS装饰网页外观 2. 使用CSS+Div布局页面的方法 十三．利用模板和库进行网页设计 1.使用模板和库 2.使用模板建立简单网站 十四．使用行为面板 1.行为的概念2.行为的要素3.行为应用实例
教学目标：（一）知识目标；掌握网页设计理论知识：1.网页设 计理论基础；2.网页设计的方法与技巧掌握网页设计实践知识：1.宏观 控制页面与网页排版2.插入各种网页元素（二）能力目标；能够熟练使 用DreamweaverCS5；掌握静态效果与动态效果网页的设计与制作；培养 学生分析与鉴赏优秀网页的能力（三）德育目标；在教学过程中，培养 学生发现问题、解决问题的能力；同时强调学生下课要加强自学，引导 学生以教学内容和书本为基点向外延扩展。培养学生的团队合作能力。
2、实践法：注重课堂练习与网页实际制作。尽量在课上解决问 题，课下进行设计。将所学知识在实际操作的过程中应用和锻炼，以达 到巩固目的。通过课堂讨论和课堂比较，使学生获得更快的进步。
四、教学内容及教学要求
第一部分：网页设计理论知识
一．网页设计基础 1. 基础知识
1.1 Internet/ www/ html,/javascrip/ css的概念 1.2 认识网址、网站、网页、浏览器 1.3 网页设计技术概述
利用Dreamweaver制作简单网页 四．页面总体设置
1. 网页空间探秘 2. 页面设置操作 2.1文档的基本操作 2.2设置文件头信息 2.3设置页面属性 2.4设置跟踪图像 五．制作文本页面 1.文字与排版 2.插入水平线 3.插入日期 4.应用列表 六．制作图像页面 1.图像常识 2.图形元素设计 3.插入并设置图像 4.插入其他图像元素 5.利用简单的表格插入图文 七．利用表格排版布局 1.表格的基本操作 2.使用表格的其他视图 3.制作特殊表格 4.使用表格布局页面 八．制作多媒体页面（1） 1.多媒体元素设计 2.插入多种Flash元素
实训三：运用在CSS+DIV布局来控制网页的布局、网页颜色、文本
以及图片效果。
辅导内容： CSS+DIV布局； 教学基本要求：完成CSS+DIV布局的一系列的布局，让学生对网页 的后台编码有一个较清晰的认识。 数量及内容：对网页的布局、网页的颜色、文本以及图片效果这三 种表现样式都一一的进行练习。 质量要求: 设计风格不限
二、课程的重点与难点
课程的重点： 1. 网页设计理论基础 2. 使用表格布局简单网页 3. 使用CSS+Div布局网页 4. 插入文字、图片、多媒体等网页元素
课程的难点： 1. 使用CSS+Div布局网页 2. 插入多媒体网页元素 3. 使用Spry构件
4. 完整网页设计的步骤
三、教学方法与手段
1、讲授法：讲授网页设计基础知识，网页设计方法与技巧， DreamweaverCS5的基本操作，网页设计的步骤与原则。
（二）本课程是艺术设计专业必修课程，在教学过程中必须注意理
论联系实际，运用实践学时或多媒体教学，使学生获得感性认识，能够
将理论运用到实践练习中。
附注
执笔人：
审核人：
时 间： 年 月
日
实训四：在所有的网页构成要素学完之后，收集资料，建立自己的 第一个网页，进行实训指导。
辅导内容： 网页设计中所涉及的元素； 教学基本要求：用我们所学的一系列布局网页的元素以及方法来独 立完成。 数量及内容：一个完整的网页设计。 质量要求: 设计风格不限。
七、大纲说明
（一）本大纲适用于艺术设计专业的本科教学；
数量及内容：规定网页一定要体现创作者的主题以及设计风格。 质量要求：1、运用Dreamweaver软件制作一个较完整的网页。
实训二：制作多媒体的FLASH导航条。
辅导内容：Flash软件的学习。 教学基本要求：先试做几个简单的Flash导航条。 数量及内容：按规定将Flash文本、Flash按钮、Flash动画等多媒体 的设计元素插入到网页设计中。 质量要求: 1、老师规定题目；2、规定动态导航数量；3、设计风格 不限；
2. 初识HTML语言 2.1 认识HTML语言 2.2 用记事本制作简单网页 二．网页设计技巧 1. 网站整体设计（建站意图，为谁而建，类型片） 2. 站点规划（内容，功能，架构，界面）
第二部分：网页设计实践知识
三．初识Dreamweaver Dreamweaver简介 利用Dreamweaver制作网站的基本流程 Dreamweaver软件界面介绍 Html语法结构和标签属性
《多媒体网页设计》课程教学大纲 （课程编码：）
一、课程的性质与教育目标
课程的性质：网页设计是本科艺术专业学生的一门必修课程。本 课程具有较强的操作性、实践性和实用性，同时它的综合性质较强，必 须结合相应的理论知识并运用其他知识（如：版式设计、Photoshop、 Firewor源自文库s、Flash等），才能完成学习内容。因此本课程要求理论与实 践相结合，并注重实践操作的能力培养。本课程以DreamweaverCS5的操 作和使用为重点，系统地介绍了如何宏观控制网页效果以及插入各种网 页元素，使学生能够独立制作简单网站。