网站规划与设计.ppt

《网站规划与设计.ppt》由会员分享，可在线阅读，更多相关《网站规划与设计.ppt（68页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强第第2章章网站规划与设计网站规划与设计网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强网站分类网站分类门户网站 如：新浪政府网站学校和科研机构网站企业网站新闻媒体网站 如：中国新闻网、CCTV论坛型网站展示宣传型网站个人网站 如：吴山明教授个人网站http:/网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强网页的类型网页的类型1、静态

2、网页2、动态网页1ASP 2.ASP.NET3JSP 4PHP网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2网站建设的整体规划企业电子商务网站结构图企业电子商务网站结构图网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2网站建设的整体规划汉阳教育信息网站结构图汉阳教育信息网站结构图网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2网站建设的整体规划2.1 网站结构1

3、归类站点内容2项目放置的位置3导航草图设计4创建设计草图网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2 网页页面布局1网页设计和布局原则2网站命名和标志 网站命名应遵循以下的原则：（1）体现网站的主题，凝练，概括性强。（2）合法、合情并合理。（3）字数不要太多，一般控制在6个字以内。（4）有个性，体现一定的内涵，可给浏览者更多的视觉冲击力和空间想像力 网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强3网页的色彩 网页的色彩是树立网站形象的关键因

4、素之一。在搭配网页色彩时，要注意色彩的鲜明性、独特性、合适性和联想性。4网页的文字 注意以下基本原则:（1）不要使用超过3种字体类型，否则网页看起来将显得杂乱，没有主题。（2）不要用太大的字，因为版面空间非常宝贵和有限，粗陋的大字体不能带给浏览者更多的信息（3）最好不要使用不停闪烁的文字。（4）标题的字体比正文要稍大一些，颜色也应有所区别。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强4定位网站的CI形象 1、设计网站的LOGO2、网站宣传词网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中

5、山中专中山中专 邓丽强邓丽强邓丽强邓丽强5网页版面和布局 网页布局主要有以下3种结构。型结构T型结构 三型结构网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强1.3.1 网页布局工具1Dreamweaver2Frontpage1.3.2网页美化工具1图像处理软件:Photoshop,Fireworks2动画制作软件:FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D 网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专

6、中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强网站的开发流程网站的开发流程不同的单位和个人要开发网站的种类，要不同的单位和个人要开发网站的种类，要求不同，所以思路，进程都不尽相同。我们在求不同，所以思路，进程都不尽相同。我们在练习时所做的练习时所做的“网站网站”从前期规划到后期完成从前期规划到后期完成的过程与商业界的性质不同。例如商界，包括的过程与商业界的性质不同。例如商界，包括有关单位或个人的很严格的网络建设结款方式。有关单位或个人的很严格的网络建设结款方式。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强网站制作合

7、同款项通常分两期支付。网站制作合同款项通常分两期支付。第一期第一期款项：合同签定后当日，客户需支付合同金额的款项：合同签定后当日，客户需支付合同金额的50%作为定金。作为定金。第二期款项：整个网站制作项目第二期款项：整个网站制作项目完成，客户依据验收标准验收，验收合格或超过完成，客户依据验收标准验收，验收合格或超过验收期限截止日，由客户在其后的三日内支付合验收期限截止日，由客户在其后的三日内支付合同金额的同金额的50%，同时需要将网站移至客户的服务，同时需要将网站移至客户的服务器空间。器空间。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强

8、邓丽强邓丽强邓丽强从整体来说动态或功能性网站的建设，大致分为三从整体来说动态或功能性网站的建设，大致分为三个阶段：个阶段：第一，分析阶段第一，分析阶段第二，实现阶段第二，实现阶段第三，发布阶段第三，发布阶段第四，不断的修改第四，不断的修改网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强第一，分析阶段第一，分析阶段详细的说为需求分析阶段，包括站点的规划，详细的说为需求分析阶段，包括站点的规划，HTML内容及如何实现这些内容。内容及如何实现这些内容。第二，实现阶段第二，实现阶段这一阶段可以说是关键阶段，它是衡量整个网站这一阶段

9、可以说是关键阶段，它是衡量整个网站的决定性阶段。具体包括美术设计，制作良好的页面的决定性阶段。具体包括美术设计，制作良好的页面视觉效果。不同的网站性质及风格要求的颜色搭配也视觉效果。不同的网站性质及风格要求的颜色搭配也不同。所以要准备好这些工作；根据设计和站点的结不同。所以要准备好这些工作；根据设计和站点的结构先制作好静态站点；根据页面和设计结构设计数据构先制作好静态站点；根据页面和设计结构设计数据库，进行相关的数据库操作，生成查询集，静态内容库，进行相关的数据库操作，生成查询集，静态内容编码成动态内容。根据客户反馈修改上一版本；编码成动态内容。根据客户反馈修改上一版本；网站建设与维护网站建设

10、与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强第三，发布阶段第三，发布阶段重新分析获得的需求，根据需求调整设计。根据重新分析获得的需求，根据需求调整设计。根据客户反馈修改上一版本，根据日志进行排错和测试，客户反馈修改上一版本，根据日志进行排错和测试，演示，反馈。演示，反馈。第四，不断的修改第四，不断的修改不断的修改演示直到客户满意符合客户所要求的不断的修改演示直到客户满意符合客户所要求的标准，最后客户验收为正式发布阶段。完成的每一阶标准，最后客户验收为正式发布阶段。完成的每一阶段每一步都要经过客户的确认，根据需求分析调整设段每一步都要经过客户

11、的确认，根据需求分析调整设计。计。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强211网站的工作原理网站的工作原理1.概述概述网站的一般工作原理是指网站的一般工作原理是指Web服务器与客服务器与客户端浏览器交互的基本原理，简单的说就是网户端浏览器交互的基本原理，简单的说就是网站服务器上的文件和数据库最终成为客户所看站服务器上的文件和数据库最终成为客户所看到的页面的过程。实质上这个过程就是解决下到的页面的过程。实质上这个过程就是解决下面三个问题的过程：面三个问题的过程：网站建设与维护网站建设与维护网站建设与维护网站建设与维

12、护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强(1)网站的数据如何变成页面数据网站的数据如何变成页面数据网站网站程序解决。程序解决。(2)如何根据用户请求将指定的数据体送达如何根据用户请求将指定的数据体送达客户端客户端Internet解决。解决。(3)客户端如何将页面数据显示为页面（所客户端如何将页面数据显示为页面（所谓页面就是图形界面上的文本、图像、图形的谓页面就是图形界面上的文本、图像、图形的集合）集合）浏览器解决。浏览器解决。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.网站程序的运行网站程

13、序的运行这里的这里的“网站程序网站程序”指网站的脚本、脚本解析程指网站的脚本、脚本解析程序、公用组件和数据库系统的集体。如果网站全是静序、公用组件和数据库系统的集体。如果网站全是静态页面，当然就不存在脚本和组件的问题了。这些程态页面，当然就不存在脚本和组件的问题了。这些程序相互协作，将原始的网站数据（文件形式或数据库序相互协作，将原始的网站数据（文件形式或数据库形式）解释（或者说：变换）成特定编码格式的用户形式）解释（或者说：变换）成特定编码格式的用户数据。数据。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强网页里最常见

14、的编码格式有：网页里最常见的编码格式有：HTML,GIF,BMP,PNG,MIDI（“正规正规”名称为名称为text/html,image/gif,image/bmp,image/png,audio/mid）。对任何一次客户请）。对任何一次客户请求，一旦解释完毕，程序在本次连接中的使命也就结束求，一旦解释完毕，程序在本次连接中的使命也就结束了。其过程如图了。其过程如图2-1所示。所示。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-1浏览器访问服务器示意图浏览器访问服务器示意图网站建设与维护网站建设与维护网站建设与

15、维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强WWWWWW工作原理示意图工作原理示意图网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图 基于基于WebWeb的浏览器的浏览器/服务器服务器B/B/S(BrowserS(Browser/Server)/Server)结结构示意图构示意图网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2Web服务器的安装与配置服务器的安装与配置2.2.1IIS简介简介IIS是是In

16、ternetInformationServer的缩写，它是微的缩写，它是微软公司主推的服务器，软公司主推的服务器，IIS与与WindowNTServer完全集完全集成在一起，因而用户能够利用成在一起，因而用户能够利用WindowsNTServer和和NTFS（NTFileSystem，NT的文件系统）内置的安全的文件系统）内置的安全特性，建立强大、灵活而安全的特性，建立强大、灵活而安全的Internet和和Intranet站站点。点。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强IIS支持支持HTTP（Hypertext

17、TransferProtocol，超，超文本传输协议），文本传输协议），FTP（FeleTransferProtocol，文件，文件传输协议）以及传输协议）以及SMTP协议，通过使用协议，通过使用CGI和和ISAPI，IIS可以得到高度的扩展。可以得到高度的扩展。IIS支持与语言无关的脚本编写和组件，通过支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的、富有魅力的，开发人员就可以开发新一代动态的、富有魅力的Web站点。站点。IIS不需要开发人员学习新的脚本语言或者不需要开发人员学习新的脚本语言或者编译应用程序，编译应用程序，IIS完全支持完全支持VBScript，JS

18、cript开发软开发软件以及件以及Java，它也支持，它也支持CGI和和WinCGI，以及，以及ISAPI扩扩展和过滤器。展和过滤器。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强IIS的设计目的是建立一套集成的服务器服务，用的设计目的是建立一套集成的服务器服务，用以支持以支持HTTP，FTP和和SMTP，它能够提供快速且集成，它能够提供快速且集成了现有产品，同时可扩展的了现有产品，同时可扩展的Internet服务器。服务器。IIS的安装，管理和配置都相当简单，这是因为的安装，管理和配置都相当简单，这是因为IIS与与Wi

19、ndowsNTServer网络操作系统紧密的集成在网络操作系统紧密的集成在一起，另外，一起，另外，IIS还使用与还使用与WindowsNTServer相同的相同的SAM（SecurityAccountsManager，安全性账号管理，安全性账号管理器），对于管理员来说，器），对于管理员来说，IIS使用诸如使用诸如PerformanceMonitor和和SNMP（SimpleNerworkManagementProtocol，简单网络管理协议）之类的，简单网络管理协议）之类的NT已有管理工已有管理工具。具。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山

20、中专 邓丽强邓丽强邓丽强邓丽强IIS支持支持ISAPI，使用，使用ISAPI可以扩展服务器功能，可以扩展服务器功能，而使用而使用ISAPI过滤器可以预先处理和事后处理储存在过滤器可以预先处理和事后处理储存在IIS上的数据。上的数据。用于用于32位位Windows应用程序的应用程序的Internet扩展可以把扩展可以把FTP，SMTP和和HTTP协议置于容易使用且任务集中的协议置于容易使用且任务集中的界面中，这些界面将界面中，这些界面将Internet应用程序的使用大大简化，应用程序的使用大大简化，IIS也支持也支持MIME（MultipurposeInternetMailExtensions，

21、多用于，多用于Internet邮件扩展），它可以为邮件扩展），它可以为Internet应用程序的访问提供一个简单的注册项。应用程序的访问提供一个简单的注册项。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强IIS的一个重要特性是支持的一个重要特性是支持ASP。IIS3.0版本以后版本以后引入了引入了ASP，可以很容易的张贴动态内容和开发基于，可以很容易的张贴动态内容和开发基于Web的应用程序。的应用程序。对于诸如对于诸如VBScript，JScript开发软件，或者由开发软件，或者由VisualBasic，Java，Vis

22、ualC+开发系统，以及现有开发系统，以及现有的的CGI和和WinCGI脚本开发的应用程序，脚本开发的应用程序，IIS都提供强都提供强大的本地支持。大的本地支持。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.2.2IIS的安装与配置的安装与配置IIS目前最新版本为目前最新版本为6.0，在，在Windows2003Server操作系统中默认安装。如果没有安装操作系统中默认安装。如果没有安装Windows2003，可以选择可以选择IIS5.0，它可以在，它可以在WindowsXP或者或者Windows2000操作系统中安

23、装。操作系统中安装。对开发者而言，对开发者而言，IIS的各个版本之间的区别并不大。的各个版本之间的区别并不大。这里将介绍在这里将介绍在WindowsXP操作系统中操作系统中IIS5.0的安装配的安装配置。置。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强1.IIS安装安装在安装操作系统的时候，在安装操作系统的时候，IIS并没有默认安装到操并没有默认安装到操作系统中，因此读者还必须要单独安装。安装步骤如作系统中，因此读者还必须要单独安装。安装步骤如下：下：（1）首先进入控制面板，选择）首先进入控制面板，选择“安装或删除程序

24、安装或删除程序”，（如图（如图2-2所示）单击所示）单击“添加或删除程序添加或删除程序”后，进入后，进入“添加或删除程序添加或删除程序”对话框，单击对话框，单击“添加添加/删除删除Windows组件（组件（A）”弹出弹出“Windows组件向导组件向导”对话对话框。如图框。如图2-3所示。所示。（2）选中）选中“Internet信息服务（信息服务（IIS）”，然后单击，然后单击“详细信息详细信息”按钮，出现按钮，出现“Internet信息服务信息服务（IIS）”对话框。选中对话框。选中“万维网服务万维网服务”，然后单击，然后单击“详细信息详细信息”按钮，进入按钮，进入“万维网服务万维网服务”对

25、话框。对话框。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-2控制面板控制面板网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-3Windows组件向导组件向导网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-4Internet信息服务（信息服务（IIS）网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽

26、强邓丽强邓丽强（3）选中所有选项，然后单击选中所有选项，然后单击“确定确定”按钮，进按钮，进入入“Windows组件向导组件向导”对话框，然后单击对话框，然后单击“下一步下一步”按钮，进行安装配置（注：中途需要插入按钮，进行安装配置（注：中途需要插入“WindowsXP”的安装光盘），直到安装完毕。如图的安装光盘），直到安装完毕。如图2-4所示。从所示。从进度表上，可以看出安装进度。耐心等待几分钟，即进度表上，可以看出安装进度。耐心等待几分钟，即可安装成功。如图可安装成功。如图2-5所示。单击所示。单击“完成完成”即可。即可。此时，再打开此时，再打开“Windows组件向导组件向导”对话框，会

27、发对话框，会发现现Internet信息服务（信息服务（IIS）的复选框已被选中，说明）的复选框已被选中，说明IIS已经安装。如图已经安装。如图2-6所示。（注意：此方法是检验所示。（注意：此方法是检验Internet信息服务器是否安装成功的办法之一，下面给信息服务器是否安装成功的办法之一，下面给出另一种方法）出另一种方法）网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强（4）在安装完毕以后，需要测试服务器是否安装成功，）在安装完毕以后，需要测试服务器是否安装成功，打开浏览器，然后输入打开浏览器，然后输入http:/loca

28、lhost或者或者http:/127.0.0.1如果连接成功显示出如果连接成功显示出“欢迎使用欢迎使用WindowsXPServerInternet服务服务”界面。界面。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-5“完成完成”提示向导提示向导网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-6Windows组件界面组件界面网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽

29、强邓丽强2.启动启动Internet信息服务（信息服务（IIS）Internet信息服务简称为信息服务简称为IIS，单击，单击Windows开始菜开始菜单单-所有程序所有程序-管理工具管理工具-Internet信息服务信息服务（IIS）管理器，即可启动）管理器，即可启动“Internet信息服务信息服务”管理管理工具，如图工具，如图2-7所示。所示。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-7Internet信息服务（信息服务（IIS）管理器）管理器网站建设与维护网站建设与维护网站建设与维护网站建设与维护_

30、_中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强3.IIS配置配置IIS相对于相对于PWS来说，需要更多的设置。在进行管来说，需要更多的设置。在进行管理设置之前，首先要进入管理界面。打开控制面板，理设置之前，首先要进入管理界面。打开控制面板，双击打开双击打开“管理工具管理工具”，然后选择，然后选择“Internet信息服信息服务务”，双击图标，进入管理工具界面。树型结构，双击图标，进入管理工具界面。树型结构“默默认网站认网站”已经被展开，可以看到下面有很多字节点，已经被展开，可以看到下面有很多字节点，每一个字节点就是一个应用程序或者是一个虚拟路径。每一个字节点就是一个应用程序或者是

31、一个虚拟路径。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强在在Web服务器提供服务之前，首先要启动服务，服务器提供服务之前，首先要启动服务，这可以通过工具栏上面的按钮来实现，也可以通过菜这可以通过工具栏上面的按钮来实现，也可以通过菜单实现。在单实现。在“Internet信息服务信息服务”窗口中，右键单击窗口中，右键单击“默认网站默认网站”，会弹出快捷菜单。如果要对服务器进，会弹出快捷菜单。如果要对服务器进行各种设置，则可以通过行各种设置，则可以通过“属性属性”菜单项来设置。菜单项来设置。网站建设与维护网站建设与维护网站

32、建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强接下来的任务就是设定虚拟路径了。虚拟路径可接下来的任务就是设定虚拟路径了。虚拟路径可以通过多种方式来设定，只有设定了虚拟路径后，才以通过多种方式来设定，只有设定了虚拟路径后，才可以通过可以通过URL来访问资源。来访问资源。最简单的设定虚拟路径的办法，就是把自己的网最简单的设定虚拟路径的办法，就是把自己的网页或者目录拷贝到服务器的根目录下，默认的服务器页或者目录拷贝到服务器的根目录下，默认的服务器根目录是根目录是“C:Inetpubwwwroot”。当然每次都拷贝。当然每次都拷贝文件到根目录，是很麻烦的，因此

33、还有一种设置虚拟文件到根目录，是很麻烦的，因此还有一种设置虚拟路径的方法。路径的方法。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强在在“Internet信息服务信息服务”窗口中，单击菜单窗口中，单击菜单“新建新建“，选择，选择”虚拟目录（虚拟目录（V）“选项，弹出创建向导对话选项，弹出创建向导对话框，单击框，单击“下一步下一步”按钮，输入虚拟目录别名后单击按钮，输入虚拟目录别名后单击“下一步下一步”按钮，输入虚拟目录的路径，设置以后，按钮，输入虚拟目录的路径，设置以后，可以通过虚拟别名来访问里面的文件，用户可以通过可以

34、通过虚拟别名来访问里面的文件，用户可以通过“浏览浏览”按钮来选择目录。按钮来选择目录。接着单击接着单击“下一步下一步”按钮，进行权限设置，为了按钮，进行权限设置，为了保证网站的安全，只需要选择前保证网站的安全，只需要选择前3个选项就可以了。接个选项就可以了。接着单击着单击“下一步下一步”按钮，单击按钮，单击“完成完成“按钮，便可完按钮，便可完成虚拟路径的设定。完成设置以后，用户就可以通过成虚拟路径的设定。完成设置以后，用户就可以通过虚拟路径虚拟路径http:/localhost或者或者http:/127.0.0.1来访问来访问了了。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _

35、中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强虚拟路径设置只的网站管理的开始，要对网站进虚拟路径设置只的网站管理的开始，要对网站进行更加详细的设置，还需要通过行更加详细的设置，还需要通过“默认网站默认网站属性属性”菜菜单项来实现，单击单项来实现，单击“属性属性”菜单后会弹出设置对话框。菜单后会弹出设置对话框。在该属性页中，不需要过多的设置，通常采用默认值。在该属性页中，不需要过多的设置，通常采用默认值。其中最重要的一个选项就是其中最重要的一个选项就是“TCP端口端口”选项，用选项，用户可以在其中设定其他的值。通常户可以在其中设定其他的值。通常HTTP协议默认的端协议默认的端口是口是

36、80，因此用户输入，因此用户输入“URL：http:/”和输入和输入“URL：http:/：80”的结果是一的结果是一样的。在计算机中安装了两个服务器的时候，通常不样的。在计算机中安装了两个服务器的时候，通常不能使用相同的端口号，需要改掉另外一个服务器的端能使用相同的端口号，需要改掉另外一个服务器的端口号，这样两个服务器都可以提供服务了。口号，这样两个服务器都可以提供服务了。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强如前文所述，如前文所述，IIS安装后，系统自动创建了一个默安装后，系统自动创建了一个默认的认的Web站

37、点，该站点的主目录默认站点，该站点的主目录默认为为C:Inetpubwww.root。用用鼠标鼠标右键单击右键单击“默认默认Web站点站点”，在弹出的快，在弹出的快捷菜单中选择捷菜单中选择“属性属性”，此时就可以打开站点属性设，此时就可以打开站点属性设置对话框，（如图置对话框，（如图2-8所示）在该对话框中，可完成对所示）在该对话框中，可完成对站点的全部配置。站点的全部配置。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-8默认网站属性默认网站属性网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中

38、专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强单击单击“主目录主目录”标签，切换到主目录设置页面，标签，切换到主目录设置页面，（如图（如图2-9）该页面可实现对主目录的更改或设置。注）该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。（如图的程序运行有部分影响。（如图2-10），主目录），主目录配置配置-选项。选项。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-9主目录设置页面主目录设置页面网站建设与维护网站

39、建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强图图2-10父目录设置页面父目录设置页面网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强设置主页文档设置主页文档单击单击“文档文档”标签，可切换到对主页文档的设置标签，可切换到对主页文档的设置页面，（如图页面，（如图7）主页文档是在浏览器中键入网站域名，）主页文档是在浏览器中键入网站域名，在未制定所要访问的网页文件时，系统默认访问的页在未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页文件名有面文件。常见的主页

40、文件名有index.htm、index.html、index.asp、index.php、index.jap、default.htm、default.html、default.asp等。等。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强IIS默认的主页文档只有默认的主页文档只有default.htm和和default.asp，根据需要，利用根据需要，利用“添加添加”和和“删除删除”按钮，可为站点设按钮，可为站点设置所能解析的主页文档。置所能解析的主页文档。启动与停止启动与停止IIS服务服务在在Internet信息服务的工

41、具栏中提供有启动与停止服信息服务的工具栏中提供有启动与停止服务的功能。单击务的功能。单击可启动可启动IIS服务器；再单击服务器；再单击则停止则停止IIS服服务器。务器。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.3网站开发工具网站开发工具2.3.1静态网页制作工具静态网页制作工具2.3.2动态网页编程工具动态网页编程工具网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强在网站设计中，在网站设计中，HTML格式的网页，通常被称为格式的网页，通常被称

42、为静态网页。有人以为网页能动起来就是动态，没有动静态网页。有人以为网页能动起来就是动态，没有动画就是静态，其实不应该这样理解，静态网页是相对画就是静态，其实不应该这样理解，静态网页是相对于于ASP、JSP等数据库网页的，那些网页的页面上可以等数据库网页的，那些网页的页面上可以有访问者和服务器的数据互相交换，所以称之为动态，有访问者和服务器的数据互相交换，所以称之为动态，HTML静态网页就不同，这样的网页只是在页面上显静态网页就不同，这样的网页只是在页面上显示一些文本图象等信息，并不与访问者交换信息，所示一些文本图象等信息，并不与访问者交换信息，所以称之为静态网页，同动态网页比较起来，静态网页以

43、称之为静态网页，同动态网页比较起来，静态网页的功能是很简单的。早期的网站一般都是由静态网页的功能是很简单的。早期的网站一般都是由静态网页制作的，且每个网页都是一个独立的文件。制作的，且每个网页都是一个独立的文件。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强从视觉效果上静态网页与动态网页的区别是：在从视觉效果上静态网页与动态网页的区别是：在HTML格式的网页上，也可以出现各种动态的效果，格式的网页上，也可以出现各种动态的效果，例如：例如：GIF格式的动画，格式的动画，FLASH，滚动字幕等等。然，滚动字幕等等。然而，这些

44、而，这些“动态效果动态效果”只是视觉上的，要区分开动态只是视觉上的，要区分开动态网页的概念。网页的概念。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强静态网页制作技术是一种通过静态网页制作技术是一种通过HTML标记语言标记语言,按照一定的格式整合各种媒体按照一定的格式整合各种媒体,如图片、文字、声音如图片、文字、声音等等,结合结合Web服务器实现信息网络发布的技术。服务器实现信息网络发布的技术。常见的静态网页制作工具有常见的静态网页制作工具有FrontPage、Dreamweaver、Flash.等。之所以推荐等。之所以

45、推荐Dreamweaver有以下原因：有以下原因：Macromedia公司的公司的Dreamweaver以其以其强大的功能和方便的操作，赢得了越来越多的网页制强大的功能和方便的操作，赢得了越来越多的网页制作专业领域人士的青睐。作专业领域人士的青睐。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强Dreamweaver是当前最流行的网页设计软件，它是当前最流行的网页设计软件，它提供可视化的网页开发环境，具有所见即所得的功能。提供可视化的网页开发环境，具有所见即所得的功能。而而FrontPage也有自身的缺点，比如表格定位不准

46、确，也有自身的缺点，比如表格定位不准确，使用模板创建的网页显得单调和呆板，所以，它只能使用模板创建的网页显得单调和呆板，所以，它只能作为业余网页制作者的选择。在这种情况下，我们选作为业余网页制作者的选择。在这种情况下，我们选择了择了Dreamweaver做为我们的网页制作工具，最新的做为我们的网页制作工具，最新的版本是版本是8.0。在第三章我们将详细介绍。在第三章我们将详细介绍。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强2.3.2动态网页编程工具动态网页编程工具动态动态HTML（即（即DHTML），所谓动态网页就是）

47、，所谓动态网页就是采用动态采用动态HTML制作出来的具有动态效果的网页。动制作出来的具有动态效果的网页。动态网页，就是放在服务器端的一些执行脚本。而态网页，就是放在服务器端的一些执行脚本。而Web服务器起到了一个连接这些脚本和浏览者的作用。服务器起到了一个连接这些脚本和浏览者的作用。Web服务器首先接受浏览者的浏览请求及提交的服务器首先接受浏览者的浏览请求及提交的要求信息，然后根据这些请求，执行相应的动态网页要求信息，然后根据这些请求，执行相应的动态网页脚本，完成特定的操作，并生成相应的网页页面，再脚本，完成特定的操作，并生成相应的网页页面，再将这些页面发送给浏览者，从而实现一个完整将这些页面

48、发送给浏览者，从而实现一个完整的的Web应用操作过程。用户通过浏览器接收的，是通过应用操作过程。用户通过浏览器接收的，是通过Web服务器对服务器端的脚本进行处理后生成的网页文件，服务器对服务器端的脚本进行处理后生成的网页文件，脚本程序代码是不会出现在服务器端的。脚本程序代码是不会出现在服务器端的。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强HTML是编写网页的语言，但是，仅用是编写网页的语言，但是，仅用HTML是是不能编写出动态网页的。所以，我们下面提到另外不能编写出动态网页的。所以，我们下面提到另外几种技术几种技术C

49、GI、ASP、JSP和和PHP。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强（1）CGICGI是公用网关接口（是公用网关接口（CommonGatewayInterface）的缩写，它是用于）的缩写，它是用于Web服务器和外部应用服务器和外部应用程序之间信息交互的标准接口。更明确地说，程序之间信息交互的标准接口。更明确地说，CGI仅仅是在是在WWW服务器上可执行的程序代码，它的工作就服务器上可执行的程序代码，它的工作就是控制信息要求而且产生并传回所需的文件，提供同是控制信息要求而且产生并传回所需的文件，提供同客户端客户端

50、HTML页面的接口。页面的接口。网站建设与维护网站建设与维护网站建设与维护网站建设与维护_ _中山中专中山中专中山中专中山中专 邓丽强邓丽强邓丽强邓丽强（2）ASPASP是是ActiveServerPages(活动服务器网页活动服务器网页)的缩的缩写，是微软推出的用以取代写，是微软推出的用以取代CGI的技术。简单来说，的技术。简单来说，ASP是一套服务器端的脚本运行环境。通过是一套服务器端的脚本运行环境。通过ASP可以可以结合结合HTML网页、网页、ASP指令和指令和ActiveX元素建立动态、元素建立动态、交互、高效交互、高效的的Web服务器应用程序。服务器应用程序。ASP优于优于CGI的地