网页设计与制作 教学课件 ppt 作者 李广武 张逸昀 梁平 主编第3章 建立站点与创建文档.ppt

第3章 建立站点与创建文档 第3章 建立站点与创建文档 3.1 关于站点规划和设计 3.2 创建本地站点 3.3 创建文档 3.4 设置文档属性 3.5 本章小结 在开始制作网页之前,需要首先创建页面所在的站点,只有所有的网页有机结合起来才能形成一个网站。我们所要向别人呈现的不是一个华丽的页面，而是具有统一主题的网站整体。 3.1.1确定目标 确定站点的目标是创建 Web 站点时应该采取的第一步。向自己或客户提出有关站点的问题。您希望通过 Web 站点来实现什么目标？写下目标，以便在设计过程中时刻提醒自己。目标使您可以集中注意力，针对特定的需要来设计和规划 Web 站点。 3.1 关于站点规划和设计 确定了要使用 Web 站点实现的目标之后，需要确定希望谁访问站点。这看起来可能是一个愚蠢的问题，因为大多数人希望每个人都访问他们的 Web 站点。但是，创建世界上每个人都能使用的 Web 站点是很困难的。人们使用不同的浏览器，以不同的速度连接，并且可能有也可能没有媒体插件。所有这些因素都会影响站点的使用。这就是需要确定目标用户的原因。 3.1.2选择目标用户 3.1 关于站点规划和设计 创建站点时，应该明白访问者可能使用各种Web浏览器。在已知的其他设计限制下，尽可能将站点设计为具有最大的浏览器兼容性。 3.1.3创建具有浏览器兼容性的站点 3.1 关于站点规划和设计 从一开始就认真组织站点可以减少失误并节省时间。如果没有考虑文档在文件夹层次结构中的位置就开始创建文档，最终可能会导致一个充满了文件的大而笨重的文件夹，或导致相关的文件散布在许多名称类似的文件夹中。 3.1.4组织站点结构 3.1 关于站点规划和设计 将图像放在一个位置很方便，这样，当您要将图像插入页面时，就知道在何处可以找到它。设计人员有时把将在站点上使用的所有非 HTML 项目放在一个名为 Assets（资源） 的文件夹中。该文件夹中可能包含其他文件夹,比如 Images 文件夹、Shockwave 文件夹和 Sound 文件夹。 3.1.5确定图像和声音文件等项目放在何处 3.1 关于站点规划和设计 本地站点和远程 Web 站点应该具有完全相同的结构。如果您使用 Dreamweaver CS5创建本地站点，然后将全部内容上传到远程站点，则 Dreamweaver CS5确保在远程站点中精确拷贝本地结构。 3.1.6本地和远程站点使用同样的结构 3.1 关于站点规划和设计 如果在实际使用 Dreamweaver CS 5 开始工作之前规划了设计和布局，在以后的设计中就可以节省许多时间。方法很简单：根据所需的站点布局外观，在纸上创建一个实物模型图。还有更高级的方法，就是使用诸如Macromedia FreeHand 或 Fireworks 等软件创建站点的合成图。重要的是要有一个布局和设计的实物模型，以便以后建立站点时可以按照它来操作。 3.1.7创建设计外观 3.1 关于站点规划和设计 需要进行规划的另一方面是导航。当您设计站点时，应考虑要给访问者留下何种印象。思考一下站点的访问者如何能够从一个区域移动到另一个区域。请考虑以下几点： “您在此处”信息使访问者能够很容易地了解他们在站点中的位置以及如何返回到顶级页面。 有哪些信誉好的足球投注网站和索引使访问者可以很容易地找到任何正在查找的信息。 反馈为访问者提供了在站点有问题时与网站管理员（如果适合）联系的方法，以及与公司或站点相关的其他人员联系的方法。 设计导航的外观。导航在整个站点范围内应该一致。如果将导航条放在主页的页首，请尽量在所有链接的页面上都保持这样。 Dreamweaver CS5 有两个可用于创建导航方案的导航工具。 3.1.8设计导航方案 3.1 关于站点规划和设计 知道了设计和布局的外观后，就可以创建和收集需要的资源了。资源可以是图像、文本或媒体（Flash、Shockwave 等）这样的项目。在开始开发站点前，请确保收集了所有这些项目并做好了准备。否则，您将不得不为找到一幅图像或创建一个按钮而经常中断开发过程。 3.1.9规划和收集资源 3.1 关于站点规划和设计 3.2 创建本地站点 3.2.1创建一个新站点 定义本地站点可以通过以下步骤进行： （1）选择【站点】|【管理站点】菜单命令，出现如图3-1所示的“管理站点”对话框。 或是选择【窗口】|【文件】菜单命令打开站点浮动面板，选取“管理站点”。 3.2 创建本地站点 3.2.1创建一个新站点 （2）单击【