第2章网站的规划和创建
第2章 网站的规划和创建
第2章 网站的规划和创建 站点是存储所有的Web网站文件和文档的地 方，在开始使用Dreamweaver之前，应创建本地 站点，通过对站点的设置，可以很方便地实现对 网页的统一管理和在服务器上的远程文件的管理 以及文件的传输。一个本地站点需要有一个名称 和一个本地文件夹，它实际上是位于本地计算机 中指定目录下的一组页面文件及相关支持文件。 本章主要是学习站点的规划和建设，创建本地站 点是重点内容。另外还要学习站点内容的管理， 和上传、下载文件
第2章 网站的规划和创建 • 站点是存储所有的Web网站文件和文档的地 方，在开始使用Dreamweaver之前，应创建本地 站点，通过对站点的设置，可以很方便地实现对 网页的统一管理和在服务器上的远程文件的管理 以及文件的传输。一个本地站点需要有一个名称 和一个本地文件夹，它实际上是位于本地计算机 中指定目录下的一组页面文件及相关支持文件。 本章主要是学习站点的规划和建设，创建本地站 点是重点内容。另外还要学习站点内容的管理， 和上传、下载文件
2.1规划站点 制作网站首先要考虑网站的主题。好的网站不仅应该有 美感、个性、创意，更要有质量。网站的内容是其中最重 要的因素，空洞的网站对人没有任何吸引力。 网站、网页的主题定位要明确，网站的主题和名称要清 楚明了。 2.1.1规划站点结构 在定义站点之前，首先要做好站点的规划， 包括站点结 构和导航系统的规划、网页模板和库的使用等。 合理的站点结构，能够加快对站点的设计，提高工作效 率，节省时间。如果将一切网页都存储在一个目录下，当 站点的规模越来越大时，管理起来就会变得非常不容易。 因此，一般常利用文件夹来管理文档。在规划站点结构时， 般应遵循如下一些规则
• 2.1 规划站点 • 制作网站首先要考虑网站的主题。好的网站不仅应该有 美感、个性、创意，更要有质量。网站的内容是其中最重 要的因素，空洞的网站对人没有任何吸引力。 • 网站、网页的主题定位要明确，网站的主题和名称要清 楚明了。 • 2.1.1 规划站点结构 • 在定义站点之前，首先要做好站点的规划，包括站点结 构和导航系统的规划、网页模板和库的使用等。 • 合理的站点结构，能够加快对站点的设计，提高工作效 率，节省时间。如果将一切网页都存储在一个目录下，当 站点的规模越来越大时，管理起来就会变得非常不容易。 因此，一般常利用文件夹来管理文档。在规划站点结构时， 一般应遵循如下一些规则
·1.用文件夹来保存文档 般常用文件夹来合理构建文档的结构。首先为站点创建 个根文件夹根具录)，然后在其中创建多个文件夹，再将 辛复弃视别庆存射应的受得美，必时，哥的建多》 2.使用合理的文件名称 使用合理的文件名非常重要，特别是在网站的规模变得很 大时。文件名应该容易理解，让人看了就能够指定网页表述的 内容。 应该尽量避免使用中文文件名，因为很多Internet服务器 使用的是英文操作系统，不能对中文文件名提高很好的支持， 而且浏览网站的用户也可能使用英文操作系统，中文的文件名 统同样可能导致浏览错误或访问尖败。所以如果实在对英文不 熟悉，可以角汉语拼菩。 很多的Internet服务器采用Uniⅸ操作系统，而它是区分文件 的大小写的。例如Index.HTML和index.HTML是完全不同的两 个文件，而且可以同时出现在二个文件夹中。因此，在构建网 站的站点中，最后全部使角小写的文件名称
• 1. 用文件夹来保存文档 • 一般常用文件夹来合理构建文档的结构。首先为站点创建 一个根文件夹（根目录），然后在其中创建多个文件夹，再将 文档分门别类存储到相应的文件夹下，必要时，可以创建多级 子文件夹。 • 2. 使用合理的文件名称 • 使用合理的文件名非常重要，特别是在网站的规模变得很 大时。文件名应该容易理解，让人看了就能够指定网页表述的 内容。 • 应该尽量避免使用中文文件名，因为很多Internet服务器 使用的是英文操作系统，不能对中文文件名提高很好的支持； 而且浏览网站的用户也可能使用英文操作系统，中文的文件名 统同样可能导致浏览错误或访问失败。所以如果实在对英文不 熟悉，可以用汉语拼音。 • 很多的Internet服务器采用Unix操作系统，而它是区分文件 的大小写的。例如Index.HTML和index.HTML是完全不同的两 个文件，而且可以同时出现在一个文件夹中。因此，在构建网 站的站点中，最后全部使用小写的文件名称
·3。使用模板和库 使用模板和库，可以在不同的文档中重用页面布局和页面 元素，给网页的维护带来很大的方便。例如，如课网站中很多 网页使用相同的布局，最好为这些布局相同的网页设计一个模 板，然后以该模板为基础创健新的网页。当要修改这些网页的 布局时，至于修改模板就可以了。对模板的修改会反映到所有 应用该模板的网质上，而无需一页二贡进行修改，这样会大关 方便对网顶的维护 如果有某一个页面元素将在网站的很多网页中使用，应该 先设计好该元素，并把它存入到库中，然后在网页上调用它 当要修改该元素时，至于修改库中该元素即可，修改后的元素 将出现在所以调用它的网页上，避免了逐页修改的麻烦。 A.使用At属性和Title属性 at属性指定了当图片不能显示的时候就显示供替换文本 这包括那些使用本来就不支持图像显示或者图像显示被关闭的 浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。替 换文学是用来替代图像而不是提供额外说明文 字的。At属性 (而不是“ 小小 包括替换说明，对于图像和图像热点是必 须的
• 3. 使用模板和库 • 使用模板和库，可以在不同的文档中重用页面布局和页面 元素，给网页的维护带来很大的方便。例如，如果网站中很多 网页使用相同的布局，最好为这些布局相同的网页设计一个模 板，然后以该模板为基础创建新的网页。当要修改这些网页的 布局时，至于修改模板就可以了。对模板的修改会反映到所有 应用该模板的网页上，而无需一页一页进行修改，这样会大大 方便对网页的维护。 • 如果有某一个页面元素将在网站的很多网页中使用，应该 先设计好该元素，并把它存入到库中，然后在网页上调用它。 当要修改该元素时，至于修改库中该元素即可，修改后的元素 将出现在所以调用它的网页上，避免了逐页修改的麻烦。 • 4. 使用Alt属性和Title属性 • alt属性指定了当图片不能显示的时候就显示供替换文本， 这包括那些 使用本来就不支持图像显示或者图像显示被关闭的 浏览器的用户，视觉障碍的用户和使用屏幕阅读器的用户。替 换文字是用来替代图像而不是提供额外说明文字的。Alt属性 （而不是“标签”）包括替换说明，对于图像和图像热点是必 须的
● title属性为设置该属性的元 素提供建议性的信息。了 使用title 属性提供非本质的额外 息。 tite属性有一个很好的用途，即 接着下载就正式开始了，可以看到，刚开始的速度不快： 为链接添加描述性文字，特别是 当连接本身并不是十分清楚的表 了瓷者知道那些鞋攙条 了链接的目的。这样就使得访 带他们到 什么地方，他们就不会 加载一 可能完全不感兴趣的 。 分 个清在的角就是 为图 供 额外的说明信 息，比如冒期战 其他非本质的信息。 自 使用AIt属性和Title)属性对于 一般来说，后来的速度会逐渐加快： 由于种种原因不能或者暂时不能 显示图像的用户来说至关重要 没有设置At属性的图片，便用IE 并直设置为不显示图片的情况下 图2-1没有设置At属性的图片 浏览的效果如图2-1所示。可看 影铜%韵在常送，至
• title属性为设置该属性的元 素提供建议性的信息。使用title 属性提供非本质的额外信息。 title属性有一个很好的用途，即 为链接添加描述性文字，特别是 当连接本身并不是十分清楚的表 达了链接的目的。这样就使得访 问者知道那些链接将会带他们到 什么地方，他们就不会加载一个 可能完全不感兴趣的页面。另外 一个潜在的应用就是为图像提供 额外的说明信息，比如日期或者 其他非本质的信息。 • 使用Alt属性和Title属性对于 由于种种原因不能或者暂时不能 显示图像的用户来说至关重要。 没有设置Alt属性的图片，使用IE 并且设置为不显示图片的情况下 浏览的效果如图2-1所示。可看 出，图像的可读性非常差，甚至 影响读者的阅读。 图2-1 没有设置Alt属性的图片
设置好At属性的图片，当单击图片时，会出现相应 的图片提示，如图2-2所示，可以看出图像的可读性比较 好。 新闻体奇娱乐财经科技商业游然性手机汽车房产大学教言 也ut Net里-公司简介-联系方法-招聘信息-客户服经-意 图2-2可读性较好的网站
• 设置好Alt属性的图片，当单击图片时，会出现相应 的图片提示，如图2-2所示，可以看出图像的可读性比较 好。 图2-2 可读性较好的网站
21,2规划站点的浏览机制 很多站点都会包含多个网顶，如果用户不指定如何访回质 要的网页，就无法得到它们要获得的信息，网站的自的就不能 够达到。 为了提供给用户一个清晰易懂的浏览方法，采用标准统 的网负组织形式，引导用户轻松百如地访间每个他们要访荷的 网页，一般都应该在网站创建初期，规划站点的浏览机制。常 考虑如下的方法。 1,创建返回主页链接 在站点的每个页面上，都应该放置返回主页的链接。这样 当用户在不知道自岂目前位置的情况下，能够确保快速返回到 :个熟悉的环境中，继续开始浏览站点中其他内容。这样能起 到一个很强的挽留用户的作用。 ● 许多网站都使用框架技术，在网页的顶端或左方，提供指向返 回主页的链接
• 2.1.2 规划站点的浏览机制 • 很多站点都会包含多个网页，如果用户不指定如何访问需 要的网页，就无法得到它们要获得的信息，网站的目的就不能 够达到。 • 为了提供给用户一个清晰易懂的浏览方法，采用标准统一 的网页组织形式，引导用户轻松自如地访问每个他们要访问的 网页，一般都应该在网站创建初期，规划站点的浏览机制。常 考虑如下的方法。 • 1. 创建返回主页链接 • 在站点的每个页面上，都应该放置返回主页的链接。这样 当用户在不知道自己目前位置的情况下，能够确保快速返回到 一个熟悉的环境中，继续开始浏览站点中其他内容。这样能起 到一个很强的挽留用户的作用。 • 许多网站都使用框架技术，在网页的顶端或左方，提供指向返 回主页的链接
·2.显示网站专题目录 ● 在主页或任何一个页面上，都应该提供站点的简明目录结 构，引导用户从一个页面快速进入到其他的页面上。 ● 许多网站都使用框架技术，在网页的顶端或左方显示当前网站的 专题目录，单击相应的链接，就可以从二个专题页面中，快速条 倒转身二个专题贡面上 3.显示当前位置 无论在任何网页上，都应该在很明显的地方标出当前网页在 站点中的位置，或是显示当前网页说明的主题，以帮助用户了解 他们到底在访问什么地方。，如果页面嵌套太多，则可以通过创建 前进”和“后退”艺类的链接，来帮勗角户进行浏览。 4.搜索和索引 对于一些数据型的网站，应该给用户提供搜索的功能，或 者给用户提供索引检索的权力，使用户快速查找到自己需要的信
• 2. 显示网站专题目录 • 在主页或任何一个页面上，都应该提供站点的简明目录结 构，引导用户从一个页面快速进入到其他的页面上。 • 许多网站都使用框架技术，在网页的顶端或左方显示当前网站的 专题目录，单击相应的链接，就可以从一个专题页面中，快速条 倒转另一个专题页面上 • 3. 显示当前位置 • 无论在任何网页上，都应该在很明显的地方标出当前网页在 站点中的位置，或是显示当前网页说明的主题，以帮助用户了解 他们到底在访问什么地方。如果页面嵌套太多，则可以通过创建 “前进”和“后退”之类的链接，来帮助用户进行浏览。 • 4. 搜索和索引 • 对于一些数据型的网站，应该给用户提供搜索的功能，或 者给用户提供索引检索的权力，使用户快速查找到自己需要的信 息
·5,反馈 网页在出版后，或多或少会存在一些问题，从用户哪 里及时获取他们对网站的意见和建议是非常重要的。为了 及时从用户处了解到相关信息，应该在网页上提供用户同 网页创作煮或网站管理员的联系途径。常用的方法是将网 页创作者或网站管理员公布在网页上，或是创建一个 mai超级链接，帮助用户快速将信息反馈到网站中
• 5. 反馈 • 网页在出版后，或多或少会存在一些问题，从用户哪 里及时获取他们对网站的意见和建议是非常重要的。为了 及时从用户处了解到相关信息，应该在网页上提供用户同 网页创作者或网站管理员的联系途径。常用的方法是将网 页创作者或网站管理员公布在网页上，或是创建一个email超级链接，帮助用户快速将信息反馈到网站中