网站规划与设计课件.ppt

上传人:飞****2 文档编号:73436629 上传时间:2023-02-18 格式:PPT 页数:68 大小:775.50KB
返回 下载 相关 举报
网站规划与设计课件.ppt_第1页
第1页 / 共68页
网站规划与设计课件.ppt_第2页
第2页 / 共68页
点击查看更多>>
资源描述

《网站规划与设计课件.ppt》由会员分享,可在线阅读,更多相关《网站规划与设计课件.ppt(68页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、第第2章章网站规划与设计网站规划与设计网站分类网站分类门户网站 如:新浪政府网站学校和科研机构网站企业网站新闻媒体网站 如:中国新闻网、CCTV论坛型网站展示宣传型网站个人网站 如:吴山明教授个人网站http:/网页的类型网页的类型1、静态网页2、动态网页1ASP 2.ASP.NET3JSP 4PHP2.2网站建设的整体规划企业电子商务网站结构图企业电子商务网站结构图2.2网站建设的整体规划汉阳教育信息网站结构图汉阳教育信息网站结构图2.2网站建设的整体规划2.1 网站结构1归类站点内容2项目放置的位置3导航草图设计4创建设计草图2.2 网页页面布局1网页设计和布局原则2网站命名和标志 网站命

2、名应遵循以下的原则:(1)体现网站的主题,凝练,概括性强。(2)合法、合情并合理。(3)字数不要太多,一般控制在6个字以内。(4)有个性,体现一定的内涵,可给浏览者更多的视觉冲击力和空间想像力 3网页的色彩 网页的色彩是树立网站形象的关键因素之一。在搭配网页色彩时,要注意色彩的鲜明性、独特性、合适性和联想性。4网页的文字 注意以下基本原则:(1)不要使用超过3种字体类型,否则网页看起来将显得杂乱,没有主题。(2)不要用太大的字,因为版面空间非常宝贵和有限,粗陋的大字体不能带给浏览者更多的信息(3)最好不要使用不停闪烁的文字。(4)标题的字体比正文要稍大一些,颜色也应有所区别。4定位网站的CI形

3、象 1、设计网站的LOGO2、网站宣传词5网页版面和布局 网页布局主要有以下3种结构。型结构T型结构 三型结构1.3.1 网页布局工具1Dreamweaver2Frontpage1.3.2网页美化工具1图像处理软件:Photoshop,Fireworks2动画制作软件:FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D 网站的开发流程网站的开发流程不同的单位和个人要开发网站的种类,要不同的单位和个人要开发网站的种类,要求不同,所以思路,进程都不尽相同。我们在求不同,所以思路,进程都不尽相同。我们在练习时所做

4、的练习时所做的“网站网站”从前期规划到后期完成的从前期规划到后期完成的过程与商业界的性质不同。例如商界,包括有过程与商业界的性质不同。例如商界,包括有关单位或个人的很严格的网络建设结款方式。关单位或个人的很严格的网络建设结款方式。网站制作合同款项通常分两期支付。网站制作合同款项通常分两期支付。第一期第一期款项:合同签定后当日,客户需支付合同金额的款项:合同签定后当日,客户需支付合同金额的50%作为定金。作为定金。第二期款项:整个网站制作项目第二期款项:整个网站制作项目完成,客户依据验收标准验收,验收合格或超过完成,客户依据验收标准验收,验收合格或超过验收期限截止日,由客户在其后的三日内支付合验

5、收期限截止日,由客户在其后的三日内支付合同金额的同金额的50%,同时需要将网站移至客户的服务,同时需要将网站移至客户的服务器空间。器空间。从整体来说动态或功能性网站的建设,大致分为三从整体来说动态或功能性网站的建设,大致分为三个阶段:个阶段:第一,分析阶段第一,分析阶段第二,实现阶段第二,实现阶段第三,发布阶段第三,发布阶段第四,不断的修改第四,不断的修改第一,分析阶段第一,分析阶段详细的说为需求分析阶段,包括站点的规划,详细的说为需求分析阶段,包括站点的规划,HTML内容及如何实现这些内容。内容及如何实现这些内容。第二,实现阶段第二,实现阶段这一阶段可以说是关键阶段,它是衡量整个网站这一阶段

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

7、布阶段重新分析获得的需求,根据需求调整设计。根据重新分析获得的需求,根据需求调整设计。根据客户反馈修改上一版本,根据日志进行排错和测试,客户反馈修改上一版本,根据日志进行排错和测试,演示,反馈。演示,反馈。第四,不断的修改第四,不断的修改不断的修改演示直到客户满意符合客户所要求的不断的修改演示直到客户满意符合客户所要求的标准,最后客户验收为正式发布阶段。完成的每一阶标准,最后客户验收为正式发布阶段。完成的每一阶段每一步都要经过客户的确认,根据需求分析调整设段每一步都要经过客户的确认,根据需求分析调整设计。计。211网站的工作原理网站的工作原理1.概述概述网站的一般工作原理是指网站的一般工作原理

8、是指Web服务器与客服务器与客户端浏览器交互的基本原理,简单的说就是网户端浏览器交互的基本原理,简单的说就是网站服务器上的文件和数据库最终成为客户所看站服务器上的文件和数据库最终成为客户所看到的页面的过程。实质上这个过程就是解决下到的页面的过程。实质上这个过程就是解决下面三个问题的过程:面三个问题的过程:(1)网站的数据如何变成页面数据网站的数据如何变成页面数据网站程网站程序解决。序解决。(2)如何根据用户请求将指定的数据体送达如何根据用户请求将指定的数据体送达客户端客户端Internet解决。解决。(3)客户端如何将页面数据显示为页面(所客户端如何将页面数据显示为页面(所谓页面就是图形界面上

9、的文本、图像、图形的谓页面就是图形界面上的文本、图像、图形的集合)集合)浏览器解决。浏览器解决。2.网站程序的运行网站程序的运行这里的这里的“网站程序网站程序”指网站的脚本、脚本解析程序、指网站的脚本、脚本解析程序、公用组件和数据库系统的集体。如果网站全是静态页公用组件和数据库系统的集体。如果网站全是静态页面,当然就不存在脚本和组件的问题了。这些程序相面,当然就不存在脚本和组件的问题了。这些程序相互协作,将原始的网站数据(文件形式或数据库形式)互协作,将原始的网站数据(文件形式或数据库形式)解释(或者说:变换)成特定编码格式的用户数据。解释(或者说:变换)成特定编码格式的用户数据。网页里最常见

10、的编码格式有:网页里最常见的编码格式有:HTML,GIF,BMP,PNG,MIDI(“正规正规”名称为名称为text/html,image/gif,image/bmp,image/png,audio/mid)。对任何一次客户请)。对任何一次客户请求,一旦解释完毕,程序在本次连接中的使命也就结束求,一旦解释完毕,程序在本次连接中的使命也就结束了。其过程如图了。其过程如图2-1所示。所示。图图2-1浏览器访问服务器示意图浏览器访问服务器示意图WWWWWW工作原理示意图工作原理示意图图图 基于基于WebWeb的浏览器的浏览器/服务器服务器B/S(Browser/Server)B/S(Browser/

11、Server)结结构示意图构示意图2.2Web服务器的安装与配置服务器的安装与配置2.2.1IIS简介简介IIS是是InternetInformationServer的缩写,它是微的缩写,它是微软公司主推的服务器,软公司主推的服务器,IIS与与WindowNTServer完全集完全集成在一起,因而用户能够利用成在一起,因而用户能够利用WindowsNTServer和和NTFS(NTFileSystem,NT的文件系统)内置的安全的文件系统)内置的安全特性,建立强大、灵活而安全的特性,建立强大、灵活而安全的Internet和和Intranet站站点。点。IIS支持支持HTTP(Hypertext

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

13、cript开发软开发软件以及件以及Java,它也支持,它也支持CGI和和WinCGI,以及,以及ISAPI扩扩展和过滤器。展和过滤器。IIS的设计目的是建立一套集成的服务器服务,用的设计目的是建立一套集成的服务器服务,用以支持以支持HTTP,FTP和和SMTP,它能够提供快速且集成,它能够提供快速且集成了现有产品,同时可扩展的了现有产品,同时可扩展的Internet服务器。服务器。IIS的安装,管理和配置都相当简单,这是因为的安装,管理和配置都相当简单,这是因为IIS与与WindowsNTServer网络操作系统紧密的集成在网络操作系统紧密的集成在一起,另外,一起,另外,IIS还使用与还使用与

14、WindowsNTServer相同的相同的SAM(SecurityAccountsManager,安全性账号管理,安全性账号管理器),对于管理员来说,器),对于管理员来说,IIS使用诸如使用诸如PerformanceMonitor和和SNMP(SimpleNerworkManagementProtocol,简单网络管理协议)之类的,简单网络管理协议)之类的NT已有管理工已有管理工具。具。IIS支持支持ISAPI,使用,使用ISAPI可以扩展服务器功能,可以扩展服务器功能,而使用而使用ISAPI过滤器可以预先处理和事后处理储存在过滤器可以预先处理和事后处理储存在IIS上的数据。上的数据。用于用于

15、32位位Windows应用程序的应用程序的Internet扩展可以把扩展可以把FTP,SMTP和和HTTP协议置于容易使用且任务集中的协议置于容易使用且任务集中的界面中,这些界面将界面中,这些界面将Internet应用程序的使用大大简化,应用程序的使用大大简化,IIS也支持也支持MIME(MultipurposeInternetMailExtensions,多用于,多用于Internet邮件扩展),它可以为邮件扩展),它可以为Internet应用程序的访问提供一个简单的注册项。应用程序的访问提供一个简单的注册项。IIS的一个重要特性是支持的一个重要特性是支持ASP。IIS3.0版本以后版本以后

16、引入了引入了ASP,可以很容易的张贴动态内容和开发基于,可以很容易的张贴动态内容和开发基于Web的应用程序。的应用程序。对于诸如对于诸如VBScript,JScript开发软件,或者由开发软件,或者由VisualBasic,Java,VisualC+开发系统,以及现有开发系统,以及现有的的CGI和和WinCGI脚本开发的应用程序,脚本开发的应用程序,IIS都提供强都提供强大的本地支持。大的本地支持。2.2.2IIS的安装与配置的安装与配置IIS目前最新版本为目前最新版本为6.0,在,在Windows2003Server操作系统中默认安装。如果没有安装操作系统中默认安装。如果没有安装Window

17、s2003,可以选择可以选择IIS5.0,它可以在,它可以在WindowsXP或者或者Windows2000操作系统中安装。操作系统中安装。对开发者而言,对开发者而言,IIS的各个版本之间的区别并不大。的各个版本之间的区别并不大。这里将介绍在这里将介绍在WindowsXP操作系统中操作系统中IIS5.0的安装配的安装配置。置。1.IIS安装安装在安装操作系统的时候,在安装操作系统的时候,IIS并没有默认安装到操并没有默认安装到操作系统中,因此读者还必须要单独安装。安装步骤如作系统中,因此读者还必须要单独安装。安装步骤如下:下:(1)首先进入控制面板,选择)首先进入控制面板,选择“安装或删除程序

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

19、话框。对话框。图图2-2控制面板控制面板图图2-3Windows组件向导组件向导图图2-4Internet信息服务(信息服务(IIS)(3)选中所有选项,然后单击)选中所有选项,然后单击“确定确定”按钮,进入按钮,进入“Windows组件向导组件向导”对话框,然后单击对话框,然后单击“下一步下一步”按钮,按钮,进行安装配置(注:中途需要插入进行安装配置(注:中途需要插入“WindowsXP”的安的安装光盘),直到安装完毕。如图装光盘),直到安装完毕。如图2-4所示。从进度表上,所示。从进度表上,可以看出安装进度。耐心等待几分钟,即可安装成功。可以看出安装进度。耐心等待几分钟,即可安装成功。如图

20、如图2-5所示。单击所示。单击“完成完成”即可。即可。此时,再打开此时,再打开“Windows组件向导组件向导”对话框,会发对话框,会发现现Internet信息服务(信息服务(IIS)的复选框已被选中,说明)的复选框已被选中,说明IIS已经安装。如图已经安装。如图2-6所示。(注意:此方法是检验所示。(注意:此方法是检验Internet信息服务器是否安装成功的办法之一,下面给信息服务器是否安装成功的办法之一,下面给出另一种方法)出另一种方法)(4)在安装完毕以后,需要测试服务器是否安装成功,)在安装完毕以后,需要测试服务器是否安装成功,打开浏览器,然后输入打开浏览器,然后输入http:/loc

21、alhost或者或者http:/127.0.0.1如果连接成功显示出如果连接成功显示出“欢迎使用欢迎使用WindowsXPServerInternet服务服务”界面。界面。图图2-5“完成完成”提示向导提示向导图图2-6Windows组件界面组件界面2.启动启动Internet信息服务(信息服务(IIS)Internet信息服务简称为信息服务简称为IIS,单击,单击Windows开始菜开始菜单单-所有程序所有程序-管理工具管理工具-Internet信息服务(信息服务(IIS)管)管理器,即可启动理器,即可启动“Internet信息服务信息服务”管理工具,如图管理工具,如图2-7所示。所示。图图

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

23、是一个虚拟路径。在在Web服务器提供服务之前,首先要启动服务,服务器提供服务之前,首先要启动服务,这可以通过工具栏上面的按钮来实现,也可以通过菜这可以通过工具栏上面的按钮来实现,也可以通过菜单实现。在单实现。在“Internet信息服务信息服务”窗口中,右键单击窗口中,右键单击“默默认网站认网站”,会弹出快捷菜单。如果要对服务器进行各种,会弹出快捷菜单。如果要对服务器进行各种设置,则可以通过设置,则可以通过“属性属性”菜单项来设置。菜单项来设置。接下来的任务就是设定虚拟路径了。虚拟路径可接下来的任务就是设定虚拟路径了。虚拟路径可以通过多种方式来设定,只有设定了虚拟路径后,才以通过多种方式来设定

24、,只有设定了虚拟路径后,才可以通过可以通过URL来访问资源。来访问资源。最简单的设定虚拟路径的办法,就是把自己的网最简单的设定虚拟路径的办法,就是把自己的网页或者目录拷贝到服务器的根目录下,默认的服务器页或者目录拷贝到服务器的根目录下,默认的服务器根目录是根目录是“C:Inetpubwwwroot”。当然每次都拷贝文。当然每次都拷贝文件到根目录,是很麻烦的,因此还有一种设置虚拟路件到根目录,是很麻烦的,因此还有一种设置虚拟路径的方法。径的方法。在在“Internet信息服务信息服务”窗口中,单击菜单窗口中,单击菜单“新建新建“,选择选择”虚拟目录(虚拟目录(V)“选项,弹出创建向导对话框,单选

25、项,弹出创建向导对话框,单击击“下一步下一步”按钮,输入虚拟目录别名后单击按钮,输入虚拟目录别名后单击“下一步下一步”按钮,输入虚拟目录的路径,设置以后,可以通过虚按钮,输入虚拟目录的路径,设置以后,可以通过虚拟别名来访问里面的文件,用户可以通过拟别名来访问里面的文件,用户可以通过“浏览浏览”按钮按钮来选择目录。来选择目录。接着单击接着单击“下一步下一步”按钮,进行权限设置,为了保按钮,进行权限设置,为了保证网站的安全,只需要选择前证网站的安全,只需要选择前3个选项就可以了。接着个选项就可以了。接着单击单击“下一步下一步”按钮,单击按钮,单击“完成完成“按钮,便可完成虚拟按钮,便可完成虚拟路径

26、的设定。完成设置以后,用户就可以通过虚拟路路径的设定。完成设置以后,用户就可以通过虚拟路径径http:/localhost或者或者http:/127.0.0.1来访问了来访问了。虚拟路径设置只的网站管理的开始,要对网站进虚拟路径设置只的网站管理的开始,要对网站进行更加详细的设置,还需要通过行更加详细的设置,还需要通过“默认网站默认网站属性属性”菜单菜单项来实现,单击项来实现,单击“属性属性”菜单后会弹出设置对话框。在菜单后会弹出设置对话框。在该属性页中,不需要过多的设置,通常采用默认值。该属性页中,不需要过多的设置,通常采用默认值。其中最重要的一个选项就是其中最重要的一个选项就是“TCP端口端

27、口”选项,用选项,用户可以在其中设定其他的值。通常户可以在其中设定其他的值。通常HTTP协议默认的端协议默认的端口是口是80,因此用户输入,因此用户输入“URL:http:/”和输入和输入“URL:http:/:80”的结果是一的结果是一样的。在计算机中安装了两个服务器的时候,通常不样的。在计算机中安装了两个服务器的时候,通常不能使用相同的端口号,需要改掉另外一个服务器的端能使用相同的端口号,需要改掉另外一个服务器的端口号,这样两个服务器都可以提供服务了。口号,这样两个服务器都可以提供服务了。如前文所述,如前文所述,IIS安装后,系统自动创建了一个默安装后,系统自动创建了一个默认的认的Web站

28、点,该站点的主目录默认为站点,该站点的主目录默认为C:Inetpubwww.root。用用鼠标鼠标右键单击右键单击“默认默认Web站点站点”,在弹出的快捷,在弹出的快捷菜单中选择菜单中选择“属性属性”,此时就可以打开站点属性设置对,此时就可以打开站点属性设置对话框,(如图话框,(如图2-8所示)在该对话框中,可完成对站点所示)在该对话框中,可完成对站点的全部配置。的全部配置。图图2-8默认网站属性默认网站属性单击单击“主目录主目录”标签,切换到主目录设置页面,标签,切换到主目录设置页面,(如图(如图2-9)该页面可实现对主目录的更改或设置。注)该页面可实现对主目录的更改或设置。注意检查启用父路

29、径选项是否勾选,如未勾选将对以后意检查启用父路径选项是否勾选,如未勾选将对以后的程序运行有部分影响。(如图的程序运行有部分影响。(如图2-10),主目录),主目录配置配置-选项。选项。图图2-9主目录设置页面主目录设置页面图图2-10父目录设置页面父目录设置页面设置主页文档设置主页文档单击单击“文档文档”标签,可切换到对主页文档的设置页标签,可切换到对主页文档的设置页面,(如图面,(如图7)主页文档是在浏览器中键入网站域名,)主页文档是在浏览器中键入网站域名,在未制定所要访问的网页文件时,系统默认访问的页在未制定所要访问的网页文件时,系统默认访问的页面文件。常见的主页文件名有面文件。常见的主页

30、文件名有index.htm、index.html、index.asp、index.php、index.jap、default.htm、default.html、default.asp等。等。IIS默认的主页文档只有默认的主页文档只有default.htm和和default.asp,根据需要,利用根据需要,利用“添加添加”和和“删除删除”按钮,可为站点设置所按钮,可为站点设置所能解析的主页文档。能解析的主页文档。启动与停止启动与停止IIS服务服务在在Internet信息服务的工具栏中提供有启动与停止服信息服务的工具栏中提供有启动与停止服务的功能。单击务的功能。单击可启动可启动IIS服务器;再单击

31、服务器;再单击则停止则停止IIS服服务器。务器。2.3网站开发工具网站开发工具2.3.1静态网页制作工具静态网页制作工具2.3.2动态网页编程工具动态网页编程工具在网站设计中,在网站设计中,HTML格式的网页,通常被称为格式的网页,通常被称为静态网页。有人以为网页能动起来就是动态,没有动静态网页。有人以为网页能动起来就是动态,没有动画就是静态,其实不应该这样理解,静态网页是相对画就是静态,其实不应该这样理解,静态网页是相对于于ASP、JSP等数据库网页的,那些网页的页面上可以等数据库网页的,那些网页的页面上可以有访问者和服务器的数据互相交换,所以称之为动态,有访问者和服务器的数据互相交换,所以

32、称之为动态,HTML静态网页就不同,这样的网页只是在页面上显静态网页就不同,这样的网页只是在页面上显示一些文本图象等信息,并不与访问者交换信息,所示一些文本图象等信息,并不与访问者交换信息,所以称之为静态网页,同动态网页比较起来,静态网页以称之为静态网页,同动态网页比较起来,静态网页的功能是很简单的。早期的网站一般都是由静态网页的功能是很简单的。早期的网站一般都是由静态网页制作的,且每个网页都是一个独立的文件。制作的,且每个网页都是一个独立的文件。从视觉效果上静态网页与动态网页的区别是:在从视觉效果上静态网页与动态网页的区别是:在HTML格式的网页上,也可以出现各种动态的效果,格式的网页上,也

33、可以出现各种动态的效果,例如:例如:GIF格式的动画,格式的动画,FLASH,滚动字幕等等。然,滚动字幕等等。然而,这些而,这些“动态效果动态效果”只是视觉上的,要区分开动态网只是视觉上的,要区分开动态网页的概念。页的概念。静态网页制作技术是一种通过静态网页制作技术是一种通过HTML标记语言标记语言,按照一定的格式整合各种媒体按照一定的格式整合各种媒体,如图片、文字、声音等如图片、文字、声音等,结合结合Web服务器实现信息网络发布的技术。服务器实现信息网络发布的技术。常见的静态网页制作工具有常见的静态网页制作工具有FrontPage、Dreamweaver、Flash.等。之所以推荐等。之所以

34、推荐Dreamweaver有以下原因:有以下原因:Macromedia公司的公司的Dreamweaver以其以其强大的功能和方便的操作,赢得了越来越多的网页制强大的功能和方便的操作,赢得了越来越多的网页制作专业领域人士的青睐。作专业领域人士的青睐。Dreamweaver是当前最流行的网页设计软件,它是当前最流行的网页设计软件,它提供可视化的网页开发环境,具有所见即所得的功能。提供可视化的网页开发环境,具有所见即所得的功能。而而FrontPage也有自身的缺点,比如表格定位不准确,也有自身的缺点,比如表格定位不准确,使用模板创建的网页显得单调和呆板,所以,它只能使用模板创建的网页显得单调和呆板,

35、所以,它只能作为业余网页制作者的选择。在这种情况下,我们选作为业余网页制作者的选择。在这种情况下,我们选择了择了Dreamweaver做为我们的网页制作工具,最新的做为我们的网页制作工具,最新的版本是版本是8.0。在第三章我们将详细介绍。在第三章我们将详细介绍。2.3.2动态网页编程工具动态网页编程工具动态动态HTML(即(即DHTML),所谓动态网页就是),所谓动态网页就是采用动态采用动态HTML制作出来的具有动态效果的网页。动制作出来的具有动态效果的网页。动态网页,就是放在服务器端的一些执行脚本。而态网页,就是放在服务器端的一些执行脚本。而Web服务器起到了一个连接这些脚本和浏览者的作用。

36、服务器起到了一个连接这些脚本和浏览者的作用。Web服务器首先接受浏览者的浏览请求及提交的服务器首先接受浏览者的浏览请求及提交的要求信息,然后根据这些请求,执行相应的动态网页要求信息,然后根据这些请求,执行相应的动态网页脚本,完成特定的操作,并生成相应的网页页面,再脚本,完成特定的操作,并生成相应的网页页面,再将这些页面发送给浏览者,从而实现一个完整的将这些页面发送给浏览者,从而实现一个完整的Web应用操作过程。用户通过浏览器接收的,是通过应用操作过程。用户通过浏览器接收的,是通过Web服务器对服务器端的脚本进行处理后生成的网页文件,服务器对服务器端的脚本进行处理后生成的网页文件,脚本程序代码是

37、不会出现在服务器端的。脚本程序代码是不会出现在服务器端的。HTML是编写网页的语言,但是,仅用是编写网页的语言,但是,仅用HTML是是不能编写出动态网页的。所以,我们下面提到另外不能编写出动态网页的。所以,我们下面提到另外几种技术几种技术CGI、ASP、JSP和和PHP。(1)CGICGI是公用网关接口(是公用网关接口(CommonGatewayInterface)的缩写,它是用于)的缩写,它是用于Web服务器和外部应用服务器和外部应用程序之间信息交互的标准接口。更明确地说,程序之间信息交互的标准接口。更明确地说,CGI仅仅是在是在WWW服务器上可执行的程序代码,它的工作就服务器上可执行的程序

38、代码,它的工作就是控制信息要求而且产生并传回所需的文件,提供同是控制信息要求而且产生并传回所需的文件,提供同客户端客户端HTML页面的接口。页面的接口。(2)ASPASP是是ActiveServerPages(活动服务器网页活动服务器网页)的缩的缩写,是微软推出的用以取代写,是微软推出的用以取代CGI的技术。简单来说,的技术。简单来说,ASP是一套服务器端的脚本运行环境。通过是一套服务器端的脚本运行环境。通过ASP可以可以结合结合HTML网页、网页、ASP指令和指令和ActiveX元素建立动态、元素建立动态、交互、高效的交互、高效的Web服务器应用程序。服务器应用程序。ASP优于优于CGI的地

39、方是不用学习一门专门的编程的地方是不用学习一门专门的编程语言来创建语言来创建CGI应用程序,它提供了创建交互页的简应用程序,它提供了创建交互页的简便方法,只需将一些简单的指令嵌入到便方法,只需将一些简单的指令嵌入到HTML文件中,文件中,就可以从表单中收集数据。就可以从表单中收集数据。ASP还可以利用还可以利用ADO(ActiveDataObject,微软开发的一种数据访问模微软开发的一种数据访问模型型)方便地访问数据库,使得开发基于方便地访问数据库,使得开发基于WWW的应用系的应用系统成为可能。统成为可能。ASP的特点有:的特点有:使用使用VBScript、JavaScript等简单的脚本语

40、言,等简单的脚本语言,并结合并结合HTML语言,即可完成网站的应用程序的编写。语言,即可完成网站的应用程序的编写。不需编译,直接在服务器端执行。不需编译,直接在服务器端执行。ASP设计的网页与浏览器无关,只要用户端使用设计的网页与浏览器无关,只要用户端使用的浏览器能执行的浏览器能执行HTML码就可以了,而这是几乎所有码就可以了,而这是几乎所有浏览器都满足的。浏览器都满足的。有一定安全性。有一定安全性。(3)JSPJSP(JavaServerPage)是)是Sun公司推出的新一代公司推出的新一代网站开发语言。网站开发语言。JSP可以在可以在Serverlet和和JavaBean的支持的支持下,完

41、成功能强大的站点程序。下,完成功能强大的站点程序。JSP的特点有:的特点有:1将内容的产生和显示进行分离将内容的产生和显示进行分离2强调可重用的群组件强调可重用的群组件3采用标识简化页面开发采用标识简化页面开发(4)PHPPHP是一种跨平台的服务器端的嵌入式脚本语言。是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用它大量地借用C、Java和和Perl语言的语法语言的语法,并结合并结合PHP自己的特性自己的特性,使使WEB开发者能够快速地写出动态产生页开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。面。它支持目前绝大多数数据库。还有一点,还有一点,PHP是完全免费的,用户可以从是

42、完全免费的,用户可以从PHP官方站点官方站点(http:/)自由下载。自由下载。PHP的特点有:的特点有:PHP可以编译成与许多数据库相连接的函数。可以编译成与许多数据库相连接的函数。PHP支持多种主流与非主流的数据库,如:支持多种主流与非主流的数据库,如:AdabasD、DBA、dBase、dbm、filePro、Informix、InterBase、mSQL、MySQL、MicrosoftSQLServer、Solid、Sybase、ODBC、oracle、oracle8、PostgreSQL等。等。其中,其中,PHP与与MySQL是现在绝佳的组合,它们的是现在绝佳的组合,它们的组合可以跨

43、平台运行。我们还可以自己编写外围的函组合可以跨平台运行。我们还可以自己编写外围的函数去间接存取数据库。通过这样的途径当我们更换使数去间接存取数据库。通过这样的途径当我们更换使用的数据库时,可以轻松地修改编码以适应这样的变用的数据库时,可以轻松地修改编码以适应这样的变化。化。PHPLIB就是最常用的可以提供一般事务需要的一就是最常用的可以提供一般事务需要的一系列基库。但系列基库。但PHP提供的数据库接口支持彼此不统一,提供的数据库接口支持彼此不统一,比如对比如对Oracle、MySQL、Sybase的接口,彼此都不一的接口,彼此都不一样。这也是样。这也是PHP的一个弱点。的一个弱点。目前在国内目

44、前在国内ASP应用最为广泛。应用最为广泛。如前面介绍,如前面介绍,ASP是微软公司开发的代替是微软公司开发的代替CGI脚本程序的一种应用脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。方便的编程工具。ASP的网页文件的格式是的网页文件的格式是.asp,现在,现在常用于各种动态网站中。常用于各种动态网站中。本书选择最为常用的本书选择最为常用的ASP技术开发基于技术开发基于Web的应用的应用程序。程序。ASP技术的相关脚本语言将在后面章节中介绍。技术的相关脚本语言将在后面章节中介绍。2.4小结小结本章主要介绍了网站的工

45、作原理、开发流程、本章主要介绍了网站的工作原理、开发流程、Web服务器的安装与配置以及网站的开发工具。静态服务器的安装与配置以及网站的开发工具。静态网页制作工具主要有网页制作工具主要有Dreamweaver,frontpage等,动态等,动态编程工具主要有编程工具主要有ASP、JSP、PHP等。书中分析了它们等。书中分析了它们的区别,读者可以根据情况选择自己的编程工具。的区别,读者可以根据情况选择自己的编程工具。2.5思考与练习思考与练习1.网站的开发流程是什么?网站的开发流程是什么?2.如何安装与配置如何安装与配置IIS服务器?服务器?3.常用的静态网页制作工具有哪些?常用的静态网页制作工具有哪些?

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育专区 > 教案示例

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁