目录第一章引言 (1)1.1 动态网页的概念与特点 (4)第二章静态网页与动态网页的区别 (5)第三章搭建动态网页平台 (6)第四章创建数据库连接 (13)第五章编辑数据与添加服务器行为 (19)相关文献 (24)第一章引言定义网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。
企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET 上宣传和反映企业形象和文化的重要窗口。
什么是网页制作网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。
因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。
网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其制作成网页格式。
网页设计网页设计是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。
简单来说,网页设计的目的就是产生网站,什么是网站呢,就是服务器内的一系列网页的组合,终端用户发出请求后[[服务器通过传输特定的网页向用户传输所需的信息。
简单的信息如文字,图片(GIFs,网页制作JPEGs,PNGs)和表格,都可以通过使用HTML/XHTML/XML放置到网站页面上。
而更复杂的信息如vector graphics,动画,视频,声频则需要插件程序例如Flash, QuickTime, Java run-time environment,等等,这些插件程序也是通过HTML/XHTML/XML植入网页的。
随着浏览器和W3C标准一致性的改善,XHTML/XML(可扩展标识语言)与CSS(层叠样式表)共同用作网页内容的设计已经被广泛的接受和使用。
最新的标准和建议则是朝着浏览器的能力扩充和改善发展,使之能够不需要插件程序也能够给用户传输多媒体信息和更多的选择。
静态网页与动态网页区别通常,网页可以分为静态网页和动态网页。
静态网页页面上的内容和格式一般不会改变,只有网管可根据需要更新页面。
动态网页的内容随着用户的输入和互动而有所不同,或者随着用户,时间,数据修正等而改变。
网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,)来改变。
当然更普遍的是由服务器端的描述语言(Perl,PHP, ASP, JSP, ColdFusion, 等)进行编译,从而对动态网页的内容进行改变。
无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。
随着信息技术的更加专业化,越来越明显的倾向表明,网页设计和网站的发展会逐渐成为两个不同的领域。
网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体,所以网页设计包括了几大部分:版面构图(见平面设计)程序开发(见网页应用程式)网站内容管理(见内容管理系统、资讯架构学)简史HTML超文本标记语言(Hypertext Markup Language)网络的资讯越来越多,网站须有引人注意的外观,才能增加浏览人次,达到宣传的目的。
人们开始注意网页的外观,HTML亦因此变得更复杂、更具弹性。
表格,原本是更整齐展现资料的工具,变成了排版工具。
CSS 的出现令以表格为基础的外观设计被视为过时。
服务器方面的技术亦改变了网络的构造,使用者可以选择其浏览方式、外观。
Flash的出现为设计师和媒体创作人开创了新路。
除了引人的外观之外,亦有一个重要的考虑点:网络无障碍,即使用者能否容易读取资讯。
XHTML由于XML的可构造性,XHTML 1.0在2000年1月26日成为W3C的推荐标准,即HTML 将会随着时间而淘汰。
外观的影响流动性对固定排版大部分网站设计师原本是每处地方都有绝对限界的平面设计师。
可是在网页浏览器,却不能控制某些因素,特别是浏览器的阔度。
有些设计师将其网页定义在固定大小的表格中,每部分的宽度都有精确的数据,一般使用确定的值,这就是固定排版了。
然而有人认为这不好,因为这种设计罔顾使用者的设定,他们使用流动性排版,网页的宽度使用百分比定义宽度,因此网页会依浏览器的屏幕分辨率而改变。
但是流动性的排版对于日益增大的屏幕就不一定合适,因为人的眼睛进行横向阅读时,过长的文字会增加阅读的困难度,反之大约在十几个字即换行的文章,浏览者会更好吸收其内容。
网页制作Flash Adobe Flash这套软件能够很轻易做到一些华丽的图像效果,亦可以进行编程,因此近年来出现在不少网站上。
有些网站更以Flash完全代替HTML。
可是Flash带来的问题不少:搜索引擎不能记录Flash的内容盲人不能透过文本朗读软件来取得其内容所以大部分人都不会以Flash为主要设计,Flash通常成了首页的开场画面或网站内的小游戏。
毕业设计(论文)网 QQ: 306826066 优秀毕业设计网 计算机毕业设计网 毕业设计资料网 毕业设计论文网 两种设计模式从前一般网页都使用表格进行排版设计,这样作的优点在于设计制作速度快,尤其在可视化网页编辑器,如Microsoft FrontPage中,这样设计显得直观而方便,然而这让越来越复杂的版面需要许多不断嵌套的表格设计,致使网页代码变得冗长复杂,使文件体积增大,且不容易被搜索引擎查找。
同时,这样做也不利于大型网站的改版工作。
网页制作于是随着主流网页浏览器对CSS的支援度提高,近年来兴起了一种新的网页设计模式。
被业界称为“网页重构”的革命,其核心在于分隔网页的风格和内容(en:Separation of style and content),指标记语言(如HTML,XML)负责定义页面的内容,但不可以定义任何涉及网站外观(风格)的东西。
而网站风格就由另外的CSS档案负责。
在排版方面,新的模式提倡使用由CSS定义的DIV进行页面排版,而将表格还原为排列数据的最初功能。
这种模式有很多好处,例如可以协助搜寻引擎查找网页的情况,减小文件提及提高浏览速度,且由于一个CSS 档案可以控制多个页面,这也给改版带来了很大方便。
由于W3C是该模式极力的倡导者,于是业界鉴定网页是否符合W3C标准,就可以在W3C网站自动检测该网站的情况。
这种模式也有缺点,其中一个弱点就是,在不同浏览器出来的效果会有分别,但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。
另一方面,开始设计CSS时,并不能清楚看到目标,因此显得不直观。
网页实际是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。
网页经由网址(URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前1.1 动态网页的概念与特点所谓动态网页,就是网页文件中不但有HTML标记,而且是建立在B/S(浏览器与服务器)架构上的服务器端脚本程序。
在浏览器显示的网页是服务器端程序运行的结果。
动态网页文件的后端更具不同的程序语言来定,如ASP文件的后缀是.asp。
动态网页与网页中的无动画效果(如网页含有何种动画、动态图片、一些行为引发的动态事件等)无关,动态页面最主要的特点就是结合后台数据库,自动更新页面。
建立数据库的连接时页面通向数据的桥梁,任何形式的添加、删除、修改和检索都是建立在连接的基础上的。
动态网页发布技术的出现使得网站从展示平台变成了网络交互平台。
Dreamweaver在集成了动态网页的开发功能后,就又网页设计工具变成了网页开发工具。
Dreamweaver提供众多的可视化设计工具、应用开发环境及代码编辑支持,开发人员和设计师能够快捷地创建代码应用程序,集成程度非常高,开发环境精简而高效。
动态网页的特点可以归纳为以下几点:交互性:动态网页会根据用户的需求和选择而发生改变和响应,将浏览器作为客户端界面。
自动更新:动态网页以数据库为基础,无须手动更新Html文档,便会自动生成新的页面,可以大大降低维护网站的工作量。
因时因人而变:动态网页能够根据不同的时间、不同的访问者而显示不同的网页内容,根据用户的即时操作和即时请求,动态网页的内容会发生相应的变化,如常见的留言板、BBS论坛和聊天室等就是用动态网页来实现的。
采用动态网站技术而生成的网页都称为动态网页。
动态网站建设就是网站中的网页使用ASP、PHP、和JSP等程序语言进行编写,并且网页中某一部分或所有内容通过数据库连接,然后将数据库中的数据显示在网页相应的位置上。
网页设计是一种建立在新型媒体之上的新型设计。
它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个新媒体。
它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;为了适应当今时代发展,必须增加艺术设计院校的网页设计课程;为了更好的体现网页这一新型设计的特点,将它和传统媒体进行比较,了解它的优势所在;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣,在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。
网页设计是一种建立在新型媒体之上的新型设计。
它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点,它是区别于报刊、影视的一个新媒体。
它既拥有传统媒体的优点,同时又使传播变得更为直接、省力和有效;为了适应当今时代发展,必须增加艺术设计院校的网页设计课程;为了更好的体现网页这一新型设计的特点,将它和传统媒体进行比较,了解它的优势所在;一个成功的网页设计,首先在观念上要确立动态的思维方式,其次,要有效地将图形引入网页设计之中,增加人们浏览网页的兴趣,在崇尚鲜明个性风格的今天,网页设计应增加个性化因素。
第二章静态网页与动态网页的区别静态网页与动态网页主要根据网页制作的语言来区分:静态网页使用Html(超文本标记语言),动态网页使用Html+ASP或者Html+PHP或Html+JSP等。
程序是否在服务器端运行,是区分动态网页与静态网页的重要标志。
在服务器端运行的程序、网页和组件,属于动态网页,它们会随不同客户、不同时间,返回不同的网页,例如,ASP、PHP、JSP、、CGI等。
运行于客户端的程序、网页、插件和组件,属于静态网页,例如Html页、Flash、JavaScript、VBScript等,它们是永远不变的。