网页设计02.pptVIP

第2章 网站的规划和创建 第2章 网站的规划和创建 站点是存储所有的Web网站文件和文档的地方，在开始使用Dreamweaver之前，应创建本地站点，通过对站点的设置，可以很方便地实现对网页的统一管理和在服务器上的远程文件的管理以及文件的传输。一个本地站点需要有一个名称和一个本地文件夹，它实际上是位于本地计算机中指定目录下的一组页面文件及相关支持文件。本章主要是学习站点的规划和建设，创建本地站点是重点内容。另外还要学习站点内容的管理，和上传、下载文件。 2.1 规划站点 制作网站首先要考虑网站的主题。好的网站不仅应该有美感、个性、创意，更要有质量。网站的内容是其中最重要的因素，空洞的网站对人没有任何吸引力。 网站、网页的主题定位要明确，网站的主题和名称要清楚明了。 2.1.1 规划站点结构 在定义站点之前，首先要做好站点的规划，包括站点结构和导航系统的规划、网页模板和库的使用等。 合理的站点结构，能够加快对站点的设计，提高工作效率，节省时间。如果将一切网页都存储在一个目录下，当站点的规模越来越大时，管理起来就会变得非常不容易。因此，一般常利用文件夹来管理文档。在规划站点结构时，一般应遵循如下一些规则。 1. 用文件夹来保存文档 一般常用文件夹来合理构建文档的结构。首先为站点创建一个根文件夹（根目录），然后在其中创建多个文件夹，再将文档分门别类存储到相应的文件夹下，必要时，可以创建多级子文件夹。 2. 使用合理的文件名称 使用合理的文件名非常重要，特别是在网站的规模变得很大时。文件名应该容易理解，让人看了就能够指定网页表述的内容。 应该尽量避免使用中文文件名，因为很多Internet服务器使用的是英文操作系统，不能对中文文件名提高很好的支持；而且浏览网站的用户也可能使用英文操作系统，中文的文件名统同样可能导致浏览错误或访问失败。所以如果实在对英文不熟悉，可以用汉语拼音。 很多的Internet服务器采用Unix操作系统，而它是区分文件的大小写的。例如Index.HTML和index.HTML是完全不同的两个文件，而且可以同时出现在一个文件夹中。因此，在构建网站的站点中，最后全部使用小写的文件名称。 3. 使用模板和库 使用模板和库，可以在不同的文档中重用页面布局和页面元素，给网页的维护带来很大的方便。例如，如果网站中很多网页使用相同的布局，最好为这些布局相同的网页设计一个模板，然后以该模板为基础创建新的网页。当要修改这些网页的布局时，至于修改模板就可以了。对模板的修改会反映到所有应用该模板的网页上，而无需一页一页进行修改，这样会大大方便对网页的维护。 如果有某一个页面元素将在网站的很多网页中使用，应该先设计好该元素，并把它存入到库中，然后在网页上调用它。当要修改该元素时，至于修改库中该元素即可，修改后的元素将出现在所以调用它的网页上，避免了逐页修改的麻烦。 4. 使用Alt属性和Title属性 alt属性指定了当图片不能显示的时候就显示供替换文本，这包括那些 使用本来就不支持图像显示或者图像显示被关闭的浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。替换文字是用来替代图像而不是提供额外说明文字的。Alt属性（而不是“标签”）包括替换说明，对于图像和图像热点是必须的。 title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息。title属性有一个很好的用途，即为链接添加描述性文字，特别是当连接本身并不是十分清楚的表达了链接的目的。这样就使得访问者知道那些链接将会带他们到什么地方，他们就不会加载一个可能完全不感兴趣的页面。另外一个潜在的应用就是为图像提供额外的说明信息，比如日期或者其他非本质的信息。 使用Alt属性和Title属性对于由于种种原因不能或者暂时不能显示图像的用户来说至关重要。没有设置Alt属性的图片，使用IE并且设置为不显示图片的情况下浏览的效果如图2-1所示。可看出，图像的可读性非常差，甚至影响读者的阅读。 设置好Alt属性的图片，当单击图片时，会出现相应的图片提示，如图2-2所示，可以看出图像的可读性比较好。 2.1.2 规划站点的浏览机制 很多站点都会包含多个网页，如果用户不指定如何访问需要的网页，就无法得到它们要获得的信息，网站的目的就不能够达到。 为了提供给用户一个清晰易懂的浏览方法，采用标准统一的网页组织形式，引导用户轻松自如地访问每个他们要访问的网页，一般都应该在网站创建初期，规划站点的浏览机制。常考虑如下的方法。 1. 创建返回主页链接