计算机应用技术毕业论文网页设计与论坛开发.doc

网页设计制作与论坛的开发 1 毕业设计 题 目: 网页设计与论坛开发 所属系、部 : 计算机信息工程系 年级、 专业: 07 届计算机应用技术 姓 名: 贾丽娟 指 导 教 师: 杜 强 网页设计制作与论坛的开发 2 毕业设计（论文）的主要内容及基本要求 网页设计与论坛开发唏咪空间论坛网站设计，要求：利用所学的 photoshop 图形图像处理和 dreamweaver 网页设计以及所学的 php 数据库编程 制作成一个以介绍论坛为主的网页以及后台管理系统、发贴以及回复的一个业 务性的网站，目的在于通过借助网络的力量，很好而有力的提高资讯的传播速 度的魅力，并将其发扬光大，论文内容如下： (1)绪论； (2)网页开发环境及数据库概述； (3)网页需求分析； (4)网站的总体规划； (5)需要解决的几个问题； (6)网页测试。 网页设计制作与论坛的开发 3 摘摘 要要 网页设计与应用网页设计与应用 在 internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重 要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。internet 上发布信息主要是通过网站来实现的，获取信息也是要在 internet“海洋”中 按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在 internet 应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的 重要组成部分，从而倍受人们的重视。为了让更多客人了解网络，提高网络的 普及。所以，开发网站与推广是必需的。 关键词：网站设计；最新资讯;php 技术； 网页设计制作与论坛的开发 4 abstractabstract internet website design and application abstract：in internet fast exhibitions today, the net adult takes, the cloth and the information important channel fast mutually, it in person politics, life and so on various aspects vital role. on internet the cloth information is mainly passes the website, takes the information is also must in internet “the sea” the information website which needs according to certain rope way high and low under. therefore the website constructs the status which uses in internet, but is easy, it has become the government, business matter position informationization to construct to become the part importantly, but time persons heavy. more visitors had understood that our internet, enhances this internet s popularity. therefore, this internet s website is essential. key words: website design; management information system; php technology; 网页设计制作与论坛的开发 5 目录目录 摘摘 要要3 前前 言言7 第一章第一章 绪论绪论8 1.1 网页制作的背景和意义8 1.2 相关术语的阐述9 第二章第二章 网页开发环境及数据库概述网页开发环境及数据库概述11 2.1 网页运行环境的开发11 2.2 php 和 ado 简介.11 2.2.1 php 产生的历史环境.11 2.2.2 ado 对象.15 2.3 网页图像设计工具photoshop.16 2.4.网页设计工具dreamweaver.17 第三章第三章 网页需求分析网页需求分析18 3.1 可行性分析 18 3.1.1 网页的界面设计 18 3.23.2 网站需求分析网站需求分析19 3.2.1.建站目的 .19 3.2.2.网站实现功能 .19 第四章第四章 网站的总体规划网站的总体规划20 4.1 制作网页的一般步骤 20 4.2 网页包括的元素 20 4.3.网页层次结构（附结构图） .22 4.5.网页设计的相关步骤及代码设计 .22 第五章第五章 需要解决的几个关键问题需要解决的几个关键问题27 5.1 数据库技术27 网页设计制作与论坛的开发 6 5.2. 数据库连接技术27 5.3. 数据库写入技术28 5.4 数据库的读取技术29 5.5 记录集合的建立 30 5.6 数据库的 er 图！30 第六章第六章 网页测试网页测试32 6.1.网页测试 .32 6.2 网页发布及网站维护32 第七章第七章 结论结论34 致致 谢谢35 参参 考考 文文 献献36 网页设计制作与论坛的开发 7 前前 言言 中华民族文化源远流长，中国文化博大精深，而中国画在思想内容和艺术 创作上，都反映了中华民族的社会意识和审美情趣，体现了中国人对自然、社 会及与之相关联的政治、哲学、宗教、道德、文艺等方面的认识。传承中国文 化，并将其发扬广大，是我，作为一个华夏之女的心愿。 在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。 而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所 以网页设计尤为重要。 互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、 经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而 快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。 网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们 能够了解网站提供的信息。 面对日益加快的生活节奏和信息社会日新月异的变化，资讯极需要一种快捷，便利的 平台来传播,让更多网民及时的获取最新资讯，了解国家大事。如何运用现代化信息技术完 成这一目标，建立“一座实时资讯与网民之间畅通无阻的大桥”已成为网站建设者中应该 解决的重要课题之一，本网站正是为这一目标设计制作的。 网页设计制作与论坛的开发 8 第一章第一章 绪论绪论 1.11.1 网页制作的背景和意义网页制作的背景和意义 我们读书就是为了获得知识，现在我们学习了 php 动态网页设计，当然就 是要能做一个精美的网页。在此次毕业设计中，我们要能更加的了解 dreameaver 强大的功能和更好的使用它。通过此次设计我们还要能够知道静态 网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成毕业 作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设 计的目的也是要我们更好的掌握和使用好 php 的核心工具和技术，以便提高对 网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知 识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上， 把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。 internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各 种规模的网络连接成一个整体。作为 internet 上一种先进的，易于被人们所接受 的信息检索手段，world wide web(简称 www)发展十分迅速，成为目前世界 上最大的信息资源宝库。据估计，目前 internet 上已有上百万个 web 站点，其 内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等 各个领域，其用户群十分庞大，因此，建设一个好的 web 站点对于一个机构的 发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发 展，特别是数据库技术在 internet 中的广泛应用，web 站点向用户提供的服务 将越来越丰富，越来越人性化。 我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站 的部分内容感性趣，而且这种兴趣会持续一段时间。这点启发了我们，如果能 根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣 的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力 的。一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登 陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。这样做 能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较烦琐，而且在 网页设计制作与论坛的开发 9 用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。于是我们构 想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规 律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后， 系统能够自动生成一页面，其中包含了该主题下用户经常关注的内容（若干链 接） ，这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个 性化页面。本文主要完成 web 服务器端的设计实现管理个人资料、照片上传、 网文撰写、客户留言、日志以及后台管理等 php 页面及整个实验网站的组织建 立和测试工作。 我通过中国书画网站展示出中华文化的博大精深。不同的人，其网站上的 展示方式或手法各有不同，千变万化。在网站策划中，如何把把中华文化通过 网站展示出来，是我设计的重要内容。 1.21.2 相关术语的阐述相关术语的阐述 www 是“world wide web“的缩写；html 的意思则是“hypertext markup language”,中文翻译为“超文本标记语言” 。 “超文本”就是指页面内可 以包含图片、链接、甚至音乐，程序等非文字的元素。urls 是 uniform resource locator 的缩写，统称为统一资源定位器。可以把它想象成文件名的网 络扩展。我们不但可以通过各种不同的方法指出在网络的上哪一台机器的目录 下的文件。这个文件可以通过各种不同的方法得到。在 url 中还指定了访问这 一个文件的协议。在实际应用中，url 经常称为“网址”或 url 地址。 tcp/ip 协议（transmission control protocol / internet protocol 传输控制协议 /因特网协议）所谓协议，其实应该叫他网络协议，它是计算机与计算机之间， 进行信息传输的语言，只有两台计算机具有相同的协议方能进行信息传输，常 见协议有 ipx 协议、tcp/ip 协议等。 ipx 现广泛应用于局域网中，大多数局域网游戏都使用 ipx 协议。tcp/ip 协议可以说它是你接入因特网的必备条件，因为它是因特网上的通用协议。 ftp 协议(file transter protocol)也就是文件传输协议。我们知道，在服务器 中一般都有大量的共享软件和免费资源，要想从服务器中把文件传送到本地的 计算机（术语称“客户机” ）上或者把自己机器上的资源传送到服务器上，就必 网页设计制作与论坛的开发 10 须在两台机器中进行文件传送，那么双方就必须要共同遵守一定的规则，ftp 就是用来在客户机和服务器之间进行文件传输以实现文件共享的协议。ftp 只 是一种协议，必须要有相应的专用软件来执行它，一般称为 ftp 软件。通过 ftp 软件可连接到 ftp 服务器上，执行上载和下载文件的任务。 常用的 ftp 软件有 leapftp、cuteftp、ws_ftp、ftpx 等，这些软件的原理基本相 同，只是用户界面和功能略有差异。 网页设计制作与论坛的开发 11 第二章第二章 网页开发环境及数据库概述网页开发环境及数据库概述 2.12.1 网页运行环境的开发网页运行环境的开发 本系统必须被运行在 appserv 下。 使用 appserv，运行 windows server 的计算机便成为大容量、功能强大的 web 服务器，它可以将信息发布给办公大楼或整个世界的用户。对于在基于 windows nt 的计算机上联网，internet information server 是很理想的，因为它 可以在现存硬件上设置功能强大的 web 服务器。internet information server 集 成在 windows nt server 操作系统中，并利用了其安全特征和性能优势。 2.22.2 phpphp 和和 adoado 简介简介 .1 phpphp 产生的历史环境产生的历史环境 从本节开始，将进入本书的重点内容-使用 php 技术设计最流行的远程 教育平台。在目前飞速发展的 it 行业中，网站一旦建立起来，就一如既往的保 持“静态“，不加更改？如果是这样，就无形中一落后时代的步伐。所谓静态指 的是网站的页面内容固定不变，当用户浏览器通过互联网的 http 协议向 web 服务器请求提供页面内容时，服务器仅仅是将原来已经设计好的静态 html 代 码，最多加上流行的 gif89a 格式的动态图片。若网站维护者要更新网页的内 容，就必须手动的来更新起所以的 html 文档。这种网长的致命弱点就是不容 易维护，为了不断更新网页的内容，就必须不断的重复 html 文档，随着网站 内容和信息量的日益扩增，使得工作量大得出人想象。php 正是解决这个尴尬 局面出现了。因此 php 迅速的得到了无数网络开发者的垂青。 (1)什么是 php php，是英文超级文本预处理语言 hypertext preprocessor 的缩写。php 是 一种 html 内嵌式的语言，是一种在服务器端执行的嵌入 html 文档的脚本 网页设计制作与论坛的开发 12 语言，语言的风格有类似于 c 语言，被广泛的运用。 可以理解为动态服务器页面技术。php 是目前最流行的开发动态网站的程 序开发之一，它的特点是将脚本，超文本和强大的数据访问功能结合在一起， 并提供了众多的服务器组件来扩张功能，能够很方便的创建分布式和基于 web 的商业话应用程序。 如果要更简单的描述 php ，可以说 php 就是运行在 web 服务器上的动态 网页。php 程序文件也是一个标准的网页，一般 html 标记和 php 脚本代码 混杂在一起组成。php 网页程序必须想竟 web 服务器的 php 解释器解释执行， 产生 heml 代码后才传送给用户的浏览器执行显示。 (2).的特点为： 1、任何开发工具皆可发展 php php 独特的语法混合了 c、java、perl 以及 php 自创新的语法。 php 安装 它可以比 cgi 或者 perl 更快速的执行动态网页。用 php 做出的动态页面 与其他的编程语言相比，php 是将程序嵌入到 html 文档中去执行，执行效率 比完全生成 html 标记的 cgi 要高许多；php 还可以执行编译后代码，编译 可以达到加密和优化代码运行，使代码运行更快。php 具有非常强大的功能， 所有的 cgi 的功能 php 都能实现，而且支持几乎所有流行的数据库以及操作系 统。最重要的是 php 可以用 c、c+进行程序的扩展！ 2、语言相容性高 php 与所有的 activex script 语言都相容，除了可结合 html，vbscript、java script、active x 服务器组件来设计外，并可经由 “plug-in（外挂组件模组）的方式，使用其他厂商（third party）所提供的语言。 3、隐密安全性高 如果我们在浏览器中直接查看网页的原始代码，就只能看到 文件，原始的程序代码是看不到的！这是应届程序先于网站服务 （eb server）端执行后，将结果转换成标准文件，再传送到客户端 （client）的浏览器上，因此，我们所辛苦撰写的 php 程序并不会轻易地被看 网页设计制作与论坛的开发 13 见进而被盗用。 4、易于操控数据库 php 可以轻易地通过dbc(open database connectivity)驱动程序连 接各种不同的数据库，例如：access、foxpro、dbase、oracle 等等，另外， php 亦可将“文本文件”或是”excel” 文件当成数据库用。 5、面向对象学习容易 php 具备有面向对象（object-oriented）功能，学习容易，php 提 供了五种方便能力强大的内建对象：request、response、sever、application 以 及 session，同时，若使用 php 内建的“application”对象或”session”对象所 撰写出来的 php 程序可以在多个网页之间暂时保存必要的信息。 6、对象名称 功能描述 requestresponseserversessionapplicationobjectcontext 从客户端取得 信息将信息送给客户端提供一些 web 服务器工具储存在一个 session 内的用户 信息，该信息仅可被 7、开放的源代码 所有的 php 源代码事实上都可以得到。 2、php 是免费的。 和其它技术相比，php 本身免费。 8、php 的快捷性 程序开发快，运行快，技术本身学习快。嵌入于 html：因为 php 可以被嵌入于 html 语言，它相对于其他语言，编辑简单，实用性强，更适合 初学者。 9、跨平台性强 由于 php 是运行在服务器端的脚本,可以运行在 unix、linux、windows 下。 10、效率高 php 消耗相当少的系统资源。 11、图像处理 用 php 动态创建图像 12、面向对象 网页设计制作与论坛的开发 14 在 php4,php5 中，面向对象方面都有了很大的改进，现在 php 完全可 以用来开发大型商业程序。 13、专业专注 php 支持脚本语言为主，同为类 c 语言。 (3)php 模型对象 php 提供了六个功能强大的内置对象供用户使用，利用这六个对象，可以 设计变化多端的 web 应用程序，在 php 开发 web 应用程序时，通过调用对象 的方法，不但能实现提高编程效率，而且编程更优化。 下面列出 php 包括的六个内置对象： response：将信息送主客户端 request：从客户端取得信息 server：提供一些 web sever 方法 session：记录连接着的信息，每一个连接者的信息有独立的 session 对象来 记录 apptication：记录共用消息，让不同的可户端共享信息 objectlontent：配合 mts 进行分布式事务处理 (4)php 的运行 php 页面与一般的 html 页面的真正不同之处，在于 php 页面需要经过 web 服务器的解释执行而 html 网页不需要。因此如果要运行和发布式 php 网页，就需要有 web 服务器的支持。任何一个 web 服务器，只有内嵌有 php 的解释程序，就可以运行 php 编写的动态网页。 整个过程主要有如下 5 个步骤（html 页面的处理没有第三步） a.用户将 php 文件的网址输入到浏览器的地址栏，请求一个 php 网页。 b.浏览器向 web 服务器发送 php 文件请求，成为 request c.服务器找到并解释执行该 php 文件，生成标准的 html 文件 d.服务器将 html 文件传送给用户浏览器，称为 response e.用户的浏览器解释 html 文件，结果在浏览器窗口显示 网页设计制作与论坛的开发 15 .2 adoado 对象对象 ado 原名为 activex data object。通过与 php 的结合，可以在网页里执 行 sql 的指令，用户可以轻松且快速的存取、增加或是删除数据库的数据。 ado 包含三个主要的对象：recordset、connection 以及 cmmand。通过这 些对象的了解与应用，再利用 php 对象，就可以很容易地制作出一个方便快捷、 功能多样的网站。 快速、容易和节省磁盘空间，是 ado 的特性，这使得 ado 成为十分热门 的技巧。 ado 通过与 odbc 的链接，可以链接许多各种类型的数据库，因为 odbc 本身就支持许多类型的数据库。 ado 通过 vbscript 和 javascript 语言的技巧，不但可以控制存取数据库， 还可以达到一些特殊技巧的变化。 ado 提供 connection 对象 可以使用该对象建立和管理应用程序和 odbc 数据库之间的连接。 connection 对象具有各种属性和方法，可以使用它们打开和关闭数据库连接， 并且发出查询请求来更新信息。 要建立数据库连接，首先应创建 connection 对象的实例。 用 connection 对象的 execute 方法 您可以发出结构化查询语言 (sql) 查询数据库源并检索结果。sql 是用 于与数据库通讯的工业标准语言，它有许多命令可用来检索和更新信息。使用 connection 对象的 execute 方法在 sql insert 命令的表格中发出查询，该 命令将数据插入特定的数据库表格。 使用 recordset 对象处理结果 尽管 connection 对象简化了连接数据库和查询任务，但 connection 对象 仍有许多不足。确切地说，检索和显示数据库信息的 connection 对象不能用于 创建脚本；您必须确切知道要对数据库作出的更改，然后才能使用查询实现更 改。 对于检索数据、检查结果、更改数据库，ado 提供了 recordset 对象。 正如它的名称所暗示的那样，recordset 对象有许多您可以使用的特性，根据您 网页设计制作与论坛的开发 16 的查询限制，检索并且显示一组数据库行，即记录。 recordset 对象保持查询 返回的记录的位置，允许您一次一项逐步扫描结果。 根据 recordset 对象的指针类型属性设置，您可以滚动和更新记录。数据 库指针可以让您在一组记录中定位到特定的项。指针还用于检索和检查记录， 然后在这些记录的基础上执行操作。recordset 对象有一些属性，可用于精确地 控制指针的行为，提高您检查和更新结果的能力。例如，您可以使用 cursortype 和 cursorlocation 属性设置指针的类型，将结果返回给客户端应用 程序（结果通常保留在数据库服务器上）并显示其他用户对数据库的最后一次 更改。 一个成功的数据库应用程序都使用 connection 对象建立链接并使用 recordset 对象处理返回的数据。通过“协调”两个对象的特定功能，您可以开 发出几乎可以执行任何数据处理任务的数据库应用程序。例如，下面的服务器 端脚本使用 recordset 对象执行 sql select 命令。select 命令检索一组 基于查询限制的信息。查询也包含 sql where 子句，用来缩小查询的范围。 通过 ado command 对象，可以象用 connection 对象和 recordset 对象 那样执行查询，唯一的不同在于用 command 对象您可以在数据库源上准备、 编译您的查询并且反复使用一组不同的值来发出查询。这种方式的编译查询的 优点是您可以最大程度地减少向现有查询重复发出修改的请求所需的时间。另 外，您还可以在执行之前通过您的查询的可变部分的选项使 sql 查询保持局 部未定义。 command 对象的 parameter 集合减少了您的麻烦，使您不必在每次重新 发出查询时重新建立查询。 2.32.3 网页图像设计工具网页图像设计工具photoshopphotoshop adobe 公司开发，处理图形图像的专门设计软件。dtp 和图像软件的结合， 使设计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色 制板的全过程，开创了“电脑平面设计”时代。 photoshop 的专长在于图像处 理，而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图 网页设计制作与论坛的开发 17 图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工； 图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主 要有 adobe 公司的另一个著名软件 illustrator 和 micromedia 公司的 freehand。photoshop 系列中使用最广泛的有 photoshop5.0 版本、 photoshop7.0。 .网页设计工具网页设计工具dreamweaverdreamweaver macromedia 公司的产品的另一款“所见即所得”的网页编辑工具。与 frontpage 不同，deamweaver 采用的是 mac 机浮动面版的设计风格，对于初 学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 dreamweaver 的直观性与高效性是 frontpage 所无法比拟的。 dreamweaver 对于 dhtml 的支持特别好，可以轻而易举地做出很多眩 目的页面特效。插件式的程序设计使得其功能可以无限的扩展。dreamweaver 与 flash、firework 并称为 macromedia 的网页制作三剑客，由于是同一公司 的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 dreamweaver ultradev 更支持 php，jsp。因此，说 dreamweaver 是高级网页制作的首选并 不为过。常见的版本为 dreamweaver3、dreamweaver4、dreamweavermx、dreamweaver8.0、dreamwea ver cs. 所以我本次设计主要选用 dreamweaver8.0 结合 photoshop7.0 处理图片。 网页设计制作与论坛的开发 18 第三章第三章 网页需求分析网页需求分析 3.13.1 可行性分析可行性分析 .1 网页的界面设计网页的界面设计 由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外， 还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术 性提出了更高的要求。虽然 html 语言提供了对常用 windows 标准控件的支 持，但是，由于 windows 标准控件的形状和颜色十分单一，网页的视觉效果可 能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭 头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧 的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网 页的设计中主动配合 windows 标准控件的形状和颜色，网页的创作空间就会受 到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要 求。 a. 网页界面构成要素 与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等 新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网 页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、 优化。 一般来说，网页的界面主要由下面几个因素构成： （1）文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、 信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同， 是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元 素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影 响极大。 （2）图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动 直观、形象地表现设计主题。网页中常用的图形格式包括 jpg 和 gif，这两种格 网页设计制作与论坛的开发 19 式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台 3.23.2 网站需求分析网站需求分析 .2.1.建站目的建站目的 internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各 地各种规模的网络连接成一个整体。作为 internet 上一种先进的，易于被人们所 接受的信息检索手段，world wide web(简称 www)发展十分迅速，成为目前 世界上最大的信息资源宝库。据估计，目前 internet 上已有上千万个 web 站点， 其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育 等各个领域，其用户群十分庞大，因此，建设一个好的 web 站点对于一个机构 的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速 发展，特别是数据库技术在 internet 中的广泛应用，web 站点向用户提供的服 务将越来越丰富，越来越人性化。因此网站建设在 internet 应用上的地位显而易 见。它的兴起，标致着资讯、文化传播得以广泛，从而让更多的人了解世界实 事动态。 .2.2.网站实现功能网站实现功能 本网站给网民提供一个互相交流的平台，网民与网民之间可以及时地交 换意见，产生互动，网站主也可以及时对网站进行更新维护。 前台客户系统功能： (1) 用户可以浏览新闻的一些基本的信息。 (2) 用户可以浏览实事动态。 (3) 用户可以查看最近的新闻资讯。 (4) 用户可以浏览帖子以及回复贴子。 (5) 用户可以随时发表自己的言论。 后台管理系统功能： 网页设计制作与论坛的开发 20 (1) 增加、修改、论坛的信息。 (2) 修改、删除留言板帖子。 (3) 浏览、删除最新信息。 第四章第四章 网站的总体规划网站的总体规划 4.14.1 制作网页的一般步骤制作网页的一般步骤 首先，你应该明确制作网页是为了干什么。比如，你是公司的职员，想通 过网页来对公司进行广告宣传；再假设你正在做一个项目，想和外地的工程师 通过网页讨论该项目。如果你要制作个人网页，那么你可能想通过个人网页在 网上进行传播，从而展示自己，并和网友交朋友。这就是你的目的。我这次做 这个网页就是为了让同学们在自己的班级网站里面更好的交流和联系，及时发 布一些班级新闻，为同学们建造一个网上家园。 其次，组织好你的网页内容。试想，你把自己的照片和内容都堆在一起， 别人将无法明白你想干什么，说不准，连你自己都糊涂了。如果组织得好，用 户从你的网页中获取信息就容易得多。对于那些很重要的信息，用户只需要简 单的操作就能得到。一般来说，组织好网页的关键是要对网页建立层次分明、 条理清楚的结构图。脑子里有了这样一张结构图，就会对网页很明白，并且有 助于制作网页。 而后，要确定你的网页所具有的外观和特色，目的就是让用户被你的网页 所吸引。如果你只是要把很多漂亮的画面堆在一起，而不管内容，那将没人看。 应该让你的网页不仅漂亮，更重要的是实用。怎么把自己的照片和内容有机的 结合到一起，这也正是你的网页特色所在。 然后，开始制作网页。具体操作时，首先要创建个人站点，再充分利用 dreamweaver 的功能建立各个网页。 最后，等网页做好了，就该发布站点了。站点发布后，为了保持站点的吸 引力，要经常修改网页的内容（添加新的内容，更换已过时的图像等） ，就要更 新和维护你的站点了。 网页设计制作与论坛的开发 21 4.24.2 网页包括的元素网页包括的元素 无论是初次领略 internet 风光的新手，还是经常上网冲浪的老手，在初次设 计网页之前，都必须先认识一下构成网页的基本元素。只有这样，才能在真正 的设计工作中得心应手，根据需要合理的组织和安排网页的内容，从而达到期 望的目标。 设计网页的目的主要是发布信息，因此，作为信息载体的文本和图像也就 成了网页的基本组成部分，超级链接是 web 的核心，使它将万维网中无数的网 页链接在一起，如果没有它，web 就无从谈起，此外，表格、动画、音乐和交 互表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。 (1)、文本 文本一直是人类最重要的信息载体和交流工具，网页中的信息也以文本为 主，与图像相比，文字虽不如图像那样能够很快的引起浏览者的主意，但却能 准确的表达消息的内容和含义，为了克服文字固有的缺点，人们赋予了网页中 文本更多的属性，如文字、字号、颜色、底纹和边框等，通过不同格式的区别， 突出显示重要的内容，此外，用户还可以在网页中设计各种各样的文字列表来 清晰表达一系列项目，这些功能都给网页中的文本赋予了新的生命力。 (2)、图像 图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格 的作用。用户可以在网页中使用 gif、jpeg、png 3 种图像文件格式，其中使 用最广泛的是 gif 和 jpeg 两种格式。 (3)、超级链接 超级链接技术可以说是万维网流行起来的最主要的原因，它是从一个网页 指向另一个目的端的链接，例如指向另一个网页或相同网页上的不同位置，这 个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个 文件，一个程序或本网页中的其他位置，其载体通常是文本，图片或图片中的 区域，也可以是一些不可见的程序脚本。 当浏览者单击超级链接时，其目的端将显示在 web 浏览器上，并根据目的 端的类型以不同方式链接。例如，当指向一个 avi 文件的超级链接被单击后， 该文件将在媒体播放软件中打开;如果是指向一个网页的超级链接，则该网页将 网页设计制作与论坛的开发 22 显示在 web 浏览器上。 (4).表格 在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用 行和列的形式来布局文本和图像以及其他的列表化数据；二是还可以使用表格 来精 .网页层次结构（附结构图）网页层次结构（附结构图） 论 坛 首 页 登陆注册 关于生活 关于爱情 关于事业 关于往事 天下杂谈 论坛发表贴子，回复贴子 的会员登陆窗口以及注册 功能 生活中的一些所见所闻的 分享！ 畅所欲言，无趣不谈。发 挥我们的空间。 在情感、爱情方面的故事 的分享。 工作了，让我们一起分享你 人生第一桶金的喜悦吧 毕业了，工作了，我们都 有自己人的过去。回忆 网络转贴 独家爆料 网络上面好的文章，可以 跟我们一起分享！ 独家爆料我们不知道的事， 一起分享你的所见所闻！ 网页设计制作与论坛的开发 23 .网页设计的相关步骤及代码设计网页设计的相关步骤及代码设计 1、首先用 html+css+div 设计出网页与论坛的框架。 11、html 与 div 标签代码如下： function checkmsg()if(msgform.username.value=“)alert(“请输入用户名！“); msgform.username.focus();return false;if(msgform.password.value=“) alert(“请输入登陆密码！“); msgform.password.focus(); return false; return true; 会员登陆 用户名: 密 码: 杂文专栏 情感写真 唏咪论坛-最新发表 /div 12、css 网页美工代码如下： body font-family: arial, helvetica, sans-serif; font-size:12px; color:#333333; 网页设计制作与论坛的开发 25 text-align:center; margin:auto; line-height:17px; background-color:#ffffff table margin:auto td font-family: arial, helvetica, sans-serif; img border:none th font-family: arial, helvetica, sans-serif; #top table font-size:12px; color:#333333 #top a:link text-decoration:none;color:#333333 #top a:visited text-decoration:none; #top a:hover text-decoration:underline;color:#0066ff #dh a:link text-decoration:none;color:#333333; font-size:13; #dh a:visited text-decoration:none; color:#333333 #dh a:hover text-decoration:underline;color:#0066ff; margin-left:1px; #dh tabletext-align:center; .seach font-size:12px; .btn2border-right: #7b9ebd 1px solid; padding-right: 2px; border-top: #7b9ebd 1px solid; padding-left: 2px; font-size: 12px; filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#cecfde); border-left: #7b9ebd 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7b9ebd 1px solid .btn background-color:#dfe7f0 .btn1border-bottom: #7b9ebd 1px solid #content width:1000px; text-align:left; margin:auto #newscontent width:1000px; text-align:left; margin:auto #left width:390px;float:left; #newsleft width:700px;float:left; #leftadmin width:300px;float:left; #right width:600px;float:right; color:#333333 网页设计制作与论坛的开发 26 #newsright width:300px;float:right; color:#333333 #rightadmin width:700px;float:right; color:#333333 #footer width:1000px; height:50px; float:right #footeradmin width:1000px; height:50px; float:left .title font-size:18px; font-family:黑体; color:#333333 #dl float:left; #news float:left; a:link text-decoration:none; color:#333333 a:visited text-decoration:none; color:#333333 a:hover text-decoration:underline; color:#0033ff .look font-size:11px; color:#333333 .look1 font-size:11px; color:#ff0000 .forundh tdbackground:url(img/tdbg.gif); font-size:14px; text-align:center .forundh a:hover text-decoration:underline; color:#0033ff #leftadmin a:hover background:#cccccc; 2、用 ps 制作出相关的按钮、图片、以及对一些框架界面的美工。图片如下： 3、php 程序嵌入静态页面中，让界面与服务器互动。代码如下： if(!$_sessionusername) require(forun_off.php);else require(forun_on.php);? while($row1=mysql_fetch_array($res) echo “ “.$row1topic.“ 此贴由 “.$row1username.“ 于 “.$row1datetime. “ 发表! 阅读 “.$row1view.“ 回复 “.$row1reply.“ “; ? 第五章第五章 需要解决的几个关键问题需要解决的几个关键问题 5.15.1 数据库技术数据库技术 mysql 是一个小型关系型数据库管理系统，开发者为瑞典 mysql ab 公司。 在 2008 年 1 月 16 号被 sun 公司收购。而 2009 年，sun 又被 oracle 收购。 mysql 是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而 不是将所有数据放在一个大仓库内。这样就增加了速度并提高了灵活性。mysql 的 sql“结构化查询语言” 。sql 是用于访问数据库的最常用标准化语言。mysql 软件采用了 gpl（gnu 通用公共许可证） 。由于其体积小、速度快、总体拥有成 本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本 而选择了 mysql 作为网站数据库。 mysql 最初的开发者的意图是用 msql 和他们自己的快速低级例程(isam)去 连接表格。经过一些测试后，开发者得出结论：msql 并没有他们需要的那么快 和灵活。这导致了一个使用几乎和 msql 一样的 api 接口的用于他们的数据库的 新的 sql 接口的产生，这样，这个 api 被设计成允许为用于 msql 而写的第三方 代码更容易移植到 mysql。 . 数据库连接技术数据库连接技术 一个动态的网站，它的动态就体现在数据库技术上面，那么怎么才能使数 据库与我们的 web 页面进行连接呢？具体代码如下： 这些代码一般都放在一个名称为 dbcon.p