2.2　提出问题

1.典型的商业网站

新浪网是一个以信息发布为主的商业网站，其内容十分丰富，几乎囊括了政治、经济、生活、学习的方方面面。经常上网的读者对这样的页面是十分熟悉的，图2.1所示是新浪网的首页。

这个版面显示的信息多，内容庞大，但不凌乱。读者对新浪网首页的分析，能得出什么样的结论？

图2.1　新浪网的首页

2.一个教学课件

为了方便网页设计课程的教学，笔者曾经用HTML编写了一个网页教学的课件，图2.2所示是这个课件的首页。整个系统把浏览器的显示窗口分为标题栏、菜单栏、主页和代码显示四个区域。顶部显示标题；左边是菜单栏，菜单项是基本的网页技术，如文字、表格、表单等；中间的区域将显示单击左边各个菜单项目后的显示结果；而右边的区域则用来展示与该菜单项对应的HTML代码。

图2.2　一个教学课件的网页示意

图2.3所示是单击“文字”菜单项后的页面效果，该页同时展示了代码（右边部分），以及与代码对应的显示效果（中间部分）。

图2.3　在图2.2的网页上单击“文字”菜单的效果

3.问题的提出

通过这三个网页，读者会有什么样的感性认识？从中会有什么样的启示？通过这三个网页，至少可以提出如下问题：

①一个网页应该怎样规划和布局，才能结合网页的主题有效地利用其有限的空间显示尽可能多的信息？新浪网的首页是如何规划的？图2.2的课件又是如何规划的？

②一个网页应该包含哪些基本要素，应该如何设计？

③页面的字体、颜色、背景怎样搭配才能使人赏心悦目？

④菜单怎样设计的，如何才能实现菜单功能？

⑤图形、动画、声音如何在网页中实现？

本章的内容将结合上述问题展开HTML 4.0技术的讨论。