计算机毕业论文-网页制作

《计算机毕业论文-网页制作》由会员分享，可在线阅读，更多相关《计算机毕业论文-网页制作（24页珍藏版）》请在金锄头文库上搜索。

1、江西蓝天学院专科生毕业设计（论文）1目录目录第第 1 1 章章 引引 言言111.11.1 动态网页的概念与特点动态网页的概念与特点44第第 2 2 章章 静态网页与动态网页的区别静态网页与动态网页的区别55第第 3 3 章章 搭建动态网页平台搭建动态网页平台66第第 4 4 章章 创建数据库连接创建数据库连接1313第第 5 5 章章 编辑数据与添加服务器行为编辑数据与添加服务器行为1919相关文献相关文献2424江西蓝天学院专科生毕业设计（论文）2第第 1 1 章章 引言引言定义定义网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,网页制作是企业开展 电子商务的基础设施和信息平台

2、，离开网站（或者只是利用第三方网站）去谈电子商务是 不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是 INTERNET 上宣传和反映企业形象和文化的重要窗口。什么是网页制作网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页 创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将 策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页 制作通常就是将网页设计师所设计出来的设计稿，按照 W3C 规范用 html 语言将其制作成 网页格式。网网页页设设计计网页设计是指使用标识语言（markup lan

3、guage)，通过一系列设计、建模、和执行的过 程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站，什么是网站呢，就是服务器内的一系列网 页的组合，终端用户发出请求后服务器通过传输特定的网页向用户传输所需的信息。简 单的信息如文字，图片（GIFs， 江西蓝天学院专科生毕业设计（论文）3网页制作JPEGs，PNGs）和表格，都可以通过使用 HTML/XHTML/XML 放置到网站页面上。而更 复杂的信息如 vector graphics,动画，视频，声频则需要插件程序例如 Flash, QuickTime, Java run-t

4、ime environment,等等，这些插件程序也是通过 HTML/XHTML/XML 植入网页的。 随着浏览器和 W3C 标准一致性的改善，XHTML/XML（可扩展标识语言）与 CSS（层叠 样式表）共同用作网页内容的设计已经被广泛的接受和使用。最新的标准和建议则是朝着 浏览器的能力扩充和改善发展，使之能够不需要插件程序也能够给用户传输多媒体信息和 更多的选择。静静态态网网页页与与动动态态网网页页区区别别通常，网页可以分为静态网页和动态网页。 静态网页页面上的内容和格式一般不会改 变，只有网管可根据需要更新页面。 动态网页的内容随着用户的输入和互动而有所不 同，或者随着用户，时间，数据修

5、正等而改变。网页上的内容也可以由用户通过使用客户 端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语 言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无 论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。 随着信息技术的更 加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。 网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体，所以网页设 计包括了几大部分： 版面构图（见平面设计） 程序开发（见网页应用程式）

6、网站内容管理（见内容管理系统、资讯架构学） 简简史史HTML超文本标记语言（Hypertext Markup Language） 网络的资讯越来越多，网站须有引人 注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML 亦 因此变得更复杂、更具弹性。表格，原本是更整齐展现资料的工具，变成了排版工具。 CSS 的出现令以表格为基础的外观设计被视为过时。服务器方面的技术亦改变了网络的构 造，使用者可以选择其浏览方式、外观。Flash 的出现为设计师和媒体创作人开创了新路。 除了引人的外观之外，亦有一个重要的考虑点：网络无障碍，即使用者能否容易读取资讯。XHTML江西蓝天学院

7、专科生毕业设计（论文）4由于 XML 的可构造性，XHTML 1.0 在 2000 年 1 月 26 日成为 W3C 的推荐标准，即 HTML 将会随着时间而淘汰。 外外观观的的影影响响流动性 对 固定排版 大部分网站设计师原本是每处地方都有绝对限界的平面设计 师。可是在网页浏览器，却不能控制某些因素，特别是浏览器的阔度。 有些设计师将 其网页定义在固定大小的表格中，每部分的宽度都有精确的数据，一般使用确定的值，这 就是固定排版了。然而有人认为这不好，因为这种设计罔顾使用者的设定，他们使用流动 性排版，网页的宽度使用百分比定义宽度，因此网页会依浏览器的屏幕分辨率而改变。 但 是流动性的排版对于

8、日益增大的屏幕就不一定合适，因为人的眼睛进行横向阅读时，过长 的文字会增加阅读的困难度，反之大约在十几个字即换行的文章，浏览者会更好吸收其内 容。 网页制作Flash Adobe Flash 这套软件能够很轻易做到一些华丽的图像效果，亦可以进行编程， 因此近年来出现在不少网站上。有些网站更以 Flash 完全代替 HTML。 可是 Flash 带 来的问题不少： 搜索引擎不能记录 Flash 的内容 盲人不能透过文本朗读软件来 取得其内容 所以大部分人都不会以 Flash 为主要设计，Flash 通常成了首页的开场画 面或网站内的小游戏。 两两种种设设计计模模式式从前一般网页都使用表格进行排版

9、设计，这样作的优点在于设计制作速度快，尤其在 可视化网页编辑器，如 Microsoft FrontPage 中，这样设计显得直观而方便，然而这让越来 越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增 大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。 江西蓝天学院专科生毕业设计（论文）5网页制作于是随着主流网页浏览器对 CSS 的支援度提高，近年来兴起了一种新的网页设计模式。被 业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容(en:Separation of style and content)，指标记语言(如 HTML,XML)负责

10、定义页面的内容，但不可以定义任何涉及网站外 观(风格)的东西。而网站风格就由另外的 CSS 档案负责。在排版方面，新的模式提倡使用 由 CSS 定义的 DIV 进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多 好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个 CSS 档案可以控制多个页面，这也给改版带来了很大方便。 由于 W3C 是该模式极力 的倡导者，于是业界鉴定网页是否符合 W3C 标准，就可以在 W3C 网站自动检测该网站的 情况。 这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别， 但这种情况主要是由于微软的 Interne

11、t Explorer 对 CSS 文档的支持有众多缺陷造成的。另 一方面，开始设计 CSS 时，并不能清楚看到目标，因此显得不直观。 网页实际是一 个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连 的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂 而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容， 再展示到你的眼前江西蓝天学院专科生毕业设计（论文）61.11.1 动态网页的概念与特点动态网页的概念与特点所谓动态网页，就是网页文件中不但有 HTML 标记，而且是建立在 B/S（浏览器与服务器） 架构上的服

12、务器端脚本程序。在浏览器显示的网页是服务器端程序运行的结果。动态网页 文件的后端更具不同的程序语言来定，如 ASP 文件的后缀是.asp。动态网页与网页中的无动画效果（如网页含有何种动画、动态图片、一些行为引发的动态 事件等）无关，动态页面最主要的特点就是结合后台数据库，自动更新页面。建立数据库 的连接时页面通向数据的桥梁，任何形式的添加、删除、修改和检索都是建立在连接的基 础上的。 动态网页发布技术的出现使得网站从展示平台变成了网络交互平台。Dreamweaver 在集成 了动态网页的开发功能后，就又网页设计工具变成了网页开发工具。Dreamweaver 提供众 多的可视化设计工具、应用开发

13、环境及代码编辑支持，开发人员和设计师能够快捷地创建 代码应用程序，集成程度非常高，开发环境精简而高效。动态网页的特点可以归纳为以下几点： 交互性：动态网页会根据用户的需求和选择而发生改变和响应，将浏览器作为客户端界面。自动更新：动态网页以数据库为基础，无须手动更新 Html 文档，便会自动生成新的页面， 可以大大降低维护网站的工作量。 因时因人而变：动态网页能够根据不同的时间、不同的访问者而显示不同的网页内容，根 据用户的即时操作和即时请求，动态网页的内容会发生相应的变化，如常见的留言板、BBS 论坛和聊天室等就是用动态网页来实现的。采用动态网站技术而生成的网页都称为动态网页。动态网站建设就是

14、网站中的网页使用 ASP、PHP、ASP.NET 和 JSP 等程序语言进行编写，并且网页中某一部分或所有内容通过数 据库连接，然后将数据库中的数据显示在网页相应的位置上。网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操 作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既 拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展， 必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它 和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动 态的思维方式，其次，要有效

15、地将图形引入网页设计之中，增加人们浏览网页的兴趣，在 崇尚鲜明个性风格的今天，网页设计应增加个性化因素。网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操 作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既 拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展， 必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它 和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动 态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在 崇尚鲜明个性风格的今天，网页设计应增加个性化因素。江西蓝天学院专科生毕业设计（论文）7江西蓝天学院专科生毕业设计（论文）8第二章第二章 静态网页与动态网页的区别静态网页与动态网页的区别静态网页与动态网页主要根据网页制作的语言来区分：静态网页使用 Html（超文本标记语 言） ，动态网页使用 Html+ASP 或者 Html+PHP 或 Html+JSP 等。 程序是否在服务器端运行，是区分动态网页与静态网页的