规划和设计站点.ppt
第2章 规划和设计站点,在建立网站之前,首先应设计和规划好整个站点,然后是创建站点的基本框架,继而开始具体的网页制作过程。本章将主要介绍网站建设的基本流程和整体规划,以及使用Dreamweaver 8创建和编辑本地及远程站点的方法。,通过本章的理论学习和上机实训,读者应了解和掌握以下内容:网站建设的基本流程 站点整体规划的要求 创建本地站点的方法设置远程文件夹的方法编辑本地站点的方法编辑远程站点的方法,本章章节内容安排如下:2.1 站点概述 2.2 站点规划 2.3 创建Dreamweaver站点 2.4 编辑站点2.5 思考与练习,2.1 站 点 概 述,网站是WWW(万维网)中最基本的组成部分,而网页又是网站的最基本组成部分。网页之间并不是杂乱无章的,而是通过各种链接相互关联,从而描述相关的主题或实现相同的目的。本地计算机和Internet服务器 本地站点和远程站点 Internet服务程序 上传和下载 网站制作流程,本地计算机和Internet服务器,通常,用户所浏览的网页都存储在Internet服务器上,所谓Internet服务器是指用于提供Internet服务(如WWW、FTP、E-mail等)的计算机。对于WWW浏览服务,Internet服务器主要用于存储用户所浏览的Web站点和页面。对于多数用户来说,Internet服务器只是一个逻辑名称,无需了解服务器具体的数量、性能、配置和地理位置,只需在浏览器的地址栏中输入网址并按下Enter键,就可以轻松实现对网页的浏览,而用户用于浏览网页的计算机就称为本地计算机。只有本地计算机对用户来说才是真正的实体。本地计算机和Internet服务器之间通过各种线路(包括电话线、ISDN或其他线缆等)进行连接,以实现相互间的通信。,本地站点和远程站点,站点也是一种文档的磁盘组织结构,同样是由文档及其所在的文件夹组成。设计良好的网站都具有科学的结构,利用不同的文件夹,将不同的网页内容进行分类组织和保存。良好的网站结构是设计网站的前提,不仅便于管理,也便于更新。在Internet上浏览的各种网站,其实是用浏览器打开存储于Internet服务器上的HTML文档及其相关资源。由于对Internet服务器的不可知特性,通常将存储于Internet服务器上的HTML文档及其相关资源称为远程站点。,Internet服务程序,在一些特殊情况下,如站点中包含有ASP程序时,用户在本地计算机上是无法对站点进行完整测试的,这时就需要借助Internet服务程序来完成测试。在本地计算机上安装Internet服务程序,实际上是将本地计算机构建成一个真正的Internet服务器,用户可以从本地计算机上直接访问该服务器,这时该计算机已经和Internet服务器合二为一了。,上传和下载,下载是资源从Internet服务器传输到本地计算机的过程,而上传是资源从本地计算机传输到Internet服务器的过程。在实际的网页浏览过程中,上传和下载是经常使用到的操作。如浏览网页就是将Internet服务器上的网页下载到本地计算机上,然后进行浏览;用户在使用E-mail时输入用户名和密码,就是将用户信息上传到Internet服务器。Dreamweaver 8内置了强大的FTP功能,可以帮助用户将Internet服务器上的站点结构及其文档下载到本地计算机中,经过修改后再将站点上传到Internet服务器上,实现对站点的更新。,网站制作流程,用户在制作网站时不能随心所欲、没有计划就开始动手制作,那样往往会走很多弯路以致最后不得不回过头来重新设计,既浪费了时间又浪费了精力。因此,在制作网站之前,先了解一下网站制作的基本流程,有利于制作出更好更合理的网站来。确定站点目标 确定目标群体 注意区分浏览器 安排站点结构 设计导航方案 网页设计 资源准备,2.2 站 点 规 划,在Dreamweaver中,站点既可以指Internet服务器上的远程站点,也可以指本地计算机中的本地站点。通常,应先在本地计算机上构建本地站点,创建合理的站点结构,使用合理组织形式来管理站点中的文档,并对站点进行必要的测试,在全部准备好之后,再将站点上传到Internet服务器上,以便他人浏览。规划站点结构 规划站点浏览机制 构建整体的站点风格,规划站点结构,当用户希望创建一个Web站点时,首先应考虑规划站点结构,以确保网站能制作成功。即使用户只是创建个人主页,仅仅是为了供朋友和家人一起分享,也需要谨慎地规划站点,使每个人都能浏览该主页。在规划站点结构时应注意以下规则。使用文件夹 合理命名文件 将本地站点和远程站点设置为同样的结构,规划站点浏览机制,多数网站都包含多个网页,让访问者知道网页的存在,并能正确地进行访问,是网站创建者必须考虑的。通常,应该在网站创建时期规划站点的浏览机制,目的是提供清晰易懂的浏览方法,采用标准统一的网页组织形式,引导用户轻松自如地访问每个页面。在规划站点浏览机制时,通常应包含以下一些内容。返回主页的链接 网站专题目录 当前位置 搜索和索引 反馈,构建整体的站点风格,站点的网页风格应该具有统一性,这样才能突出站点要表示的主题,同时也能够帮助用户快速了解站点的结构和浏览机制。网页风格统一化的特征之一是在多个网页上重复出现某些对象,如文本、图像、声音等。实际创作时,可以通过Dreamweaver中提供的模板和库功能,来帮助网站创作者构建整体的站点风格。,2.3 创建Dreamweaver站点,用户要创建一个站点,一般是先在本地将整个网站制作完成,然后再将站点上传到Web服务器上。因此,在开始创建网页之前,最好用Dreamweaver 8建立一个本地站点。创建本地新站点 设置本地文件夹 设置远程文件夹,创建本地新站点,在Dreamweaver 8中,用户如果要想在本地创建一个新站点,可以打开“站点定义”对话框,按照提示逐步完成站点设置。,设置本地文件夹,本地文件夹是相对“远程”Web服务器上的文件夹而言的,它可以位于本地计算机上,也可以位于局域网服务器上。当用户设置了本地文件夹后,其实就相当于建立了一个Dreamweaver 站点,只不过是站点在“本地”而已。用户在使用 Dreamweaver 8进行开发前,为了方便测试,建议至少需要设置一个本地文件夹。,设置远程文件夹,远程文件夹也就是用户在Web服务器上的文件夹。用户在为 Dreamweaver 8站点设置本地文件夹后,还可以设置远程文件夹。本地文件夹和远程文件夹使用户能够在本地磁盘和Web服务器之间传输文件,这使用户能很容易地管理Dreamweaver站点中的文件。,2.4 编 辑 站 点,用户使用Dreamweaver 8能够对现有站点进行编辑、修改等操作。使用Dreamweaver 8,不但能够编辑本地系统上的现有站点,而且能够编辑远程系统上的站点。编辑本地站点 编辑远程站点 删除站点,编辑本地站点,在Dreamweaver 8中,用户可以使用“站点”|“管理站点”命令编辑本地或远程的站点。即使用户不能使用Dreamweaver创建源站点,也可以在本地硬盘上编辑现有的站点。,编辑远程站点,要编辑一个现有的远程站点,可以先创建一个包含现有站点的本地文件夹,然后为站点设置本地根目录,然后使用现有站点信息设置一个远程站点,并为远程站点选择正确的根目录。在站点面板中单击“连接到远端主机”按钮,连接到远程站点。如果想编辑整个站点,可以选择远程站点根目录,并将其下载到本地磁盘上;如果只是想编辑远程站点的一个文件或文件夹中的内容,可先定位到文件和文件夹存放位置,然后将其下载到本地磁盘。在本地磁盘上编辑、预览和测试文档后,可将最终结果上传到远程站点。,删除站点,如不再需要使用Dreamweaver 8对某个本地站点进行操作时,可以将该站点从“管理站点”对话框的站点列表中删除。从站点列表中删除站点实际上只是删除了Dreamweaver同本地站点之间的关联,保存在磁盘上的站点内容(包括各种文件夹和文件)并不会被删除,在必要时还可以新建相同的站点。,2.5 思考与练习,填空题 1.Internet服务器是指用于 的计算机。对于WWW浏览服务,Internet服务器的作用 是。2.站点是 的磁盘组织结构,是由 和 组成的。3.下载是资源从 传输到 的过程,而上传是资源从 传输到 的过程。4.对于一些数据型的网站,应提供 功能,可使浏览者能快速查找到自己需要的信息。5.为实现网页风格的统一化,在实际创作过程中可以通过Dreamweaver 8中提供的_ 和 功能,来帮助网站创作者构建整体的站点风格。6.要编辑一个现有的远程站点,可以先创建一个 文件夹,然后为站点设置,最后使用现有站点信息设置一个 站点,并为该站点选择正确的。,2.5 思考与练习,选择题 7.在“管理站点”对话框中不能实现的功能是()。A.新建站点 B.编辑站点 C.删除站点 D.上传站点8.用户在创建站点时应该执行的第一步是()。A.决定站点目标 B.创建设计图 C.计划和收集素材 D.选择目标观众,2.5 思考与练习,简答题9.网站建设基本流程包括哪几个步骤?10.在设计规划网站时用户应考虑哪些问题?操作题11.在Dreamweaver 8中通过“站点定义”对话框创建一个本地站点,并将站点命名为“我的个人网站”,本地根文件夹设为D:myhome。12.在“管理站点”对话框中删除上一题创建的站点。,