新闻门户网站的设计与实现.doc

1、1IT 新闻门户网站的设计与实现导读：就爱阅读网友为您分享以下“IT 新闻门户网站的设计与实现”的资讯，希望对您有所帮助，感谢您对 的支持!沈阳师范大学本科毕业论文 6.2 PHPCMS 模版的修改 6.2.1 引言 根据之前设计的静态网页进入模版风格管理模版下如图6.5 分别对 页尾 footer.html 页头 header.html 网站首页index.html 文章列表页 list.html 文章内容页 show.html 文章栏目页 category.html 模版进行修改 图 6.5 模版页面 6.2.2 首页及页头页尾 2页头 header.html： 模版制作练习 0417 网

2、站首页 index.html template phpcms,header -22- 沈阳师范大学本科毕业论文 tag_网站首页推荐 tag_网站首页头条 tag_新闻 10 则 tag_网站首页推荐 -23- 3沈阳师范大学本科毕业论文 template phpcms,footer 图 6.6 首页动态实现 -24- 沈阳师范大学本科毕业论文 6.2.3 文章栏目页 文章栏目页 category.html： template phpcms,header -25- 4本科毕业论文（设计）（2014 届本科毕业生） 题 目： 学生姓名： 学生学号： 学院名称： 专业名称： 指导教师： IT 新闻

3、门户网站的设计与实现 唐文 科信软件学院 计算机科学与技术 王 二零壹四 年 肆月 沈阳师范大学本科毕业论文 IT 新闻门户网站的设计与实现 摘 要 5随着因特网的迅猛发展，网络已经深入到世界的各个角落，网站作为因特网的主要组成部分，其数量与质量都在快速地提升。网站与用户的交互主要使用网页来实现，为了简化和方便网页的开发，Web 领域的主要开发商相继推出了多种 Web 开发技术，PHPCMS 就是其中一种。由于容易学习和它与 Apache 及 MySQL 组成的 AMP 体系代码的开源性 PHP 和 MySQL 数据库被广泛的应用于各种网站网页的设计。 我的预期效果是，通过 PHP+MySQL

4、+Apache 实现 IT 新闻网站的开发。访问者通过浏览该网页能了解到他们感兴趣的新闻资讯，后台人员可以登录系统，进行网站内容的维护，和相关网页的更新采集操作。 网页是向用户和网民提供信息的一种方式，包括产品信息和服务，是用户了解信息的的基础设施和信息平台，此外网站在人们的日常生活中发挥的作用越来越大，因此网站的开发有着重要的意义。同时通过这次开发，我会对网站有一个全新的认识，和新技术的了解，为将来的工作打下了基础。 关键词： 因特网， PHPCMS ，门户网站I 6沈阳师范大学本科毕业论文 The design and implementation of IT news portal Wi

5、th the rapid development of Internet, network has been deep into every corner of the world, the website as the main part of the Internet, the quantity and quality are improve quickly. Website main use Web pages to implement the interaction with the user, in order to simplify and facilitate Web devel

6、opment, mainly in the field of Web developers have launched a variety of Web development technologies, PHPCMS is one of them. Because of its easy to learn and with Apache and MySQL AMP system code open nature of PHP and MySQL database has been widely applied to various web page design. I expected ef

7、fect is through the PHP + MySQL + Apache to realize IT for the development of news websites. Visitors by browsing this web page can learned that they are interested in news and information, the background personnel can login system, carries on the maintenance of the sites content, and the related we

8、b page update operation. 7Web pages is to provide information to users and users a way to include product information and services, is the users understand information infrastructure and information platform, and websites in Peoples Daily life plays the role of more and more big, and the site develo

9、pment has important significance. Through the development at the same time, I will have a new understanding of the site, and the new technology of understanding, laid the foundation for the future work Key words: Internet, PHPCMS, Web portal II 沈阳师范大学本科毕业论文 目 录 摘 要 I ABSTRACT. 错误！未定义书签。 第 1 章 绪 论 .

10、1 1.1 论文研究主要内容 1 1.2 国内外现状 82 第 2 章 关键技术介绍 . 3 2.1 关键性开发技术的介绍 3 2.1.1 WAMPSERVER 3 2.1.2 PHP . 3 2.2 VMWARE 桌面虚拟化 5 第 3 章 系统分析 . 6 3.1 构架概述 6 3.1.1 结构设置 .6 3.1.2 系统开发方法 .6 3.1.3 体系结构 .98 3.1.4 开发工具及环境简介 . 8 3.2 系统开发环境 8 3.3数据库设计 . 9 3.3.1 概念结构设计 .9 3.3.2 非功能性需求分析 . 11 第 4 章 网站设计 12 4.1 设计指导思想和原则 12

11、4.1.1 指导思想 .12 4.1.2 信息排布 .12 4.2 页面设计 12 -1- 10沈阳师范大学本科毕业论文 第 5 章 静态网页部分 14 5.1 实现方法 14 5.1.1 DIV+CSS . 14 5.2 实现效果 15 5.2.1 关键代码 .16 第 6 章 PHPCMS 部分 . 17 6.1 PHPCMS 平台搭建 . 17 6.1.1 软件安装 .17 6.1.2 WAMP 测试 . 18 6.1.3 PHPCMS 安装 1119 6.2 PHPCMS 模版的修改 . 21 6.2.1 引言 .21 6.2.2 首页及页头页尾 . 21 6.2.3 文章栏目页 .2

12、5 6.2.4 文章列表页 .27 6.2.5 内容页 .28 6.3 PHPCMS 后台 . 29 6.3.1 后台主页 .29 6.3.2 栏目管理 .29 6.3.3 管理内容 12.30 第 7 章 结 论 31 参考文献 32 致 谢 33 附 录 34 -2- 沈阳师范大学本科毕业论文 第 1 章 绪 论 动态网站系统是建立在网络基础设施之上的 Web 应用系统，它由前台和后台两部分构成，后台包括一组应用服务程序、Web 服务器、应用服务器、数据库服务器等，前台是通过浏览器展示信息，实现与用户交互的一组网页。合理的体系结构和良好的程序设计是实现网站功能的基础，友好简洁的交互界面是发

13、挥网站系统功能优势的条件。 传统静态网站建设中存在的主要问题有：页面制作风格不统一，难以形成独立可复用的模块，降低了应用集成的13灵活性和可扩展性；内容组织繁琐，管理效率低下，严重影响了更新效率，难以对信息进行统一管理；应用开发技术难度大，网站后台开发与前台页面的开发都需要开发人员编写代码，代码编写量大，网站开发周期长。 为了解决传统静态网站建设中产生的系列问题，形成一个动态的网页技术与数据库技术来作为其基础的CMS(Content Management System，即内容管理系统)，它能根据不同的建站需求，建设出客户所需要的网站。 CMS 具有以下优势： 可以很灵活的定制栏目，对栏目进行分

14、类、增删改和排序等管理； CMS 的表现与内容可以分离，方便用户去体验和内容质量之间的互相协调关系，可以很方便的对发布信息，还可以录入和修改以及删除； 可以很方便的管理其网站图片和文档以及软件等所有的资源，达到资源共享； 简化了网站的内容供给和内容管理的责任委托，可以对其信息安全性与权限加以控制，对信息访问的安全性与灵活性都提供了保障； 够有效统一网站风格； 能在任意地点和时刻进行信息发布，把动态的内容利用静态的页面发布出去，提高网站的访问速度； CMS 集成性高，整体是高效灵活的，其扩展性与易维14护性相对较好。 1.1 论文研究主要内容 本论文从网站的最初选题出发，收集目前网民所感兴趣的话

15、题，初期将使用 PS 等软件，设计出网站的样式，再进一步通过 DW 进行静态页面的实现，在 DW 中我主要使用了 DIV+CSS 的技术，有效的减少了页面代码的冗余，减少了页面的体积，有效的优化了页面打开的速度。论文会详细阐述这个过程，以及最后实现的动态网页的实现过程。 -1- 沈阳师范大学本科毕业论文 1.2 国内外现状 从 Web 开发的历史看来，PHP、Python 和 Ruby 几乎是同时出现的，都是十分有特点的、优秀的开源语言，但PHP 却获得了比 Python 和 Ruby 多得多的关注度，PHP在 11 月 TIOBE 排行榜上位居榜首，超过了 C+、java 和其他语言。 PH

16、P、C+、java 这三种语言都是相当优秀的脚本语言，为什么 PHP 能大行其道，位居榜首呢？从表面上来看，这是就业环境使然。越来越多的新公司或者新项目使用PHP，这使得 PHP 相关社区越来越活跃，而这又反过来影响到很多项目或公司的选择，形成一个良性的循环。就我们目前了解到的情况，PHP 是国内大部分 web 项目的首选，15而且有很多公司从其它语言（如 ASP，JAVA）转到了PHP。合适的就是最好的，PHP 的快速，开发成本低，周期短，后期维护费用低，开源产品丰富，这些都是另外两种语言无法比拟的。 目前全球 5000 万互联网网站中，有 60%以上使用着PHP 技术； 2011 年 PH

17、P 从业人数将增加 42%，远超JAVA 的 13%和.NET 的 24%；PHP 也入选是全球五大最受欢迎的编程语言，并且是唯一入选的脚本语言；国内 80%以上的动态网站都在使用 PHP 开发。 随着 Web2.0 的升温互联网的发展迎来新一轮的热潮，因为互联网自身在不断创新和快速发展，最终就决定仅仅以最快的开发速度与最低的成本方可获胜，才可以长久保持一个网站的领先性，可以吸引到更多网民。互联网的企业生存与竞争核心都在于技术，可以说技术和研发人才一直都是企业最重要的人物，只有拥有资深的人才和领先的技术，才能在最短的时间内创造出优秀的网络应用。PHP 技术和相关的人才，正是迎合目前的互联网的发

18、展趋势，PHP 是一个特别优秀且简便的 Web 开发语言，和Linux，Apache，MySQL 紧密结合，形成 LAMP 的开源黄金组合，不仅降低使用成本，还提升了开发速度，符合最新互动式的网络开发应用。 在无孔不入的互联网应用环境下，Web2.0、云计算、物16联网等新概念将不断催生出新的产业和服务。而支撑这些新型产业和服务的技术体系非 PHP 莫属。而随着 3G 和移动互联网技术的兴起，越来越多的 WEB 应用也选择了PHP 作为主流的技术方案。 在与其他同类编程语言的比较中，PHP 具有开发速度快、运行效率高、安全性好、可扩展性强、开源自由等特点；而回顾 PHP 近 10 年来的发展过

19、程、展望未来互联网行业的发展趋势，我们可以得出结论：PHP 的发展势头不可阻挡，必将成为未来 WEB 开发领域的主流技术体系。 -2- 沈阳师范大学本科毕业论文 第 2 章 关键技术介绍 2.1 关键性开发技术的介绍 2.1.1 WAMPSERVER 在 Apache+PHP+Mysql 的环境选用上，我选择了使用WAMPSERVER2.0，这样就可以减少复杂配置环境的过程，进一步的让出精力去研发。在 windows 下将Apache+PHP+Mysql 集成环境，拥有简单的图形和菜单安装和配置环境。PHP 扩展、Apache 模块，开启/关闭鼠标点点就搞定，不用亲自去修改配置文件了，WAMP

20、 它会去做。 2.1.2 PHP PHP，一个嵌套的缩写名称，是英文超级文本预处理语17言（PHP:Hypertext Preprocessor）的缩写。PHP 属于HTML 内嵌语言的一种，可以在服务器端来执行其嵌入的HTML 文档的脚本语言，其语言风格和 C 语言是相似的，已经被广泛应用与网站的编程。PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI 或者 Perl 更快速的执行动态网页。用 PHP 所做出的动态页面和其他一些编程语言之间作比较，PHP 是把程序嵌至HTML 的文档当中去执行，其执行的效率要比完全的生成HTML 标记的 CGI 要

21、高很多；和相同的嵌入 HTML 文档的脚本语言的 JavaScript 作对比，PHP 是在服务器端来执行的，也充分的利用其服务器的性能；PHP 的执行引擎也会把用户经常访问的一些 PHP 程序驻留在其内存当中，其他的用户再一次来访问此程序的时候是不需要来重新编译其程序的，是可以直接来执行其内存当中的相关代码就可以的，这也属于 PHP 一个高效率的具体表现。PHP 有着很强大的功能，全部的 CGI 或 JavaScript 功能 PHP 都是可以实现的，同时还支持全部流行的数据库与操作系统。PHP 早在 1994 年就被 Rasmus Lerdorf 创建出来了，才开始的时候，仅仅是一个简单的

22、用 Perl 语言来编写的程序，是用于统计其自身网站的一些访问者。后来又使用 C 语言来重新编写，包含能够访问数据库。在 1995 年的时候，以Personal Home Page Tools (PHP Tools)就开始对外发表其首18个版本，Lerdorf 写了一些介绍这个程序文档，同时还发布PHP1.0。然后就有大量网站在使用 PHP，于是于 1995 年，发布 PHP2.0。第二版定名为 PHP/FI(Form Interpreter)。PHP/FI 加入了对 MySQL 的支持，从此建立了 PHP 在动态网页开发上的地位。到了 1996 年底，有 15000 个网站使用 PHP/FI

23、；时间到了 1997 年中，使用 PHP/FI 的网站数字超过五万个。而在 1997 年中，开始了第三版的开发计划，开发小组加入了 Zeev Suraski 及 Andi Gutmans，而第三版就定名为 PHP3。2000 年，PHP4.0 又问世了，-3- 沈阳师范大学本科毕业论文 其中增加了许多新的特性。 PHP 优点 (1)学习过程和方法 我个人更喜欢 PHP 的非常简单的学习过程。与 Java 和Perl 不同,你不必把头埋进 100 多页的文档中努力学习才可以写出一个象样的程序。只要了解一些基本的语法和语言特色，你就可以开始你的 PHP 编码之旅了。之后你在编码过程中如果遇到了什么

24、麻烦，还可以再去翻阅相关文档。 PHP 的语法类似于 C，Perl，ASP 或者 JSP。对于那些对上述之一的语言较熟悉的人来说，PHP 太简单了。相反的，如果你对 PHP 了解较多，那么你对于其他几种语言的19学习都很简单了。 你只需要很短的时间内将 PHP 的核心语言特点全部掌握，你可能已经非常了解 HTML，甚至你已经知道怎样用编辑设计软件或者手工来制作好看的 WEB 站点。由于 PHP 代码能够无障碍的添加进你的站点，在你设计和维护站点的同时，你可以很轻松的加入 PHP 使得你的站点更加具有动态特性。 (2)数据库连接 PHP 可以编译成具有与许多数据库相连接的函数。PHP与 MySQ

25、L 是现在绝佳的组合,如果再加上 Apache 服务器,就是相当完美的了。你还可以自己编写外围的函数取间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松的更改编码以适应这样的变化。PHPLIB 就是最常用的可以提供一般事务需要的一系列基库。 (3)可扩展性 就像前面说的那样，PHP 已经进入了一个高速发展的时期。对于一个非程序员来说为 PHP 扩展附加功能可能会比较难，但是对于一个 PHP 程序员来说并不困难。 (4)面向对象 PHP 提供了类和对象。基于 web 的编程工作非常需要面向对象编程能力。 (5)可伸缩性传统上网页的交互作用是通过 CGI 来实现的。CGI 程序的伸缩性

26、不很理想，因为它为20每一个正在运行的 CGI 程序开一个独立进程。解决方法就是将经常用来编写 CGI 程序的语言的解释器编译进你的web 服务器(比如 mod_perl,JSP)。PHP 就可以以这种方式安装，虽然很少有人愿意这样以 CGI 方式安装它。内嵌的PHP 可以具有更高的可伸缩性。 -4- 沈阳师范大学本科毕业论文 2.2 vmware 桌面虚拟化 应用虚拟化解决方案基于虚拟化应用交付平台实现。虚拟化应用交付平台是一个端到端的企业级动态应用交付产品系列，将应用程序和虚拟桌面以按需分配的方式提供给用户，使用户可以从世界任何一个角落安全且高效地连接到集中管理的数据中心。基于 Web 浏

27、览器的客户端以及全Web 化的管理操作，大大简化了应用的部署和管理。通过节省操作费用和提高灵活性来降低桌面管理成本，同时提供给最终用户熟悉的 PC 使用体验，企业级别的桌面可靠性，数据保护和灾难恢复能力。 虚拟化解决方案利用虚拟化与安全接入技术，为用户提供一个涵盖远程接入、应用交付、安全传输与控制、统一管理的整体解决方案。可以为用户提供更快的应用部署，更多的管理方便性，业务敏捷性及业务连续性。为用户提供卓越的应用性能和信息安全，同时降低运营成本，并提21升企业的 IT 服务级别。 -5- 沈阳师范大学本科毕业论文 第 3 章 系统分析 3.1 构架概述 3.1.1 结构设置 根据需求调研结果确

28、定本系统主要包括以下结构，如图 3.1所示。 图 3.1 系统体系结构 3.1.2 系统开发方法 该设计采用的系统开发方法是面向对象的开发方法。面向对象方法是一种把面向对象的思想应用于软件开发过程中，指导开发活动的系统方法，简称 OO (Object-Oriented)方法，是建立在“对象”概念基础上的方法学。对象是通过数据提及容许的操作所组成的一个封装体，和客观的实体是有着直接的对应关系的。所谓的面向对象就是基于对象这个概念，以对象来作为其中心，以类和继承来作为其构造的机制，并且还认识和理解以及刻画其客观的世界与设计以及构建之间的一个软件系统。 对象：对象是要研究的任何事物。从一本书到一家图

29、书馆，单的整数到整数列庞大的数据库、极其复杂的自动化22工厂、航天飞机都可看作对象，它可以表示出一个有形实体，还可以表示一个无形规则和计划以及事件。对象是通过数据与作用在数据的操作所构成的一个独立的整体。从程序设计者来看，对象是一个程序模块，站在用户的角度考虑，对象给其提供了希望的行为。在对内的操作通常称为方法。一个对象请求另一对象为其服务的方式是通过发送消息。 类：类是对象的模板。即类是对一组有相同数据和相同操作的对象的定义，一个类所包含的方法和数据描述一组对象的共同属性和行为。类是在对象之上的抽象，对象则-6- 沈阳师范大学本科毕业论文 是类的具体化，是类的实例。类可有其子类，也可有其它类

30、，形成类层次结构。 消息：消息是对象之间进行通信的一种规格说明。通常是分为三个部分的，接收消息的对象和消息名以及实际变元。 面向对象方法具有这样的特征： 封装性：封装目前属于一种信息隐蔽技术，主要就体现在类的说明，是对象的重要特性。封装让数据与加工此数据的方法封装成为一个整体，以实现其独立性很强的模块，让用户仅仅可以看到其对象的外特性，而对于对象的内特23性来说，是对用户保持隐蔽的。封装的目的在于把对象的设计者和对象者的使用分开，使用者不必知晓行为实现的细节，只须用设计者提供的消息来访问该对象。 继承性：继承性是子类自动共享父类之间数据和方法的机制。它是类的派生一个功能的体现。一个类可以直接的

31、继承其它类所有的描述，与此同时还可以修改与扩充。继承是有着土匪传达室的递性。继职一般可以分单继承与多重继承。类的对象可以说是相对封闭的，假如没继承性的机制，那么类对象当中的数据和方法就可以出现很多重复。继承可以支持系统的可重用性，还可以促进其可扩充性。 多态性：对象按照所接收的一些消息来做出相关动作。同一个消息在给不同对象之间接受的时候可以出现一些不同行动，这样的显现就称作是多态性。利用其多态性用户能够发送一个通用信息，并且把全部实现的细节都留给接受消息的对象来自己决定。多态性的实现受到继承性的支持，利用类继承的层次关系，把具有通用功能的协议存放在类层次中尽可能高的地方，而将实现这一功能的不同

32、方法置于较低层次，这样，在这些低层次上生成的对象就能给通用消息以不同的响应。在 OOPL 中可通过在派生类中重定义基类函数来实现多态性。 面向对象的开发方法是一种全新的系统分析设计方法，适用于各类信息系统的开发。它实现了对客观世界描述到24软件结构的直接转换，大大减少后续软件开发量。并且开发工作的重用性、继承性高，降低重复的工作量，缩短了开发周期。 3.1.3 体系结构 浏览器/服务器(B/S)风格就是 C/S 三层应用结构的一种实现方式，其具体结构为：浏览器/Web 服务器/数据库服务器。B/S 体系结构主要是利用不断成熟的 WWW 浏览器技术，用通用浏览器就实现了原来需要复杂的专用软件才能

33、实现的强大功能，并节约了开发成本。从某种程度上来说，B/S 结构是一种全新的软件-7- 沈阳师范大学本科毕业论文 体系结构。其优点包括：第一，基于 B/S 体系结构的软件，系统安装、修改和维护全在服务器端解决。用户在使用系统时，仅仅需要一个浏览器就可运行全部的模块，真正达到了“零客户端”的功能，很容易在运行时自动升级。第二，B/S 体系结构还提供了异种机、异种网、异种应用服务的联机、联网、统一服务的最现实的开放性基础。其缺点包括：第一，B/S 体系结构缺乏对动态页面的支持能力，没有集成有效的数据库处理功能，B/S 体系结构的系统扩展能力差，安全性难以控制。第二，采用 B/S 体系结构的应25用

34、系统在数据查询等响应速度上，要远远地低于 C/S 体系结构。第三，B/S 体系结构的数据提交一般以页面为单位，数据的动态交互性不强，不利于在线事务处理(OLTP)应用。3.1.4 开发工具及环境简介 该设计所用的开发工具是 PHPCMS V9。PHPCMS V9（简称 V9）采用 PHP5+MYSQL 做为技术基础进行开发。V9 采用 OOP（面向对象）方式进行基础运行框架搭建。模块化开发方式做为功能开发形式。框架易于功能扩展，代码维护，优秀的二次开发能力，可满足所有网站的应用需求。5 年开发经验的优秀团队，在掌握了丰富的 WEB 开发经验和 CMS 产品开发经验的同时，勇于创新追求完美的设计

35、理念，为全球多达 10 万网站提供助力，并被更多的政府机构、教育机构、事业单位、商业企业、个人站长所认可。因此基于以上，最后我选择在 Windows 平台上使用PHPCMS V9 这个软件进行网页设计。 在该选题中我所选择的平台是 Windows 平台。之所以选择它，主要在于它具有以下优点:直观、高效的面向对象的图形用户界面，易学易用；从某种意义上说，Windows 用户界面和开发环境都是面向对象的。用户采用“选择对象-操作对象”这种方式进行工作。这种操作方式模拟了现实世界的行为，易于理解、学习和使用。用户界面统一、友好、26漂亮。 3.2 系统开发环境 硬件环境：VMware 虚拟机 软件环

36、境：windows server 2003 3.3 数据库设计 3.3.1 概念结构设计 概念结构既独立于数据库的逻辑结构，也独立与所使用的具体的数据库管理系统。用来描述概念结构设计的有力工具是 E-R 模型，E-R 模型用 E-R 图表示。 各实体之间关系如图 3.1： -8- 沈阳师范大学本科毕业论文 图 3.2 各角色 E-R 图 所使用到的数据库表：如图 3.3，3.4 图 3.3 数据库表 1 -9- 沈阳师范大学本科毕业论文 27图 3.4 数据库表 2 -10- 沈阳师范大学本科毕业论文 3.3.2 非功能性需求分析 (1)性能需求 局效性 网站应能保证用户正常登录，以及管理员登

37、录进行信息更新。 要求正常情况下用户从发起请求到收到回应时间间隔不能超过 1 秒。对外接口系统处理用户请求最迟不应超过 8秒，系统峰值时可以正常工作。 完整性 该网站的完整性主要体现为身份验证、用户特权级别等。保证信息的准确性，正确性、完整性、该网站的基本功能。可用性 该网站采用友好永华界面，使用户可以很直观，方便的浏览信息，并且获取自己想要的信息。 可维护性 根据该网站长期使用的特性，因此该网站要求有较高的28维护性，具有数据恢复功能、数据库备份。 (2)用户界面 程序将以网页的方式运行： 程序采用图形化的方式显示相关信息； 用户采用向栏目选择方式来进行操作； (3)通信接口 网络通信采用标

38、准 TCPIP 协议； (4)安全设施需求 管理员登录必须输入验证码； 密码不少于 6 位； (5)设计和实现上的限制 开发该网站，根据该学校目前的要求，必须考虑到以下因素： 结合该校的实情及使用习惯； 必须确保该网站安全运行； 要保证网站的服务水平，保证达到新闻网站的作用； 在保证上述条件的前提下，尽量使操作流程简化，操作界面友好化： -11- 沈阳师范大学本科毕业论文 第 4 章 网站设计 4.1 设计指导思想和原则 4.1.1 指导思想 网站的首页可以说必争之地，如果成列的东西太多，那么用户就没有办法快速找到其所需的东西，这样就会很快离开其网站。像国内的一些门户网站，大多数都采用资讯多和

39、页面长的方式，通常的首页什么都放，觉得内容越多29就越大气，实际上用户耐性可以说是相当有限的，因此网页通透性对于国内的网站来说是相当重要的，每一屏架构的变化还是不要放太多为好，主次的内容信息位置需要具有一定的一致性，否则用户每次浏览至下一屏的时候还需要重新去思考应该是从哪里开始，这样用户耐性可以说是会大大的被消耗的，同时还增加其用户浏览的成本，因此网站的首页架构一定要清晰明了，要有较好的通透性，降低用户浏览的成本。 4.1.2 信息排布 门户网站的首页通常来说都会承载很多资讯信息，这样会让用户在浏览网页时出现压迫感，怎样才可以让用户能够顺畅的浏览斌并且还设计当中重要的一环。所以在信息排布的时候

40、到达一定行数时需要用一些留空做到视觉隔离，让视觉上有透气的感觉。 4.2 页面设计 经过研究后，通过 PS 软件，确定了如图 4.1 的效果作为网站的总体设计风格。 -12- 沈阳师范大学本科毕业论文 图 4.1 页面设计 PS 效果图 -13- 30沈阳师范大学本科毕业论文 第 5 章 静态网页部分 5.1 实现方法 5.1.1 DIV+CSS （1） 、让页面的载入变得更快 因为把大多数的页面代码都写在了 CSS 中，让页面的体积容量变小了。和表格那种嵌套方式对比，DIV+CSS 把页面独立成许多区域，在打开页面时，是逐层来加载的。不是表格那样嵌套把全部的都固定到一个大表格内，让加载的速度

41、变得相当慢。 （2） 、降低了流量的费用 页面的体积变小了，浏览的速度也加快了，这就让对于某以些控制其主机流量的网站而言是一个最大优势。 （3） 、修改设计时更有效率 由于使用了 DIV+CSS 制作方法，在修改页面的时候更加容易省时。按照区域内容上的标记，再到 CSS 里去找到一些相对应的 ID，使其修改页面时变得方便，同时还不会破坏其页面其他的部分和其布局的样式。 （4） 、保持其视觉上的一致性 DIV+CSS 一个最重要优势就是保持了视觉上的一致性；以前那些表格嵌套的制作方式，会让其页面和页面，或区域和区域间显示的效果会存在一定的偏差。然而使用了DIV+CSS 的制作方法，就会把全部的页面，或者是全部的