站点及网页设计
在Internet中，根据一定的规则将显示特定内容的相关网页集合在一起就组成站点。随着网络技术的发展，越来越多的企业组建立了自己的站点，并通过站点对外发布产品信息、提供网络服务、收集用户反馈、树立企业形象。除企业外。很多个人也建立了个人的站点、对外展示自我，与天南海北的朋友交流等。
随着技术的不断发展和网站功能的不断提高，网站项目的设计和开发越来越像一个软件工程，变得越来越复制。在建设网站并为网站设计网页时，需要制定一个合理的网站建设流程，并依据流程按部就班地尽享网站的建设以及网页的设计工作。
1.1.1 网站的建设过程
做任何工作，首先需要制定相关的工作计划和流程，制作网站也不例外。合理的流程可以尽最大限度地提高工作效率，减少因流程不畅通而浪费的时间和精力。一般网站的开发设计人员遵循以下网站开发流程。如图1-1所示
在整个的开发过程中，一般要经过这九个步骤，通常可以将其归纳为3个方面，即网站策划、实施网站方案和发布及推广。
开发一个网站，并不是一个人在有限的时间内就可以完成的。而是需要一个团队。因此，拥有一个完整、合理的网站建设流程，可以使每个开发人员按部就
班地开展工作。
1.12网站的策划
网站策划是建设网站的开始、决定网站是否能够吸引浏览者/策划网站必须确定及满足客户的需求，也要适合浏览者或者为浏览者提供一定的服务。 1. 网站需求分析
建设网站需要分析未来网站用户对网站的需求，需要网站提供什么样的服务。如果需要为多种用户提供服务的话，服务的侧重点又是什么。只有明确了服务的对象或者主要服务的对象，网站才能根据该对象而制定出争取的网站发展策略。
分析网站建设的需求，还需要分析竞争对手。确定是否已有类似的网站进行同类的服务。如果已有类似的网站，应分析该网站的优点和缺点。除非真的有竞争实力，否则切忌跟风。在互联网上，只有有个性和有特殊的网站，人们才会记住并且光顾。 2. 规划站点结构
确立了网站建设的需求，还需要规划站点的结构。合理的结构可以帮助站的访问者尽快查找到需要的资源，提高网站在访问者心目中的地位，而混乱的结构往往使访问者不知所措。规划站点结构必须牢记网站是为了访问者服务的，必须想访问者所想，急访问者所急。 例如，规划一个企业的网站，必须了解通常企业网站需要为用户提供些什么，已经用户需要什么。确定了企业可以提供的资料后，就可以根据资料绘制企业网站的结构图，如图1-2所示。
3. 收集资源
在确定网页结构以后，就应着手为网站建设搜集资源。网站建设需要的资源包括文字资料、图像资料、声音资源和视频资源等。充分的资源可以使网站的内容更加丰富，而且在设计时也更加得心应手。
1.13 实施网站的方案
完成整个网站的策划后，即可以根据前期策划的结果实施网站建设的方案。实施网站方案又包括设计网页图像、制作网页以及开发网页的动态模块等。 1. 设计网页
在制作网页之前，通常使用图像处理软件（例如Photoshop等）设计网页中的各种图像、网页版式和网页的配色方案等。在设计网页模板效果图时，应注意网页的色彩搭配以及素材图像的选择，如图1-3所示。
2. 制作网页
设计出网页模板效果图后，即可以使用图像处理软件的切片工具将效果图制作成切片网页。如果制作的是普通的网页，可以用表格或者CSS+XHTML为网页布局，将切片网页中的图像依次贴到背景中，并输入网页的其他内容，如图1-4所示。
有些网页为了追求动感效果，使用FLASH来制作网站，将整个网站制作成动画的形式。作者FLASH网站可以将切片网页直接导入FLASH中，选择相应的层，将其转换为元件，以制作网站动画如图1-5所示。 注意：
虽然大多数包含切片工具的图像软件（例如Photoshop和Fireworks）可以生成切片网页，但切片网页在维护和修改时非常麻烦，因此应尽量对网页进行布局后再插入切片图像，而非直接使用切片网页。在布局时可以使用传统的表格或框架布局，也可以使用CSS控制的层进行布局。
3. 开发动态网站模块
网页制作完成后，还需要为网页开发动态网站模块。动态网站模块可以将网站的内容存储在数据库中，由数据库来管理。通过更新数据库，使动态网站模块自动更新页面内容，大为减轻网站维护人员的工作负担，提高网站的运行效率。
1.1.4发布及推广
完成网页的设计与网站的制作后，还需要制作好的网站发布到Internet中。这就需要申请域名及服务器空间，并测试及发布网站。网站并非一次性建设后就不需要再投入精力了，发布的网站还需要进行后期的维护与推广。 1. 申请域名和服务器空间
域名是网站的地址，通过它可以浏览所发布的网站。制作好网站后，需要为网站申请一个好记忆与网站内容有关的域名，以帮助网站未来访问者记忆。之后需要为网站申请服务器空间，将网站上传到Internet中，这样网站才可以被访问者访问。
2. 测试及发布网站
很多初学者在建立网站时，由于工作疏忽（例如，网站的链接都使用的本地绝对链接），很容易制作出实效的链接。网站上传至服务器后，需要网站的设计者测试网站的每一链接，检查其是否有效，并检测网站的动态程序模块是否运转正常。
3. 网站的维护与推广
经常维护、更新的网站才能吸引访问者不断的访问。因此，更新和维护是一个想做得长久的网站必不可少的工作。刚上传发布的网站往往没什么人气，因此还需要对网站进行推广，例如经常和其他网站交换链接、发布Internet广告，已经购买搜索引擎的排名等。
在设计网页之前，需要先了解一些基础知识。通过学习这些基础知识，可以帮助读者了解网页的组成、以及设计网页需要应用的技术和流程。
1.2.1 网页的设计术语
术语是各学科、行业的专门用语。在网页设计中，经常要使用到术语。了解术语的含义有助于同行业间的交流，也有助于读者对该专业的理解。网页设计中常用的术语分为两大类。 1. 网络技术术语
网页设计是基于计算机与网络技术的，在网页设计与网站建设中大量的用了计算机与网络技术的术语。
超链接
超链接在本质属于一个网页的一部分，是一种允许用户同其他网页或站点之间进行连接的元素。
所谓超链接是指出噢乖一个网页指向一个目标连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序，如图1-6所示。
URL
URL的中文全称为统一资源定位符，其作用是用于完整地描述Internet上的网页和其他资源。URL标识只能表示一个网页或者其他资源的位置。URL以统一的语法编写而成，其格式如下：
“协议名”：//“主机域名/IP地址”.“端口”/“目录”/“文件名”.“文件扩展名”#“锚记名称”。 HTTP协议
HTTP的中文全称为超文本传输协议，是Internet中最常见的协议之一。是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效地工作，减少网页传输的时间。其不仅保证计算机正确快速地传输超文本文档，还确定有限传输文档的哪一部分。比如，文字优先于图形等。 域名
从技术上讲，域名知识一个Internet中用于解决IP地址对应问题的一种方法。它可以是Internet中的一个服务器或一个网络系统的名称。该名称是全世界唯一的，因此被统称为网址，如图1-7所示。
目前，有一些国家在开发其他语言的域名，如中文域名。域名不仅便于记忆，而且即使在IP地址发生变化的情况下通过改变翻译对应关系，域名仍可保持不变，如图1-8所示
浏览器
浏览器是一种基于Internet的软件。其作用是显示网页服务器或档案系统的文件，并让浏览者与这些文件互动。浏览器可以显示Internet内网页中的文本，图像，视频和声音等网页元素。如图1-9所示是两种浏览器的显示方式。
上传/下载
上传就是将信息从个人计算机传递到服务器系统上让网络人都能看到。例如，将制作好的网页发布到Internet上去，以便让其他人浏览。这一过程称为上传，如图1-10所示
上传分为WEB上传和FTP上传，前者直接通过单击网页上的链接即可操作，后者需要专用的FTP工具。
下载是通过网络进行传输文件并保存到本地计算机上的一种网络活动，也是指把服务器上保存的软件、图片、音乐、文本等下载到本地计算机中，如图1-11所示。
2. 网页专业术语
之前介绍的术语只要是一些网络技术的术语。在网页设计中，还经常遇到一些网页设计专业的术语，这些术语主要用于网页与网站行业。
HTML
HTML的中文全称为超文本标记语言，是目前网络中应用最广泛的语言，也是构成网页文档的主要语言。HTML是网络的通用语言，是一种简单的标记语言。包括使用动态网页技术的网页在内，几乎所有的网页都使用或者部分使用HTML语言编写，如图1-12所示。
主页
通常网站为方便浏览者查找和分类浏览网站的信息，会将信息分类，并建立一个网页以放置网站信息的目录，即网站的主页，如图1-13所示。
大部分网站将这个带有目录的网页作为网站的第一页，即网站首页。主页和首页是有区别的，并非所有网站都将主页设置为首页，有的网站喜欢在首页放置一段进入动画，并将主页的链接放置在首页上，浏览这需要单击首页的链接进入主页。
1.2.2网页的板块结构
Internet中的网页由于设计和制作的差别而千变万化，但通常由几大板块组成。一般的网页包含网站的LOGO、Banner、导航条、主题部分，以及版尾等5部分。
1. 网站LOGO
通常网站为体现其特色与内涵，设计并制作一个LOGO图像放置在网站的左上角或其他醒目的位置。企业网站常常使用企业的标志或者注册商标。一个设计优秀的LOGO可以给浏览者留下深刻的印象，为网站和企业形象宣传起到十分重要的作用，如图1-14所示。
2. 导航条
导航条是网页的重要组成元素。设计的目的是将站点内的信息分类处理，然后放在网页中以帮助浏览者快速查找到站内信息。导航条的形式多种多样，宝库啊文本导航条、图像导航条以及动画导航条等。有些使用特殊技术（例如FLASH技术、JavaScript技术和CSS样式）制作的导航条还可以具有下拉菜单功能如图1-15所示。
3. Banner
Banner中文意思是横幅或者网幅。Banner的内容通常为网页中的广告。在网页布局中，大部分的网页将Banner放置在与导航条相邻处，或者其他醒目位置以吸引浏览者浏览如图1-16所示。
4. 内容版块
网页的内容版块是整个页面的组成部分。设计人员可以通过该页面的栏目要求来设计不同的板块，每个版块有一个标题内容，并且每个内容版块主要来显示不同文本信息，如作品、动态、客户、域名空间、网站建设的呢个，如图1-17所示。
5. 版尾或版权版块
版尾，即页面最底端的版块。这部分位置通常放置网页的版权信息，以及网页所有者、设计者的联系方式等。有的网站也将网站的友情链接以及一些附属的导航条放置在这里，如图1-18所示。
在计算机中，进行任何操作都必须通过软件，设计网页也不例外。熟练使用各种软件设计以及图像动画处理制作软件，是一个网页设计师必须掌握的技能。本节将介绍一些常见的网页相关软件。 1.3.1 Dreamweaver网页软件
Dreamweaver是Macromedia开发的一款强大的所见即所得的网页设计和站点管理软件。使用Dreamweaver可以轻而易举地制作跨越平台和浏览器限制的网页。
Dreamweaver支持开发HTML、XHTML、CSS、JavaScript、XML以及FLASH的动作脚本等类型文档，并可以与FLASH、Fireworks、Photoshop完美结合。Dreamweaver还可以开发汝ASP、ASP.NET、JSP和PHP等动态网页程序，如图1-19所示。
1.3.2 Photoshop图像处理软件
Photoshop是Adobe公司推出的图像处理软件，其诞生可以追溯到1987年。早期的Photoshop只是基于MAC系统用于处理扫描照片的一个小软件。经过20多年的发展，Photoshop以及从默默无闻的小型软件发展成为桌面图像处理大师。
Photoshop的图像处理功能十分强大，例如处理WEB图像、数码照片、扫描文档，Photoshop都可以满足应用的需求，如图1-20所示。
1.3.3 Flash动画设计软件
为使网页更加富有动感、更加个性化，很多网站在网页中插入Flash动画。Flash动画是一种由Macromedia公司推出的交互矢量图和Web二维动画标准。制作这种动画所需使用的软件即Macromedia公司开发的Flash。
Flash被称为“最灵活的前台”。其独特的编译方式个和跨平台能力（除了个人计算机之外，手机将其他手持设备同样可以播放）、广泛的应用的应用（软件、游戏、WEB应用程序、多媒体娱乐等多方面），使之越来越成为一种重要的工具，如图1-21所示。
1.3.4 Fireworks网页图像处理软件
如果将Photoshop比作全能的图像处理大师的话，Fireworks就是精于网页图像处理的专家。Fireworks在位图方面的图像处理的功能也许要比Photoshop弱一些，但在矢量图形的处理方面有其独特之处。
在WEB应用方面，Fireworks最早提供切片功能的图像处理软件。Fireworks支持在图像中绘制热区并直接生成网页文档，并且具备简单的GIF动画制作能力，同时支持将动画转换为Flash文件并嵌入到网络中播放，如图1-22所示。
IIS是Microsoft公司为Windows系统提供的一种Web服务软件。该软件可以实现包括Web对外发布、FTP文件传输、SMTP邮件服务以及ASP动态网页技术等功能。对于使用Windows操作系统的服务器而言，IIS是必不可少的服务器端软件。
1.4.1 安装Internet信息服务
ISS可以将本地计算机设置为对外发布信息的服务器。通过IIS信息服务器，可管理本地网站发布各种Web服务。
IIS通常支持多种Web服务，如HTTP、SMTP、FTP和远程桌面连接等。 STEP|01在Windows系统中执行开始菜单，设置，控制面板命令，打开控制面板窗口，单击添加或删除程序选项，打开添加或删除程序对话框，如图1-23所示。
STEP|02单击对话框左侧的添加/删除Windows组件，打开Windows组件向导对话框，选择Internet信息服务，如图1-24所示。
STEP|03单击详细信息按钮，在弹出的对话框中启用Internet信息服务管理单元、公文文件和万维网服务三个复选项，如图1-25所示。
STEP|04双击万维网服务组件名，打开其子组件对话框，选择万维网服务选项，如图1-26所示。
STEP|05单击确定按钮返回Windows组件向导对话框，单击下一步按钮，即可安装IIS如图1-27所示。
1.4.2建立虚拟目录
虚拟目录顾名思义，并非实际存在的目录结构。每个Internet服务都可以从多个目录中发布。虚拟目录也是管理网站文件的目录。
安装好IIS服务器后，可以建立一个目录，并将其设置为IIS服务器的虚拟目录。
STEP』01打开本地磁盘F,创建一个名为XNML的文件夹，并在该文件夹中再创建一个名为site的文件夹，如图1-29所示。
STEP|02打开计算机管理对话框，在其左侧的目录中右击默认网站，执行新建|虚拟目录命令，如图1-30所示。
STEP|03打开虚拟目录创建向导对话框，单击下一步按钮。然后输入别名，如图1-31所示。
提示：别名是指显示在Internet信息服务中的一个虚拟目录名称。
STEP|04单击下一步按钮，在刷新的对话框中单击浏览按钮，在弹出的对话框中指定网站内容目录为“f:\\xunl\\site”,如图1-32所示。
STEP|05单击下一步按钮，在复选框中选择需要给予该虚拟目录的相应权限，如图1-33所示。
STEP|06单击下一步按钮，对话框出现已成功完成虚拟目录创建向导后即可单击完成按钮，完成虚拟目录创建。
网页设计中通常是在本地计算机上创建WEB页面、对WEB页面修改和美化，完成这些工作后再将WEB页面上传至WEB服务器。
在设计人员修改WEB的过程中，可以随时将保存过的文件传输至如武器中以站点进行维护。为简化该过程，可以为WEB页创建WEB站点。
1.5．1技能要点：Web站点
Web站点是网站服务器中一组具有共享性的链接文档和资源。
具备Web站点管理功能的软件有很多，例如Dreamweaver、FrontPage和
InterDev等。本书将重点介绍Dreamweaver的站点管理功能。
在Dreamweaver中,“站点”的含义是指属于某个Web站点的文档在本地或远程服务器中的存储位置。使用Dreamweaver可以组织和管理Web站点中所有的Web文档。
Dreamweaver可以将用户的站点上传到Web服务器中，并对站点中的文档进行跟踪和维护。当需要对文档进行修改时，Dreamweaver可以方便地在本地修改并将文档上传。
组成Dreamweaver站点的主要是3大部分（目录），其具体区别主要取决于开发环境和所开发的Web站点类型。
本地根目录
存储正在编辑修改中的文件。此目录通常存储在本地计算机中。当然，也可以将其存储在远程服务器上。如果将其设置于远程服务器上，则每次对文件进行修改后，Dreamweaver都会将文件上传至远程服务器。
远程目录
存储用于测试，制作和协作等用途的文件。远程目录通常位于运行Web服务器的计算机中。
测试服务器目录
测试服务器目录是Dreamweaver用来处理动态页的。 1.5.2创建过程
要定义Dreamweaver的站点，需要先为其创建一个本地目录。如需要向Web服务器传输文件或者开发Web应用程序，则必须添加远程站点和测试服务器信息。
STEP|01打开Dreamweaver，执行站点|新建站点命令，在弹出的未命名站点2的站点定义为对话框中，输入站点名称，如图1-34所示。
STEP|02单击下一步按钮，在刷新的对话框中选择否，我不想使用服务器技术单选按钮，如图1-35所示。
提示：
如需要使用服务器技术，可选择是，我想使用服务器技术单选按钮，并在之后的选项中选择服务器技术的语言。
STEP|03单击下一步按钮，选择编辑我的计算机上的本地副本，完成后再上传到服务器，单选按钮，并在你将把文件存储在计算机上的什么位置文本框中修改当前存放文件的目录，如图1-36所示。
STEP|04单击下一步按钮，在刷新的对话框中设置连接远程服务器的方法，并修改站点的根目录，如图1-37所示。
STEP|05单击下一步按钮，选择否，不启用存回和取出单选按钮，如图1-38所示。
提示：存回和取出是Dreamweaver的一项特殊功能。当多个网页设计人员编辑同一个网站时，存回和取出选项可以保证不会出现几个网页设计人员重复编辑一个网页的情况。
STEP|06单击下一步按钮，即可浏览之前的各项设置情况，如发现有设置错误的，可以单击上一步按钮返回修改。如确信呜呜，则可以单击完成按钮，结束站点设置，如图1-39所示。
网站在发布到WEB服务器供浏览者浏览前，需要做大量测试，以保证浏览者可以正常浏览和使用。在Dreamweaver中提供一系列测试Web站点的功能，如测试页面之间的链接、网页的外部链接、对IE浏览器的兼容性等。
1.6.1技能要点：站点测试指南
站点中的网页文档应确保可以在目标浏览器中正常显示和工作、没有失效的链接、页面下载也不会占用太长时间。在Dreamweaver中，可以测试如下项目，使站点的页面可以为访问者提供完善的服务。 确保页面正常显示
站点的访问者使用的操作系统，；浏览器通常五花八门，作为网页的设计者，有必要在站点发布前对站点所有的页面进行测试。
并非每种浏览器都支持CSS样式表、层、active控件、JavaScript脚本和框架这些技术。例如，比较流行的Firefox浏览器就不支持Active控件和CSS2.0
标准。
为使站点中的网页在这些浏览器中可以正常、清晰地显示，可以使用Dreamweaver检查浏览器功能，自动为不符合要求的浏览器提供界面重新定向，将其转到可以正常显示的页面中。
支持不同的浏览器平台
各种不同的浏览器对网页的解析是不同的。在设计好网页后，应针对不同的浏览器编写CSS样式的hack代码，以保证网页的布局和字体大小等属性在不同浏览器中都可以正常显示。
检查失效链接
在设计网页过程中，很容易由于工作的疏忽造成链接的文件位置变化，导致链接失效。在网站发布前应将站点各网页的超链接全面检查一次，以放置出现失效链接。
设计网页时，如使用到外部的链接，则应经常检查外部链接是否存在。如外部的链接不存在，则应及时编辑修改网页。
在检查失效链接时，可以使用Dreamweaver自带的检查站点范围的链接工具，帮助提高工作效率。
控制页面文件大小
使用图像处理软件制作的切片网页，代码通常十分臃肿，使用一些软件生产的代码同样如此。因此在设计完成网页后，应将网页的代码再读一遍，删除无用的注释语句。首页文件应尽量控制在70KB内，以提高打开的速度。
控制网友各版块 在某些浏览器上，对于大型表格或层布局的页面，可能在加载完整个表格或层之前什么都不显示，这就增加了访问者的等待时间。因此在设计网页时，应考虑将大型表格和层分为几部分，以做到先载入一部分给访问者浏览，在访问者浏览的同时继续载入其他部分。或者在页面顶部添加一些动画导航条和Banner引开访问者的注意力，防止访问者因等待时间过长而关闭页面。
图像失效的补救方法
在网页设计时，应避免在表格或其他网页布局元素中直接插入图像。
直接插入图像，如图像失效，则会在页面中产生红叉影响网页整体观感。且很多设计者在插入图像后便不再为布局元素设置大小，如果图像失效，则会导致网页变形。
比较好的方法是用CSS设置网页布局元素的宽与高，然后将要插入的图像设为网页布局元素的背景。如果图像失效，仅会显示空白。
检查标题和标签
当网页设计者设计大量页面时，很容易工作疏忽而忘记修改页面的标题。因此在测试整站时，应注意检查每个页面的标题是否为默认的“无标题文档”。
网页通常都是由大量表格或层进行布局的，因此在网页的修改过程中，很容易工艺产生空标签和冗余的标签，甚至缺失的标签。这些标签或许不会影响到页面是否可以打开，但都会影响到页面的打开速度。
在Dreamweaver中，插入表格每单元格都会自动插入一个空格符。在测试整站时，应设置单元格的高度，并将这些空格符删除。
1.6.2验证网页语法错误
验证当前页面内容，其主要步骤是验证当前文档是否有标签或者语法错误。 STEP|01打开网站的网页文档，执行文件|验证|标记命令如图1-40所示。
STEP|02 Dreamweaver将自行验证整个网页中的标签与语法错误，并在弹出的结果面板显示错误信息，如图1-41所示。
STEP|03 还可以单击文档工具栏中的验证标记按钮，执行验证当前文档命令，同样可以实现对网页中的标签与语法错误的检测，验证标记按钮如图1-42所示。
1.6.3检查站点链接 对于大型网站而言，通常拥有几十个甚至上百个页面，设计者咋设计网页时，很可能因疏忽而导致链接错误或遗漏。因此，在设计好网页后，应使用Dreamweaver中的链接检查器，检查站点内个网页内链接及外链接是否有效。
STEP|01在结果面板中，选择链接查看器选项卡，单击检查链接按钮，执行检查整个当前本地站点的链接命令，如图1-43所示。
STEP|02如果站点中文本的链接出现问题，将统一显示在结果列表中，如图1-44所示。
STEP|03在显示的结果中，会将错误链接的代码以及所设计的对象在页面中的位置分别显示出来，如图1-45所示。
1. 上传及发布
网站制作完成后最终要通过上传将其发布到WEB服务器以供访问。因此，上传及发布是网站制作完成后的必需过程。
通常网站的上传和发布是通过FTP进行的。支持FTP上传的软件很多。例如Dreamweaver中即内置有FTP上传工具。
STEP|01打开Dreamweaver，执行站点|管理站点命令，在弹出的管理站点对话框中单击新建按钮，执行FTP与RDS服务器命令，如图1-16所示。
STEP|02在弹出的说明对话框中启用不再显示这个信息复选框，并单击确定按钮，如图1-47所示。
STEP|03在弹出的配置服务器对话框中设置服务器的名称，房屋类型以及FTP主机、主机目录、登录名称、密码，如图1-48所示。
STEP|04单击测试按钮即可测试FTP服务器是否连接成功。如FTP服务器可以连接，Dreamweaver将弹出确认对话框，如图1-49所示。
STEP|05单击确定按钮，在文件面板中即可显示当前FTP站点的目录，如图1-50所示。
STEP|06选择本地站点中所有文件，并将其复制，粘贴于FTP服务器中，即可完成上传。 2. 查看本地与远程站点
Dreamweaver有支持查看本地和远端站点的文件结构、链接文件等功能。这需要使用到Dreamweaver的显示本地与远程站点工具。
STEP|01在Dreamweaver的文件面板中，单击展开以显示本地和远程站点按钮，即可打开本地和远程站点窗口，如图1-51所示。
STEP|02单击新窗口显示下三角按钮，即可看到其中的项目包括本地磁盘、本地站点和远程站点，如图1-52所示。
STEP|03单击相关的站点，即可显示站点的文件列表，例如选择FTP://我的FTP服务器，如图1-53所示。
STEP|04 如显示的站点为本地站点，可以单击站点地图按钮，执行仅地图命令，查看站点的文件结构地图，如图1-54所示。
STEP|05站点地图可以从首页开始显示两个级别深度的目录结构，并将页面显示为图标，安装在页面代码中出现的顺序来显示链接。
因篇幅问题不能全部显示，请点此查看更多更全内容