31、打造出色宠物商店网站：样式设计与浏览搜索功能实现

打造出色宠物商店网站：样式设计与浏览搜索功能实现

1. 运用样式提升用户体验

在网页设计中，组件功能固然强大，但如果缺乏良好的外观和用户体验，应用程序很难被用户完全接受。优秀的网站设计是一个极具挑战性的目标，需要在可用性和设计领域积累多年的专业知识才能真正掌握。虽然开发者可能没有丰富的设计经验，但了解一些有助于实现良好用户界面设计的技术是有益的。

一个好的设计会运用协调的色调、吸引人且易读的字体、简洁的表格布局以及合理的图像和文本放置。控制这些元素的最佳方式是使用层叠样式表（CSS）。CSS 能够将应用程序的外观与实现分离。在理想情况下，我们希望图形设计师可以直接处理像 editpet.jsp 这样的文件，但由于标签可能会让人困惑，而且大多数所见即所得（WYSIWYG）工具无法理解 JSP 标签库，所以这种直接修改并不合适。

解决方案是开发者自己编写 JSP，让 HTML 引用 CSS 样式，然后让图形设计师自由修改样式表。通过为 HTML 页面应用精心设计的样式表，可以显著提升页面的外观。

不过，CSS 并非完美无缺。不同浏览器对 CSS 的支持方式不同，有时很难让页面在所有平台上呈现相同的效果。例如，Netscape 4.0 对样式表的支持很差，不同版本的 Internet Explorer、Mozilla、Opera 和 Netscape 也存在一些小的不一致性。尽管如此，样式表仍然是实现美观且基本标准的用户界面的最佳选择。

要将 CSS 应用到 HTML 中，只需在 HTML 的 HEAD 元素中添加对样式表的引用，示例代码如下：