镇江财经学校网站建设(PHP)论文.doc

镇江高专 ZHENJIANGCOLLEGE 毕业设计(论文) 财经商贸学院网站设计 系名：（四号宋体） 专业班级：（四号宋体） 学生姓名：（四号宋体） 学号：（四号宋体） 指导教师姓名：（四号宋体） 指导教师职称：（四号宋体） 年月 摘 要 在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，因此网站建设在Internet应用上的地位越来越重要了。目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大。现在虽然有很多网站，但版面千篇一律，缺乏个性化、前瞻性，页面设计混乱，不利于用户查看，网站的交互性比较差，因此我针对以上问题设计一个个性化的网站。的目标是做一个简单、页面清晰、内容相对全面、具有个性化、能给用户带来视觉的网站。 关键字 网站 目录 摘 要 2 一、绪论 5 1.1 网站设计概述 5 1.2 网站设计发展方向 5 二、网站分析 5 2.1 网站的布局 5 2.2 网站颜色 10 2.2.1网站整体颜色分析 10 2.2.2 色彩的分析 11 2.3网站开发工具和开发语言 15 2.3.1网站开发工具 15 2.3.2网站的设计语言 16 2.3.3 Joomla介绍 16 2.3.4 网站的运行环境 17 三、网站的设计与实现 17 3.1 网站设计流程 17 3.2 页面结构 17 3.3 设计介绍 18 3.3.1版式设计 18 3.3.2色彩设计 18 3.3.3网页风格 18 3.3.4网页字体 18 四、网站设计过程 19 4.1搭配网站环境 19 4.2安装joomla 20 4.3编辑网站内容 23 4.4模版及模块编辑 25 4.5网站内容调用 33 4.6网站核心代码 34 五、网站介绍 56 六、结论 61 参考文献 62 一、绪论 1.1 网站设计概述 简单来说，网站设计的目的就是产生网站。简单的信息如文字，图片（GIFs， JPEGs，PNGs）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。 1.2 网站设计发展方向 网站设计的发展方向，笔者认为主要是朝响应式web设计方向发展。在各种终端纷纷呈现在人们面前的时候，响应式已经成为一个网站必须要考虑的问题了。 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用“大势所趋”来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。 当然，响应式布局是有一定缺点的，虽然解决了自适应设备、自适应分辨率的大问题，也出现了代码累赘、加载时间稍长等不利因素。 二、网站分析 2.1 网站的布局 1.网站显示的样式 根据屏幕的显示来分类，我们平时所能看见的网站基本分为两类，一种就是占据整个屏幕的全屏显示，适用于管理类的网，如图2.1所示；另一种就是所要显示的内容居于屏幕中央的局部显示，这类网站是最常用在客户端的显示布局，一般该种网站的主内容宽为960px或者980px，如图2.2所示： 图2.1全屏式网站（四川大学锦城学院教务网） 图2.2 宽960px的网站（中关村在线） 2.网站版面布局 其实网页布局就类似与我们在日常生活中常看见的杂志的排版，只不过网页版面中出了既有的文字以及图片外，还有可能有动态图片以及动画等等。作为版面的基本，它与杂志一样，文字分大小，文章分标题与正文，图片也是分大小，例外的就是同时还分着静态与动态。如果我们不把网站的布局按照杂志一样进行一些排版，只是单纯的将文字和图片这些堆砌在一起，这样就让我们看网页时感觉到杂乱无章，无处着手。因此，我们需要根据网站内容的需要，将这些文字、图片以及动画来进行一个简单合理的布局和编排，使其组成一个有机而不杂乱的整体展示给用户。 那么我们在进行网站版面布局时需要有以下几个要点要注意： ①整体布局，和谐统一。这样才能使整个界面处于一种均衡状态，产生和谐的美感。 ②主次分明，中心突出。这是考虑到了我们的视觉方面，一般我们看网页时看中间大体部分，所以我们要做到主次分明，不能颠倒主次。 ③疏密有度，错落有致。在界面上，该留空白的留空白，该多内容的多内容，这样才能形成鲜明的视觉效果。 3.常用的版面布局类型 (1)“国字”型布局 “国”字型：也可以称为“同”字型