- 1 -
《网页设计与制作教案》
湄洲湾职业技术学院
2008-2009学年第一学期
教师： * * *
系部：信息技术工程系
专业：计算机应用 电子信息
班级：计机07（1）信息07（1）08（2）
- 2 - 第一讲 网页设计概述
【教学内容】
讲解网页设计的相关术语及网站制作的基本流程。
【教学目的】
使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。
【教学重点】
网页设计中的若干术语。
【教学难点】
理解网页设计中的若干术语。
【教学方式】
讲授式、讨论式、案例分析式。
【教学参考】
1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。
2、《Internet 网页工场》Wittime工作室 重庆出版社。
3、《WEB网站设计》Joel Sklar著 高等教育出版社。
4、《HTML网页制作教程》材义语编著 铁道出版社。
【新课内容】
1.1 WWW和URL
1.1.1 Web的起源
Web是World Wide Web的简称，一般也称之为WWW或3W
1.1.2 Web的特点和结构
Web最大的特点是使用了超文本（Hypertext）
WWW采用C/S（客户机/服务器）工作模式
在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议
1.1.3 URL
URL的完整格式
协议://主机名或IP地址：端口号/路径名/文件名
1.2 IE5的使用
Web浏览器是浏览Internet资源的客户端软件
在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面
1.2.2 IE5的使用 - 3 - 1.3 网页中所使用的技术
1.3.1 HTML语言和XML语言
1、HTML语言
1、简述Web浏览器打开一个Web文件的工作过程。
2、描述网页设计的一般步骤。
3、简述网页设计的基本准则。
4、简述规划网站目录结构时应遵循的原则。
5、描述版面布局的步骤。
6、什么是“HTML”？HTML“标记”又是什么？
7、简述“HTML”文档的基本结构。
8、简述以下一段HTML代码中各对标记的作用。
〈html〉
〈head〉
〈title〉网页设计〈/title〉
〈/head〉
〈body〉
〈h2〉北国风光〈/h2〉
〈/body〉
〈/html〉
9、如何进行本地网页的测试？
10、网站管理和维护的主要工作有哪些？
11、什么是Web浏览器?
12、简述网页设计中所需要注意的通用规则。
13、简述DHTML的概念及主要组成。
14、简述使用FrontPage在网页中插入一个日历的过程。
15、简述色彩的三原色的概念及每种颜色的调配范围。
16、 为什么要采用DHTML技术？客户端动态网页技术有哪些优点？
17、 网站栏目划分的原则是什么？
18、 XML与HTML相比的主要优点有哪些？
19、请简述一下网站的设计流程？
20、 简述FireWorks的特点。
21、网页制作的步骤是什么？
22、怎样让链接没有下划线?
23、怎样在网页中加入多媒体播放?
24、怎样让网页的背景图像不滚动?
25、怎样定义网页的关键字?
26、什么是Web浏览器?
27、网页上所说的重心平衡指的是什么?
28、什么是DHTML？DHTML技术主要由哪几部分组成？
29、在CSS中，对字体的的设置所涉及到的属性有哪些？
30、用HTML语言回答一个HTML文件应具有的基本结构。
31、比较GIF格式和JPG格式的原理与各自的适用范围。
32、为什么要采用DHTML技术?客户端动态网页技术有哪些优点?
33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。
34、什么是Web安全色?
ＶｏＩ．１９ Ｎｏ。４ Ｊｏｕｒｎａｌ ｏｆ Ｈａｎｄａｎ Ｐｏｌｙｔｅｃｈｎｉｃ Ｃｏｌｌｅｇｅ Ｄｅｅ．２０Ｏ６
网页设计与制作
贾慧敏
（邯郸职业技术学院计算机系，河北邯郸０５６００１）
摘要：网络以其信息容量大、形式多样、传播速度快、覆盖面广、方便自由。易于交互等特点，已经
发展成一个全新的传播媒体。而网页在设计时如何形成内容和形式的统一，达到最佳的视觉表现效果，
是许多网页设计者所面临的新课题。
关键词：网页设计；结构布局；文字使用；色彩编辑；图像运用；
中图分类号：ＴＰ３９１．４１ 文献标识码：Ａ 文章编号：１００９—５４６２（２００６）０４—００９４—０３
当今网络以其信息容量大、形式多样、传播速
度快、覆盖面广、方便自由，易于交互等特点，已经 发展成一个全新的传播媒体，并正以前所未有的
速度迅速发展。网站已成为反映企业形象和文化
的重要窗口。是企业开展电子商务的基础设施和 信息平台，企业的网址被称为“网络商标”，是企业
无形资产的组成部分。而网站是由网页集合而
成，一个成功的网站，要将公司信息、产品信息最 完整、最形象、最具良好沟通性地向全球展示，因
此网页的设计是极为重要的。
一、网页设计与平面设计
我们知道网页设计脱胎于平面设计，但又不同 于平面设计。平面设计是在二维空间范围之内，将
不同的基本图形，按照一定的规则在平面上组合成 图案，来描绘物体的静态形象。在平面设计中所表 现的立体空间感。并非实在的三维空间，而仅仅是
图形对人的视觉引导作用形成的幻觉空间。
网页设计是平面设计的静态表现转向动态传
达的结果，由传统印刷的传播方式转化为虚拟信 息的传播方式。网页拥有传统媒体不具有的优
势，能将图片、文字、声音、动画等多种媒体相结 合，营造出一个互动的全球化的视觉传达世界。
如果说平面设计是单～媒体，网页设计可称为多
媒体技术的综合展现。在有了充实内容的前提 下，好的网页不仅需要强大的技术支持，更需要精
XXX大学XXX学院 共 页 第 页
装
订
线 网页设计与网页制作 试 题
一 二 三 四 五 六 七 八 九 十 总分
第一、二题答案填于下表，否则不得分。
一、单选题答案
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
二、多选题答案
1 2 3 4 5
一、单项选择题（每题2分,共 40 分）
1．TCP协议对应于OSl七层协议的哪一层 ( )
A．会话层 B．网络层 C．传输层 D．数据链路层
2．主机域名www．sina．corn．ca由四个子域组成，其中代表国别代码的子域是 ( )
A．www B．sina C．com D．cn
3．HTML是一种 ( )
A．程序设计语言 B．执行语言 C．编译语言 D．页面描述语言
4．当进行页面布局的时候能够使用的方法有 ( )
A．页面布局法 B．实时布局法 C．软件布局法 D．抽象布局法
5．下列不是图像处理软件的是 ( )
A．Photoshop B．Fireworks C．Word D．PhotoImpact
6．”&；"代表的符号是 ( )
A．< B．> C．& D．"
7．符号清单前的符号由标记属性type来控制，当type取值为DISC时，表示符号为 ( )
A．实心圆点 B．空心圆点 C．实心方块 D．空心方块
8．HTML中表示表格标题的标记为 ( )
A．％table> B． C．
