第10章创建站点(免费阅读).pptVIP

* * 第10章 创建站点 本章学习要点 站点规划和流程设计 创建本地站点 管理本地站点 10.1 站点规划 10.2 站点设计步骤 10.3 定义本地站点 10.4 定义本地站点 10.5管理本地站点 10.1 站点规划 10.1.1 确定站点类型和目标 站点类型决定站点的类别，在规划站点时，首先要确定站点类型（如企业网站、政府网站、学校网站等），然后根据站点类型确定站点目标。目标是站点设计的灵魂与向导,能够引导设计者成功地设计站点。站点的目标因主题而异,因此,在设计站点之前只有明确站点的目标,才能有条不紊地设计和管理好站点文件 10.1.2 确定站点规模和结构 一般开始设计站点时，规模不要求大而全，要突出主题。站点主题突出，结构设计合理,能够更好地管理文件。在规划站点结构时，应遵循以下两个原则： 1.本地站点和远程站点采用相同的结构 将本地站点和远程站点设置成相同的结构,以便于站点的维护和管理。在本地站点结构设置修改完成后,利用Dreamweaver MX 2004将本地站点上的文件及文件夹上传到远程服务器上。 2.用文件夹保存文档 应将站点文件分门别类,保存在站点根目录下的相关文件夹中,以便查找和组织管理。 10.1.3规划站点栏目和内容 站点的栏目要清楚，内容安排要合理,可以将各种不同的内容划分为几个板块,例如新闻、汽车、笑话、旅游等,这样既可以方便网站设计者,也能够方便网站浏览者浏览相关信息。除了文本和图像等内容外,还可以加入多媒体元素。此外,要注意使用合理的文件名称,尽量避免使用中文名称,因为大多数软件平台是英文的。有的Web服务器是区分大小写的,所以,最好采用小写字母命名站点中的文件。 10.1.4规划站点的导航机制 站点应该具有明确的导航系统,避免浏览者在页面上迷失方向,找不到自己想要的信息。 在规划站点的导航条时,应该注意以下几个方面： 1.返回首页链接 除了站点主页以外，每个页面上都要有与主页的链接,方便浏览者回到主页,寻找新的导航目标。同时,当浏览者在页面上迷失方向时,可以返回主页,重新开始。 2.导航标题明确 导航标题文字或图像具有明确的导航指示作用,标题性文字一般是页面内容的概括,例如“新闻”,一看到该标题文字,就可知道链接的内容是当日重要的新闻,如果要查阅当日发生的重要事件,单击该链接即可。 相对于文字导航标题,图像标题更有其独到的一面。例如,做一个首页的链接,设计者往往是添加一个大家所熟悉的图标。例如浏览汽车，使用汽车图标导航，浏览图书，使用图书图标导航。这样,既可以起到明确的导航作用,同时又比单调的文本生动。此外,可以在图像上添加替代文本,这些文本可起到辅助的指示作用。 10.1.5 明确站点的风格 站点的风格体现在主题、颜色、布局、内容等各个方面,因此,应紧紧围绕站点主题和内容设计出颜色柔和、风格独特，表现形象的网页。例如,以自然山水为主题的站点,最好能够体现出回归大自然的感觉。 在实际创建站点时,可以使用模板创建风格相同的页面,提高设计的效率。 10.1.6规划站点要注意的原则 1.为站点创建一个磁盘根文件夹,然后创建多个子文件夹,这样可以将站点的文件分类储存到相应的文件中。 2.文件夹和文件命名注意事项: 使用英文或汉语拼音作为文件或文件夹的名字。 名字中不能包含空格等非法字符。 命名应有一定规律,以便日后的管理。 网页主页名字最好使用index.htm。 由于某些操作系统是区分文件名大小写的,因此建议在创建站点时,全部使用小写字母的文件名称。 3.创建站点需要使用各种类型文件，一般将图片文件放在image文件夹中,媒体文件放在media文件夹中。其他文件应根据其类型,放在不同的文件夹中。 10.2 站点设计步骤 一般站点设计步骤如下： 步骤1：根据构思和内容要求制作流程图。制作流程图的方法可以手画草图，也可以使用word软件制作规范的流程图。构思要新颖，流程层次要清楚。 步骤2：按照流程图创建站点的基本框架，站点框架命名要准确。如果已经构建了自己的站点,也可以利用Dreamweaver MX 2004来编辑和更新现有的站点。Dreamweaver MX 2004可以在站点窗口中以两种方式显示站点结构,一种是目录结构,另一种是站点地图。使用站点地图方式可以快速构建和查看站点。 步骤3：在本地站点中组织文档和数据。文档就是在访问站点时可以浏览的网页。文档中包含各种类型的数据,例如文本、图像、声音、动画和超级链接等。 步骤4：在站点编辑完成后,需要将本地站点上载到Intemet服务器上,以后可以定期更新。 10.3 定义本地站点 10.3.1 使用管理站点对话框定义本地站点 10.3.2 使用文件面板定义本地站点 10.3.3从起始页定义本地站点 10