计算机毕业论文网页制作.docx
- 文档编号:15900213
- 上传时间:2023-07-08
- 格式:DOCX
- 页数:21
- 大小:65.62KB
计算机毕业论文网页制作.docx
《计算机毕业论文网页制作.docx》由会员分享,可在线阅读,更多相关《计算机毕业论文网页制作.docx(21页珍藏版)》请在冰点文库上搜索。
计算机毕业论文网页制作
第一章引言…………………………………………………………1
1.1动态网页的概念与特点……………………………………4
第二章静态网页与动态网页的区别…………………………………5
第三章搭建动态网页平台……………………………………………6
第四章创建数据库连接………………………………………………13
第五章编辑数据与添加服务器行为…………………………………19
相关文献………………………………………………………………24
第一章引言
定义
网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。
企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
什么是网页制作
网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。
因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。
网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其制作成网页格式。
网页设计
网页设计是指使用标识语言(markuplanguage),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。
简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。
简单的信息如文字,图片(GIFs,
网页制作
JPEGs,PNGs)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。
而更复杂的信息如vectorgraphics,动画,视频,声频则需要插件程序例如Flash,QuickTime,Javarun-timeenvironment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。
随着浏览器和W3C标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。
最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
静态网页与动态网页区别
通常,网页可以分为静态网页和动态网页。
静态网页页面上的内容和格式一般不会改变,只有网管可根据需要更新页面。
动态网页的内容随着用户的输入和互动而有所不同,或者随着用户,时间,数据修正等而改变。
网页上的内容也可以由用户通过使用客户端描述语言(JavaScript,JScript,Actionscript,)来改变。
当然更普遍的是由服务器端的描述语言(Perl,PHP,ASP,JSP,ColdFusion,等)进行编译,从而对动态网页的内容进行改变。
无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。
随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。
网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了几大部分:
版面构图(见平面设计) 程序开发(见网页应用程式) 网站内容管理(见内容管理系统、资讯架构学)
简史
HTML
超文本标记语言(HypertextMarkupLanguage)网络的资讯越来越多,网站须有引人注意的外观,才能增加浏览人次,达到宣传的目的。
人们开始注意网页的外观,HTML亦因此变得更复杂、更具弹性。
表格,原本是更整齐展现资料的工具,变成了排版工具。
CSS的出现令以表格为基础的外观设计被视为过时。
服务器方面的技术亦改变了网络的构造,使用者可以选择其浏览方式、外观。
Flash的出现为设计师和媒体创作人开创了新路。
除了引人的外观之外,亦有一个重要的考虑点:
网络无障碍,即使用者能否容易读取资讯。
XHTML
由于XML的可构造性,XHTML1.0在2000年1月26日成为W3C的推荐标准,即HTML将会随着时间而淘汰。
外观的影响
流动性对固定排版 大部分网站设计师原本是每处地方都有绝对限界的平面设计师。
可是在网页浏览器,却不能控制某些因素,特别是浏览器的阔度。
有些设计师将其网页定义在固定大小的表格中,每部分的宽度都有精确的数据,一般使用确定的值,这就是固定排版了。
然而有人认为这不好,因为这种设计罔顾使用者的设定,他们使用流动性排版,网页的宽度使用百分比定义宽度,因此网页会依浏览器的屏幕分辨率而改变。
但是流动性的排版对于日益增大的屏幕就不一定合适,因为人的眼睛进行横向阅读时,过长的文字会增加阅读的困难度,反之大约在十几个字即换行的文章,浏览者会更好吸收其内容。
网页制作
Flash AdobeFlash这套软件能够很轻易做到一些华丽的图像效果,亦可以进行编程,因此近年来出现在不少网站上。
有些网站更以Flash完全代替HTML。
可是Flash带来的问题不少:
搜索引擎不能记录Flash的内容 盲人不能透过文本朗读软件来取得其内容 所以大部分人都不会以Flash为主要设计,Flash通常成了首页的开场画面或网站内的小游戏。
两种设计模式
从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如MicrosoftFrontPage中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。
同时,这样做也不利于大型网站的改版工作。
网页制作
于是随着主流网页浏览器对CSS的支援度提高,近年来兴起了一种新的网页设计模式。
被业界称为“网页重构”的革命,其核心在于分隔网页的风格和内容(en:
Separationofstyleandcontent),指标记语言(如HTML,XML)负责定义页面的内容,但不可以定义任何涉及网站外观(风格)的东西。
而网站风格就由另外的CSS档案负责。
在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。
这种模式有很多好处,例如可以协助搜寻引擎查找网页的情况,减小文件提及提高浏览速度,且由于一个CSS档案可以控制多个页面,这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的InternetExplorer对CSS文档的支持有众多缺陷造成的。
另一方面,开始设计CSS时,并不能清楚看到目标,因此显得不直观。
网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。
网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前
1.1动态网页的概念与特点
所谓动态网页,就是网页文件中不但有HTML标记,而且是建立在B/S(浏览器与服务器)架构上的服务器端脚本程序。
在浏览器显示的网页是服务器端程序运行的结果。
动态网页文件的后端更具不同的程序语言来定,如ASP文件的后缀是.asp。
动态网页与网页中的无动画效果(如网页含有何种动画、动态图片、一些行为引发的动态事件等)无关,动态页面最主要的特点就是结合后台数据库,自动更新页面。
建立数据库的连接时页面通向数据的桥梁,任何形式的添加、删除、修改和检索都是建立在连接的基础上的。
动态网页发布技术的出现使得网站从展示平台变成了网络交互平台。
Dreamweaver在集成了动态网页的开发功能后,就又网页设计工具变成了网页开发工具。
Dreamweaver提供众多的可视化设计工具、应用开发环境及代码编辑支持,开发人员和设计师能够快捷地创建代码应用程序,集成程度非常高,开发环境精简而高效。
动态网页的特点可以归纳为以下几点:
交互性:
动态网页会根据用户的需求和选择而发生改变和响应,将浏览器作为客户端界面。
自动更新:
动态网页以数据库为基础,无须手动更新Html文档,便会自动生成新的页面,可以大大降低维护网站的工作量。
因时因人而变:
动态网页能够根据不同的时间、不同的访问者而显示不同的网页内容,根据用户的即时操作和即时请求,动态网页的内容会发生相应的变化,如常见的留言板、BBS论坛和聊天室等就是用动态网页来实现的。
采用动态网站技术而生成的网页都称为动态网页。
动态网站建设就是网站中的网页使用ASP、PHP、ASP.NET和JSP等程序语言进行编写,并且网页中某一部分或所有内容通过数据库连接,然后将数据库中的数据显示在网页相应的位置上。
网页设计是一种建立在新型媒体之上的新型设计。
它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个新媒体。
它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;为了适应当今时代发展,必须增加艺术设计院校的网页设计课程;为了更好的体现网页这一新型设计的特点,将它和传统媒体进行比较,了解它的优势所在;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣,在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。
网页设计是一种建立在新型媒体之上的新型设计。
它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个新媒体。
它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;为了适应当今时代发展,必须增加艺术设计院校的网页设计课程;为了更好的体现网页这一新型设计的特点,将它和传统媒体进行比较,了解它的优势所在;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣,在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。
第二章静态网页与动态网页的区别
静态网页与动态网页主要根据网页制作的语言来区分:
静态网页使用Html(超文本标记语言),动态网页使用Html+ASP或者Html+PHP或Html+JSP等。
程序是否在服务器端运行,是区分动态网页与静态网页的重要标志。
在服务器端运行的程序、网页和组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如,ASP、PHP、JSP、ASP.net、CGI等。
运行于客户端的程序、网页、插件和组件,属于静态网页,例如Html页、Flash、JavaScript、VBScript等,它们是永远不变的。
静态网页时网站建设的基础,静态网页和动态网页之间并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果有必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网页上,动态网页内容和静态网页内容同时存在也是很常见的。
动态网页的几个特点:
1、动态网页以数据库技术为基础,可以大大降低网站维护的工作量。
2、采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理和订单管理等。
3、动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页。
4、动态网页中的“?
”对搜索引擎检索存在一定问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?
”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要进行一定的技术处理才能适应搜索引擎的要求。
静态网页一般有如下特点:
1、静态网页的每个网页都有一个固定的URL,并且网页URL以htm、.html、.shtml等常见形式为后缀,而不含有“?
”。
2、网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态页面的内容都是保存在网站服务器上的,也就是说,静态网页时实实在在保存在服务器上的文件,每个网页都是一个独立的文件。
3、静态网页的内容相对稳定,因此容易被搜索引擎检索。
4、静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页的制作方式比较困难。
5、静态网页的交互性较差,在功能方面有较大的限制。
第一看后缀名,第二看是否能与服务器发生交互行为
静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页。
你编的是什么它显示的就是什么、不会有任何改变。
静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。
静态网页与动态的区别
程序是否在服务器端运行,是重要标志。
在服务器端运行的程序、网页、组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如ASP、PHP、JSP、ASP.net、CGI等。
运行于客户端的程序、网页、插件、组件,属于静态网页,例如html页、Flash、JavaScript、VBScript等等,它们是永远不变的。
静态网页和动态网页各有特点,网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少,如果网站功能比较简单,内容更新量不是很大,采用纯静态网页的方式会更简单,反之一般要采用动态网页技术来实现。
静态网页是网站建设的基础,静态网页和动态网页之间也并不矛盾,为了网站适应搜索引擎检索的需要,即使采用动态网站技术,也可以将网页内容转化为静态网页发布。
动态网站也可以采用静动结合的原则,适合采用动态网页的地方用动态网页,如果必要使用静态网页,则可以考虑用静态网页的方法来实现,在同一个网站上,动态网页内容和静态网页内容同时存在也是很常见的事情。
我们将动态网页的一般特点简要归纳如下:
(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;
(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
(4)动态网页中的“?
”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?
”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
另外,如果扩展名为.asp但却没有连数据库,完全是静态的页面,那也是静态网站.只是.asp扩展名。
第三章搭建动态网页平台
网站要在服务器平台下运行,离开一定的平台,动态交互式的网站就不能正常运行。
要将本地计算机设置为服务器,必须在计算机上安装能够提供Web服务的应用程序,对于开发ASP页面来说,安装InternInformationServer(IIs)是最好的选择。
IIS便于操作和使用,是目前动态网页开发使用最广泛的平台,下面介绍IIS的安装和设置。
3.1安装IIs
用户可以在Windows98以上的系统中安装IIS,但建议使用windowsXP平台,因为除了安全性、稳定性及软件接口的综合问题外,最重要的是网络上所有进入网络主机的用户都是“匿名用户”。
要在windowsXP下安装IIS,应该确保windowsXP中已经使用SP1或更高版本进行了更新,同时必须安装了IE6.0或更高版本的浏览器。
具具体安装步骤如下:
第四章创建数据库连接
任何内容的添加、删除、修改和检索都是建立在连接基础上进行的,可以想象连接的重要性了。
下面对于设置数据库的连接进行着重介绍。
4.1定义系统DSN
DSN为ODBC定义了一个确定的数据库和必须用到的ODBC驱动程序。
每个ODBC驱动程序定义为该驱动程序支持的一个数据库创建DSN需要的信息。
就是说安装ODBC驱动程序以及创建一个数据库之后,必须创建一个DSN。
一个DSN中至少应该包含如下一些内容:
◆关于数据库驱动程序的信息。
◆数据库存放位置。
文件型数据库(如Access)的存放位置为数据库文件的路径;非文件型数据库(如SQLServer)的存放位置是指服务器的名称。
◆数据库名称。
在ODBC数据源管理器中,所有的DSN名称是不能重复的。
一个DSN可以定义为以下3种类型中的任意一种:
★用户数据源:
这个数据源对于创建它的计算机来说是局部的,并且只能被创建它的用户使用。
★系统数据源:
这个数据源属于创建它的计算机并且是属于这台计算机而不是创建它的用户。
任何用户只要拥有适当的权限都可以访问这个数据源。
★文件数据源:
这个数据源对底层的数据库文件来说是确定的。
换句话说,这个数据源可以被任何安装了合适的驱动程序的用户使用。
配置ODBC数据源
接下来我们就讲述一下系统DSN的配置过程。
首先在Windows的“开始”菜单打开“控制面板”,双击“ODBC”图1.标,然后选择“文件DSN”属性页,单击“添加”,如图4.1所示。
接下来的操作将视我们要配置的数据库系统的不同而有不同的操作,由于我们介绍的主要是基于Access数据库和SQLServer数据库的,所以接下来的两个部分我们讲分别讲述Access数据库系统DSN和SQLServer数据库系统DSN的配置方法。
图4.1 配置系统DSN
(1)Access数据库系统DSN的配置方法
Step1:
单击添加后弹出如图4.2所示的对话框,选择数据源为DriverdoMicrosoftAccess(*.mdb)单击完成。
Step2:
这时弹出一个“ODBCMicrosoftAccess安装”的对话框,在对话框的数据源名文本输入框中输入配置的DSN文件名,如果test_dsn然后单击“选择”按钮。
如图4.3所示。
Step3:
这时将弹出一个如图4.4所示的对话框,在对话框的数据库名中输入“c:
\test.mdb”(该数据库的建立方法请参看前边的章节),或是从右边的目录浏览器中选择“驱动器C”->“test.mdb”。
选择数据库完成后,单击确定按钮将回到图4.3的界面。
Step4:
单击“确定”,这时出现的界面如图4.5所示,请注意,这时在系统数据源列表框中出现了“test_dsn”项。
Access数据库系统DSN配置完成。
第六章编辑数据与添加服务器行为
添加服务器行为
服务器行为是一些常用的可定制的Web应用代码模块。
在第11章的进阶练习中添加了【插入记录】服务器。
下面将对DreamweaverCS4中的服务器行为作详细介绍。
6.1.1【重复区域】行为
【重复区域】服务器行为是可以显示多条记录的服务器行为,用于显示多条或者所有绑定到页面中的动态数据。
在网页文档中选择要添加服务器行为的记录,选择【窗口】|【服务器行为】命令,打开【服务器行为】面板。
单击按钮,在弹出的下拉菜单中选择【重复区域】命令,打开【重复区域】对话框。
在【重复区域】对话框中选择相应的记录集,可以在【显示】选项区域中选择显示所有记录或指定显示记录条数。
单击【确定】按钮,即可创建重复区域服务器行为。
选中表格2行2列的xingming字段记录,打开【服务器行为】面板,单击按钮,在弹出的下拉菜单中选择【重复区域】命令,打开【重复区域】对话框。
在【显示】文本框中输入数值3,显示3条记录,单击【确定】按钮,添加【重复区域】服务器行为。
重复操作,选中liuyan和lianxi字段记录,添加【重复区域】行为。
另存网页文档为【重复区域】行为,按下F12键,在浏览器中预览网页文档,显示了添加的所有记录。
6.1.2【记录集分页】行为
添加【重复区域】行为可以显示多条记录,但同时也存在一个问题,所有记录都是在同时显示的,此时可以添加【记录集分页】服务器行为,将记录进行分页。
单击【服务器行为】面板中的按钮,在弹出的下拉菜单中选择【记录集分页】命令,在子菜单中显示了5种相应的【记录集分页】命令。
有关【记录集分页】服务器行为的5种子命令的具体作用如下。
【移至第一条记录】:
可以移动到记录集的第1条记录。
【移至前一条记录】:
可以移动到当前记录的前一条记录。
【移至下一条记录】:
可以移动到当前记录的下一条记录。
【移至最后一条记录】:
可以移动到当前记录集中的最后一条记录。
【移至特定记录】:
可以移动到记录集中指定的记录。
在选择相应的命令后,会打开该命令对话框,如下图所示是【移至最后一条记录】对话框。
前4条命令的对话框设置都相同,指定移动的记录集,单击【确定】按钮即可。
如果选择【移至特定记录】命令,打开【移至特定记录】对话框。
在该对话框中除了指定要移动的记录集外,可以在【其中的列】下拉列表中选择记录集中的一个字段;在【匹配URL参数】文本框中可以输入URL参数。
6.1.3【显示区域】行为
【显示区域】服务器行为主要用于显示和隐藏记录。
单击【服务器行为】面板中的按钮,在弹出的下拉菜单中选择【显示区域】命令,在子菜单中显示了6种相应的【显示区域】命令。
有关【显示区域】服务器行为的6种命令的具体作用如下。
【如果记录集为空则显示区域】:
当记录集为空时,才显示所选区域。
【如果记录集不为空则显示区域】:
当记录集不为空时,显示所选区域。
【如果为第一条记录则显示区域】:
当处于记录集中的第1条记录时,显示选中区域。
【如果不是第一条记录则显示区域】:
当前页中不包括记录集中第1条记录时,显示所选区域。
【如果为最后一条记录则显示区域】:
当前页中包括记录集最后一条记录时,显示所选区域。
【如果不是最后一条记录则显示区域】:
当前页中不包括记录集中最后一条记录时,显示所选区域。
这6种【显示区域】命令对应打开的对话框设置都相同,如下图所示的是【如果记录集为空则显示区域】对话框。
指定显示的记录集,单击【确定】按钮即可添加行为。
选择【窗口】|【服务器行为】命令,打开【服务器行为】面板。
选中添加的3个【重复区域】服务器行为,单击按钮,删除行为。
在表格的6行2列中插入文本元素,设置文本合适属性。
选中文本内容“首页”,单击【服务器行为】面板中的按钮,在弹出的下拉菜单中选择【记录集分页】|【移至第一条记录】命令,打开【移至第一条记录】对话框。
在【记录集】下拉列表中选中R1,单击【确定】按钮,创建服务器行为。
重复操作,分别为文本内容“下一页”、“上一页”和“尾页”添加【移至下一条记录】、【移至前一条记录】和【移至最后一条记录】服务器行为。
选中文本内容“首页”,单击【服务器行为】面板中的按钮,在弹出的下拉菜单中选择【显示区域】|【如果不是第一条记录则显示区域】命令,打开【如果不是第一条记录则显示区域】对话框。
在【记录集】下拉列表中选中R1记录集,单击【确定】按钮,添加服务器行为。
重复操作,分别为文本内容“下一页”、“上一页”和“尾页”添加【如果为第一条记录则显示区域】、【如果为最后一条记录则显示区域】和【如果不是最后一条记录则显示区域】服务
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 计算机 毕业论文 网页 制作