《网页设计》教学大纲
网页设计
课程名称：网页设计 课程编号：12412219 总学时 36 适用对象：教育技术学本科专业
一、教学目的与任务
1、教学目的：本课程是教育技术学专业的专业课程，具有很强的实践性，重在掊养学生开发与制作网络课件及网站的专业技能。
2、教学任务：学生通过本课程的学习之后能掌握网络课件及网站的开发与制作流程，能独立制作简单网络课程。
二、教学的基本要求
本课程是一门实践性操作性很强的课程，重在培养学生的网页设计与制作的能力，为学生制作精品课程打基础，理论以精讲为主，但要注意给学生较多的上机实践机会，让学生在动手过程中提高网页制作能力。
三、教学内容与要求 第一章 WWW概述
（一）教学内容 1.1概述
1.1.1什么是Internet 1.1.2 Internet与TCP/IP协议
1.1.3 Internet网络地址
1.1.4 连接Internet的方式 1.2 Web服务器
1.2.1 Web/Server概述
1.2.2 Windows Web 服务器的建立
1.2.3 Unix Web服务器的建立
1.3 Internet Explorer 概述
1、设置Internet连接
2、Internet的使用
3、浏览Web的捷径
4、可定义的浏览器
5、便携机的最佳选择
1.4 Internet Explorer的快捷键 1.5 Internet 技术用语一览
（二）教学要求
本章内容比较简单且应用最为广泛,主要讲述了Web服务器的工作原理和Internet Explorer的使用方法,教师在讲述本章内容时应该多联系实际.。这样可提高上课的趣味性。 第二章 网页制作概述
（一）教学内容 2.1 网站的种类
1、公司或单位的信息发布
吴代文
Page 1 of 8
200
9、
9、5
《网页设计》教学大纲
2、出版物
3、个人主页
4、网上购物站点
5、专题介绍
6、实用信息服务 2.2网站结构的规划
1.分级结构
2.线性结构
3.Web结构
2.3网站的设计原则及标准
1、网站要包括哪些内容
2、怎样构思一个好网站
3、什么是好的设计
4、慎用图像
5、设计主页的考虑 2.4 网页外观的设计
1.不要先决定网页的外观，然後强迫自已去适应它，应该从你的访客对像，你要传达的讯息以及你的制网目标推导出一个最适合的网页架构 2.每页排版不要太疏或用太大的字，尽量避免看你的网页时要作很大的卷动，要知道在一页的上部分是显眼而宝贵的地方，不要只放著几个粗大的字或图片。
3.切勿以800x600以上的解像度设计网页。常用的解像度是640x480及800x600。明智的网页设计者是处处照顾浏览者，绝不会炫耀自己有专线、有17寸的显示器等。
4.不要於每页插入太多的广告牌。相信你亦不喜欢浏览一些贴满广告的网页吧，你要考虑到该页内容与广告的比例，摆放的位置亦很重要，不妨多参考别人的做法。广告太多，只会令人烦厌。 2.5网页制作工具概述
2.5.1 Frontpage 2.5.2 Dreamweaver 2.6 网页美化工具
2.6.1 Photoshop 2.6.2 Fireworks 2.6.3 Flash
（二）教学要求
本章主要讲述了网站的种类、网站的结构规划、网站的设计原则及标准等，这三节是本章的重点，教师在讲授本章时可以用一些知名网站来作为实例讲解。 第三章 FrongPage 2000 网页制作
（一）教学内容
3.1 FrontPage 2000 简介
1、直观形象的站点管理
2、强大的模板和向导功能
3、智能化管理
4、强大灵活的主页制作功能 3.2 FrontPage窗口介绍及视图
吴代文
Page 2 of 8
200
9、
9、5
《网页设计》教学大纲
1、网页视图
2、文件夹视图
3、报表视图
4、导航视图
5、超链接视图
6、任务视图 3.3 创建Web站点 3.4 站点管理
3.4.1 站点设置
3.4.2 配置图片编辑器
3.4.3 为已有的Web站点添加网页 3.5 利用FrontPage 制作网页
（二）教学要求
FrontPage是一款所见即所得的可视化网页制作工具，本章主要讲述如何用FrontPage制作网页，配制和管理站点，教师在讲授本章时应该多举一些实例，并给学生较多的上机时间。
第四章 使用Dreamweaver Mx制作网页
（一）教学内容
4.1 Dreamweaver Mx简介
4.1.1 Dreamweaver 的新特性 4.1.2 Dreamweaver MX 的界面 4.2 建立站点 4.3 建立页面
4.4 建立超链接 4.5 表格
4.5.1 创建表格 4.5.2编辑表格 4.5.3表格的修饰 4.5.4表格的嵌大套 4.5.5套用表格样式 4.5.6导入表格数据文件 4.5.7用表格进行页面布局 4.6框架
4.6.1 框架的创建
4.6.2 设置框架及框架集的属性 4.6.3 对框架页面的编辑 4.7 表单
4.7.1 表单简介 4.7.2 插入文本框 4.8 动态效果
4.8.1 时间轴和行为概述 4.8.2 使用时间轴与复选框 4.8.3 内置行为 4.8.4 插入按钮
吴代文
Page 3 of 8
200
9、
9、5
《网页设计》教学大纲
（二）教学要求
Dreamweaver MX是一款所见即所得的可视化网页制作工具，本章主要讲述如何用Dreamweaver MX制作网页，配制和管理站点，DreamweaverMX比FrontPage更专业，制作网页的效率更高。教师在讲授本章时应该多举一些实例，并给学生较多的上机时间。
第五章 使用Photoshop 美化网页
（一）教学内容 5.1概述
5.2颜色模式和文件格式的介绍
5.2.1 颜色模式 5.2.2 文件格式
5.3 Photoshop 5.0的基本操作 5.4 创作特殊效果图像 5.5 创建特殊效果文字 5.6综合实例
（二）教学要求
Photoshop是一款功能强大的图像处理软件，本章主要讲述如何用Photoshop处理图片，关化网页，教师在讲述本章时，应该注意一些实例，将一些重要的命令和操作用实例的形式传授给学生。 第六章 Fireworks 4.0
（一）教学内容
6.1 Fireworks 4.0的新特性
6.2 安装Fireworks 4.0 的系统要求 6.3 Fireworks 4.0的安装
6.4 Fireworks 4.0 的工作界面
6.4.1 菜单栏 6.4.2 工具栏 6.4.3 工作面板 6.4.4 工具箱 6.4.5 制作实例
（二）教学要求
Fireworks 4.0是一款功能强大的网页图片处理软件，它能和Dreamweaver 有效结合在一起，本章主要讲述如何用Photoshop处理图片，关化网页，教师在讲述本章时，应该注意一些实例，将一些重要的命令和操作用实例的形式传授给学生。
第七章 Flash MX
（一）教学内容 7.1 Flash MX 简介 7.2 Flash MX 的安装
7.3 Flash MX 中的一些概念 7.4 Flash MX 的界面组成 7.5 主要绘图工具的使用
7.6 Flash MX 中的一些基本操作
7.6.1 帧的操作
吴代文
Page 4 of 8
200
9、
9、5
《网页设计》教学大纲
7.6.2 图层的操作
7.6.3 场景的操作 7.6.4 控制面板的作用 7.6.5 创建、转换组件 7.6.6 预览和发布 7.7 添加音效
7.7.1 导入声音文件 7.7.2 在影片中加入声音 7.7.3 声音的编辑 7.7.4 加入音效实例
7.8 动画的制作、编辑及其实例
7.8．1 Flash MX动画的类型
7.8.2 Flash MX动画的制作 7.8.3 Flash MX 动画的编辑 7.8.4 Flash MX 动画制作实例 7.9 文件的导入、发布和导出
7.9.1 文件的导入 7.9.2 文件的发布 7.9.3 文件的导出
（二）教学要求
Flash MX是一款功能强大的动画制作软件，本章主要讲述如何用Flash制作动画美化网页，教师在讲述本章时，应该注意一些实例，将一些重要的命令和操作用实例的形式传授给学生。
第八章 网页标置语言HTML、DHTML、CSS、XML
（一）教学内容 8.1 HTML简介
8.1.1 一个实例 8.1.2 HEAD标签 8.1.3 BODY标签
8.1.4 标题文字显示等级 8.2 格式及文字
8.2.1 格式标准 8.2.2 文字标准 8.3 图像控制标签
8.3.1 插入图像 8.3.2 图像控制 8.3.3 HR标签 8.4 网页中的表
8.4.1 基本表格 8.4.2 表格控制 8.5 网页中的链接
8.5.1 链接标签 8.5.2 链接锚点 8.6 网页的框架结构
吴代文
Page 5 of 8
200
9、
9、5
《网页设计》教学大纲
8.6.1 基本语法
8.6.2 Frame 的外观设置 8.7 网页中的表单
8.7.1 基本语法 8.7.2 列表框标签 8.8 基它标签 8.9 DHTML与CSS 8.9.1 CSS-P初步
8.9.2 通用JavaScript 8.9.3 分层技术
8.9.4 用JavaScript控制图片 8.9.5 提示效果 8.10 XML 8.10.1 HTML的局限性 8.10.2 XML的兴起 8.10.3 XML的应用展望 8.10.4 XML的例子 8.10.5 序
8.10.6 元素声明 8.10.7 声明规则
8.10.8 XML的其他组件
（二）教学要求
本章主要讲述了网页标置语言HTML、DHTML、CSS、XML，了解一定的网页标置语言对于制作网页很有帮助，教师在讲述本章时，应该注意一些实例，将一些重要的命令和操作用实例的形式传授给学生。 第九章 网页编程
（一）教学内容 9.1 JavaScript 9.1.1 JavaScript语言简介 9.1.2 JavaScript编程基础 9.1.3 JavaScript应用实例 9.2 ASP编程
9.2.1 ASP简介 9.2.2 ASP编程初步
9.2.3 ASP的基本脚本语言 9.2.4 使用SSI 9.2.5 动态数据交换的实现 9.2.6 ASP的内置组件 9.3 PHP编程
9.3.1 PHP简介 9.3.2 PHP语法简介 9.3.3 PHP编程实例 9.4 Java与JSP 9.4.1 Java概述
吴代文
Page 6 of 8
200
9、
9、5
《网页设计》教学大纲
9.4.2 Java应用程序 9.4.3 Java Applet 9.4.4 Java Applet图形界面输入输出 9.4.5 Java Servlet 9.4.6 JavaServer Pages 9.4.7 JSP与ASP的比较
9.4.8 JSP的基本语法与示例 9.4.9 XML与JSP
（二）教学要求
本章主要大致介绍了一下各种网页编程语言，使学生能对各种网页编程语言有一定的了解，本章的重点前两节，教师在讲述本章时，应该注意一些实例，将一些重要的命令和操作用实例的形式传授给学生。 第十章 网站建设实例
（一）教学内容
10.1 网站的设计原则及标准 10.2 准备工作 10.3 具体设计及规划 10.4 建立网站（Web站点） 10.5 主页的制作 10.6 网页的上传与维护
（二）教学要求
本章主要以实例的形式讲述如何制作网站，比较全面地应用以前所学的知识来构建并制作一个网站。教师在讲述本章时，应该多找一些设计得比较成功的网站并给学生详细分析。
四、学时分配与教学方式 总学时 ：36 第一章 WWW概述 3学时 第二章 网页制作概述 3学时 第三章 FrongPage 2000 网页制作 4学时 第四章 使用Dreamweaver Mx制作网页 3学时 第五章 使用Photoshop 美化网页 4学时 第六章 Fireworks 4.0 4学时 第七章 Flash MX 4学时 第八章 网页标置语言HTML、DHTML、CSS、XML 3学时 第九章 网页编程 4学时 第十章 网站建设实例 4学时
吴代文
Page 7 of 8
200
9、
9、5
《网页设计》教学大纲
教学方式：团体心理咨询是一门应用性较强的心理学专业的基础课，其教学方式应以课堂讲授和现场训练为主，同时要结合课堂讨论、案例分析、设计方案等方式，提高学生分析心理问题，抓住主要现象的能力，重点形成学生组织开展团体训练的能力。
五、考核方式
考试加作品
六、本课程与基它课程的关系
本课程是网络教育应用、网络课程的开发与制作等后续课程的基础课程。
七、教材与参考书
《网页的设计与制作教程》 徐国平主编 高等教育出版社 《Dreamweaver MX 中文版自学手岫》 人民邮电出版社 《新手学建网站》 范德明 编著 人民邮电出版社
吴代文
Page 8 of 8
200
9、
9、5
