1、规划设计AbstractWith he development of economy and society, the computer has been applied to every field of social life. At the same time, the Internet as a communication bridge between information technology to connect the global computer, and the main bearing web site as a form of network information
2、but also information on the Internet, its important to show its position on the Internet, and play its important role. Whether at home or abroad to rapid development and growth, and peoples attention and concern. The Internet has completely changed the world, hidden world of the Internet, the infini
3、te possibility, in this case, all walks of life and individuals, units, factories, enterprises and institutions and so on to build their own network information platform on the Internet, to protect their cyber source and open up their markets and consumer groups on the Internet, and to construct the
4、ir own digital world and strengthen the different geographical link people exchanging activity worldwide are increasingly important. Then a variety of sites such as bamboo shoots after a spring rain like dragons and fishes jumbled together and uneven, some good and some bad appearance. Wide spread a
5、nd application of the rising Internet and network information to Webpage as carrier, the construction and Webpage website development space, to large enterprise product marketing, after sale service, solution, and personal Web page development, of every hue, a riot of colours, website construction a
6、nd Webpage production has become the most popular the topic of computer network.Keywords: ge-soft CMS; website construction; internet; plan and design引言随着Internet的诞生和发展，网络正在改变整个世界，由于Internet具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，而将教育和网络相结合，将会更好的推动教育的发展。现在不仅很多大学和众多企业部门都已经建立了自己的网站，而且个人网站也如雨后春
7、笋般大量的出现，通过计算机网络实现宣传、交流及资源的整合。许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。1.1 项目背景网站已经成为一个有实力的公司必须有的一项，现在发展的网络已呈现商业化、全民化、全球化的趋势。因此企业就让我为他们做一个好
8、的网站。目前，几乎世界上所有的公司都在利用网络传递商业信息，进行商业活动。从宣传企业、发布广告、招聘雇员、传递商业文件乃至扩展市场、网上销售等、无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展，企业规模的进一步扩大展，对企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下，越来越多的企业利用起网络这个有效的工具。全球范围内的企业内部组织正在发生巨变，未来企业成功的关键的依靠企业人力资源，人才之争已经成为市场竞争中的核心内容之一，以人为本成为企业立足和发展的根本。有效管理企业的人力资源，为企业提供强有力的储备力量，使之成为企业发展的主动力。通
9、过人力资源的有效管理，掌握最新的、准确的企业人力管理信息，并对其进行复杂的统计与分析，从而充分发挥每个员工的潜能，为企业创造更大的价值。树立全新企业形象对于任何一个企业而言，企业的品牌形象至关重要。特别是对于互联网技术高度发展的今天，通过人力资源管理的网站，员工可以通过网站侧面的了解企业形象及企业实力，因此，建立具有国际水准的网站能够极大的提升企业在员工心中的整体形象。建站技术现状及设计目标1.2 快速建站技术分析任何技术的进步是都为了让事情变得更加简单，网站建设也一样，随便互联网技术的发展，出现了一批很方便的快速建站软件（也叫网站系统），这些软件其实就是一个已经制作好的成品网站，只需要用户去
10、使用或去调出来就可以，用户基本不需要掌握什么基础就可以做一个网站，所以我们完全可以借助这些系统来建立我们自己的网站，这样即省时，省心，也省力。每种软件都会有官方网站，如果有不懂地方可以到官方网站看使用帮助，或者到官方论坛和其他使用者交流求助，当你熟练使用后你会发现网站制作其实是一个很容易的事情。当然网站要好看，上面还会有一些图片，动画等来装饰，起码网站的标志图片我们要自己设计吧，这就需要对应的图像处理软件和动画制作软件。图像处理软件有大名鼎鼎的Photoshop，还有轻量级的Fireworks。这两个学习其中一种就差不多了，动画制作软件flash，下面分别介绍。Photoshop是由Adobe
11、公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。Fireworks是由Macromedia公司开发的图形处理工具，因为 Fireworks是第一套专门为制作网页图形而设计的软件。能够自动切割图像、生成光标动态感应的JavaScript。Fireworks具有强大的动画功能和一个相当完美的网络图像生成器。Flash是美国Macromedia公司开发的矢量图形编辑和动画创作的专业软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起
12、，以制作出高品质的网页动态效果。它主要应用于网页设计和多媒体创作等领域，功能十分强大和独特，已成为交互式矢量动画的标准，在网上非常流行。Flash广泛应用于网页动画制作、教学动画演示、网上购物、在线游戏等的制作中。本网站的制作使用的是格微CMS软件，它上手快，操作简单方便，而且所有的东西都是开源的，制作完了以后，客户也能很快的操作，让一些不懂网站的人很快的熟悉起来。1.3 系统设计目标随着经济的发展，企业正向着大型化，规模化的方向发展。企业的信息数量急剧增加，有关企业的各种其他信息量也成倍增长。在这种情况下单单靠人来处理这些信息是不实际的，工作量将很大，处理将变得不可想象。用计算甲搭建一个网络
13、平台可以使人们从繁重的劳动中解脱出来，仅使用一些简单的操作便可及时，准确的获得需要的信息。该系统的具体任务就是让管理者能够轻松的完成一系列诸如增加信息，删除信息，变更信息，查询想要的信息等操作。这样就能是管理者轻松的完成处理各种信息的任务，是企业信息管理系统化，规范化，自动化，从而达到提高企业管理效率的目的。设计的指导思想是一切为用户着想，界面要美观大方，操作尽量简单明了，而且作为一个使用的应用程序要有良好的容错性，在用户出现错误的操作时能尽量的及时的给出警告，以便客户及时改正。1.4 快速建站创新点栏目不再是死板单调的固定格式，用户可以自己命名一个栏目的名称，做自己想做的事。每个栏目都有智能
14、适应能力，创办自己的站点，组合最优秀的栏目。可视化拖放式建站模式，网站各个网页各个模块都可以在可视化界面里随意创建、修改、删除。通过鼠标甚至可以在触摸屏下用手指随意拖放到自己满意的位置，提高用户建站体验。 全站静态化，系统在后台将设计好的网页自动发布为静态网页。 动态网页对数据库的频繁读取与程序运算的消耗，占用了很大的服务器资源，影响网页的响应速度。而采用全站静态化，直接去除了读取数据库的操作，也无需程序进行解析，较少了环节，更减少服务器资源的消耗，提高网站反应速度。从网站优化来分析，搜索引擎更喜欢静态的网页。静态网页与动态网页相比，搜索引擎更喜欢静的，更便于抓取，搜索引擎SEO排名更容易提高
15、。系统与网站的分离，分离后的网站数据库完全独立，并且可以下载网站源文件，实现由智能建站到手工建站的转换，可以随意进行二次开发，随意更换服务器控件。用户可以通过鼠标，手指轻松建设适合移动中断如平板电脑、手机访问的网站，操作就如同建设传统网站一样简单方便快捷。 f. 新一代云技术智能建站可以替代编程工具进行建站开发，对于编程一窍不通的人，只要会打字，便能自己亲手建设自己喜欢的网站。而对于编程非常熟悉的程序员，同样可以使用该系统进行网站建设、编辑。并且更节省时间和精力。所开发的网站与手工开发的网站同样具有扩展性强，完全个性化等特点。关键问题及关键技术分析1.5 研究设计中的关键问题本网站前台部分主要
16、有Fireworks和Adobe Dreamweaver CS4软件技术完成。首先的问题是网站整体的机构设计，一个好的网站设计者，设计开始时必须设计一个合理的网站效果图，这需要采集大量的信息和图片以及一些影像资源。其次要使用Adobe Dreamweaver CS4来给网站进行排版设计，通过html语言来实现效果图所设计的效果，实现最好的效果。本网站的后台部分主要有格微CMS软件技术完成。首先的问题是了解和掌握格微CMS软件的正常运行，实现快速建站的各种需求。其次把前台用Adobe Dreamweaver CS4所设计的网站加载到帝国里面，在格微CMS里实现效果的各种样式，信息，图片等。1.6
17、 具体实现中采用的关键技术1.6.1 Dreamweaver技术Adobe Dreamweaver，简称“DW”，中文名称梦想编织者，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Micromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweav
18、er了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎Presto 作为网页预览。1.6.2 HTML+CSS技术HTML是用来描述网页的一种语言,HTML 指的是超文本标记语言,HTML不是一种编程语言，而是一种标记语言,标记语言是一套标记标签,HTML 使用标记标签来描述网页。CSS它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。需求分析1.7 用例图用例图用来描述系统与参与者之间的相互作用，也可以说它是从用户角度出发对如何使用系统的描述。首先要理清下面几个概念。角色：角色代表了某一事件发生的参与者，他
19、用一个小人表示。在通常的网络项目中，角色常被用来代表使用网站的用户，但角色的作用并不局限于此，它也可以用来代表与系统交互的其他实体。用例：用例代表系统可以实现的功能，通常一个用例代表一组功能，它实质上规定了系统实现功能的范围。在实际项目开发过程中，一个项目中往往涉及很多个用例，此时需要将其分解成若干个子系统实现，以便于理解。在UML中，用例用一个椭圆表示。如下图4.1所示。图1.1 平台用例图1.8 网站功能本网站是企业类型网站，具有如下几个功能：（1）建立企业形象，本网站良好的诠释了企业发展，结构以及一些企业的产品；（2）本网站上的图片，文字等信息可以随意的更改，想要什么样的类型就可以改成什
20、么样的；（3）本网站的标签技术是非常好的，通过标签的利用可以减少网站的大小，以及占用的资源；（4）产品管理，如果产品品种较多并且不断有新产品推出，为便于网站信息维护，需要设计产品管理功能，实现产品资料的增加、删除和修改；（5）广告管理，企业网站内有一些很有价值的广告空间，广告管理系统用于站内各种网络广告资源的管理，如广告的更换、点击情况统计等；（6）模板管理，模板管理为改变网页的布局、颜色、样式等提供了方便，可以通过更换模板实现网站风格的改变。具体如图4.2所示。图1.1 功能模式图1.9 可行性分析可行性分析是通过对项目的主要内容和配套条件，如市场需求、资源供应、建设规模、工艺路线、设备选型
21、、环境影响、资金筹措、盈利能力等，从技术、经济、工程等方面进行调查研究和分析比较，并对项目建成以后可能取得的财务、经济效益及社会环境影响进行预测，从而提出该项目是否值得投资和如何进行建设的咨询意见，为项目决策提供依据的一种综合性的系统分析方法。可行性分析应具有预见性、公正性、可靠性、科学性的特点。为了确定开发具有可行性，对本平台主要进行了以下三方面的分析。1.9.1 操作可行性操作可行性主要是指用户使用的舒适性，因此界面设计时要充分考虑管理人员的习惯，使得操作简单便宜，数据录入迅速、规范、可靠，统计准确，制表灵活，适应力强，容易扩充。具有易用性、灵活性、开放性与可视性等，这些基本都可以实现。平
22、台运行后，用户不必关心系统内部结构及方法实现，即对用户透明，操作简单，易于理解，只需通过简单熟悉，上手较快，运行环境要求低，教职人员可熟练使用。1.9.2 技术可行性就目前使用的开发技术来说，系统的功能目标能够达到；利用现有的技术在规定的期限内开发工作基本能够完成。本网站在各种系统操作下均可显示。客户只需要在格微CMS软件的后台输入要发布的信息即可。1.9.3 经济可行性经济可行性分析中最重要的内容之一是成本效益分析。对于一个基于计算机系统的研制项目要在经济方面评价其是否合理，成本效益分析要估计出系统研制开发的花费并与收益（包括有形的货币计数的以及无形的利益）衡量比较。因格微CMS等软件开源免
23、费，平台方案成本小，无需太多的资金投入，其运行与后期维护费用较少，投入使用后，节省了大量人力、物力、时间等资源。从经济角度考虑，平台开发可行。1.10 系统开发环境1.10.1 硬件环境计算机型号：联想Pro 3330 Micro Tower处理器：Intel酷睿2安装内存（RAM）：内存4.00GB（2.91 GB可用）系统类型：64位操作系统硬盘：50G以上1.10.2 软件环境操作系统： Linux、Windows、FreeBSD、Windows 7 应用服务器：Apache数据库：MySQL 开发环境：Adobe Dreamweaver CS4、Adobe Photoshop CS4、
24、格微CMS 浏览器推荐：Google、Firefox、IE7外无特殊要求网站仿制分析1.11 核心页面仿制分析网站仿制第一步是选择目标网站。 网站仿制是网站建设的一种，其最大意义在于借鉴和吸取其他网站的有点。所以目标网站的选择十分重要。如果你想要仿制一个网站，首先要考虑的是这个网站有哪些可以借鉴的地方。通常情况下，希望网站仿制的朋友是看中了目标网站的盈利模式、界面风格、优化结构等等因素，在网站仿制之前需要将目标站希望保留和删除的地方确定下来。有了明确的目标，才能保证网站仿制工作的顺利进行。 但是根据自己多年的网站仿制经验来看，大多数希望仿制网站的朋友只是看中了这个网站的界面比较漂亮而已。1.1
25、2 主要内容类型产品（服务）查询展示型网站是本类网站核心目的是推广产品（服务），是企业的产品“展示框”。利用网络的多媒体技术，数据库存储查询技术，三维展示技术，配合有效的图片和文字说明，将企业的产品（服务）充分展现给新老客户，使客户能全方位的了解公司产品。品牌宣传型网站是本类网站非常强调创意设计，但不同于一般的平面广告设计。网站利用多媒体交互技术，动态网页技术，配合广告设计，将企业品牌在互联网上发挥得淋漓尽致。本类型网站着重展示企业CI、传播品牌文化、提高品牌知名度。企业涉外商务网站是通过互联网对企业各种涉外工作，提供远程、及时、准确的服务，是本类网站的核心目标。本网站可实现渠道分销、终端客户
26、销售、合作伙伴管理、网上采购、实时在线服务、物流管理、售后服务管理等，它将更进一步的优化企业现有的服务体系，实现公司对分公司、经销商、售后服务商、消费者的有效管理，加速企业的信息流、资金流、物流的运转效率，降低企业经营成本，为企业创造额外收益，降低企业经营成本。网上购物型网站是通俗的说，就是实现网上买卖商品，购买的对象可以是企业（B2B），也可以是消费者（B2C）。为了了确保采购成功，该类网站需要有产品管理、订购管理、订单管理、产品推荐、支付管理、收费管理、送发货管理、会员管理等基本系统功能。本类型网站可以开辟新的营销渠道，扩大市场，同时还可以接触最直接的消费者，获得第一手的产品市场反馈，有利
27、于市场决策。政府门户信息网站是利用政务网（或称政府专网）和内部办公网络而建立的内部门户信息网，是为了方便办公区域以外的相关部门（或上、下级机构），互通信息、统一数据处理、共享文件资料而建立的。沟通交流平台是本系统采用利用互联网，将分布在全国的生产、销售、服务和供应等环节联系在一起，改变过去利用电话、传真、信件等传统沟通方式。可以对不同部门、不同工作性质的用户建立无限多个的个性化网站;提供内部信息发布、管理、分类、共享等功能，汇总各种生产、销售、财务等数据;提供内部邮件、文件传递、语音、视频等多种通信交流手段。1.13 所需模块本网站的总模块分为三个大部分，第一部分为导航栏，第二部分为图片区，第
28、三部分为网站的各种信息。导航栏总共有八个模块，有集团概况，新闻中心，企业文化，党群建设，产品展示，营销服务，人才招聘，互动中心。网站的中间是用企业形象的一个大图展示，标志着企业光辉形象，使得商家认可企业。网站的下部分有集团公告，新闻中心行业资讯和产品展示等详细的信息。1.14 主题我们就从色彩说起，第一个红色色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。第二个黄色性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。第三个蓝色色感较冷，性格朴实而内向，是一种有助于人头脑冷静的颜色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、
29、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。第四个绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。第五个紫色明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。第六个白色色感光明，性格朴实、纯洁、快乐。第六个白色，白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。在白色中混入少量的蓝，给人感觉清冷、洁净。在白色中混入
30、少量的橙，有一种干燥的气氛。在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。在白色中混入少量的紫，可诱导人联想到淡淡的芳香。对于一般网站的界面布局来说首页分为头部（最上面的，一般用来显示公司LOGO及名称），内容部分：最上面有一行菜单栏，用来显示整体网站的栏目，下面是首页的内容，可分为左中右排版，左边一边是会员登陆，友情连接等等,中间的是公司介绍，分类信息显示，右边可以添加适当内容,尾部：公司的联系信息，地址电话邮箱等。1.15 用户角色与权限用户限定为普通用户只能对本网站上传，修改，添加，查询有关于企业的信息。而对网站的平面设计效果是没有权限进行修改的。1.16 主要结构类型第一个星型网络结构，在星型网络结构中各个计算机使用各自的线缆连接到网络中，因此如果一个站点出了问题，不会影响整个网络的运行。星型网络结构是现在最常用的网络拓扑结构。第二个环型网络结构，环型网络结构的各站点通过通信介质连成一个封闭的环形。环形网络容易安装和监控，但容量有限，网络建成后，难以增加新的站点。因此，现在组建局域网已经基本上不使用环型网络结构了
