php信息与电子工程系网站设计

1.   本课题所涉及的问题在国内(外)的研究现状综述       当今社会信息技术高速发展，越来越多的信息通过WEB来传送着，共享着。不过与此对应的许许多多的问题也接踵而至，很多企业网站普遍都存在以下一些问题： （1）    仅仅停留在发布企业形象和产品信息上      许多公司在导入信息化过程，最早想到的就是把公司产品、业务简介、公司促销活动等信息贴在公司网站上。这样的做法充其量只是多个电子公告板而已，根本没有发挥网络的互动功能。由于传统产业经营者大多生性保守，因此对于主动出击的建议大多会瞻前顾后。其实，网站架设应由网络营销角度出发。换句话说，是否可以透过网络，在现有营销通路以外，提供一个企业与消费者之间直接接触与沟通的渠道，提供企业另一种销售模式机会。因此，传统产业要的网站，应该由营销主管角度优先思索。第二个角度就是从管理角度去思索，例如公司在全省拥有许多营业网点或分公司，各种网点之间的公文传递或资源分配是否可以透过网站，以提高经营绩效。 （2）    在页面中塞满图片、Java程序、Flash、音乐等    其实就目前上网速度来看，网页如果加上太多的FLASH或FLAME，或挂上太多图片，势必影响传输速度，这样对普遍缺乏信心的客户而言，很容易就因为不愿耐心等候下载完毕，而选择中途跳开。如此一来，再漂亮的网页也不会有人看！现在愈来愈多客户都会选择实用网站，而不愿选择太花哨的网站。因为实在没有耐心等待像SHOCKWAVE程序那么长的下载时间；另外一个干干净净、条理分明的网页比较容易阅读，客户可以在很短时间找到他要的信息，不必被太多视觉污染所干扰。所以企业的网页不需要太多美工，因为要看漂亮的图片，客户自然有合适网站可以上，不必浪费客户下载的时间与金钱。 （3）    很长时间都不更新一次      如果一个网站的资料一个月才更新一次，请问谁会有兴趣上这个网站？当然资料更新与维护需要成本，因为我们不是在做一个入口网站或专业网站，不需要每天更新；如果能做到每周更新或每两周更新，并在网站上注明更新时间或预告下次更新时间，将有助于告知客户何时可以上网来取得最新资讯。另外所谓活网站的“活”，也是指需具备与客户互动机制，例如邮件列表系统、留言板或客服系统等，当然不需样样功能都具备。必须针对网站的定位，选择适时机制；同时对于客户所提意见的处理，也需及时，不能让客户对网站失去信心！ （4）    没有建立起很好的用户电子邮件组 这一点非常重要！！！如果你没有通过电子邮件组与你的客户及潜在客户保持联系的话，你实际上是在把钞票当废纸扔。 　　 人们只从他们知道并信任的人那里买东西，而向他们展示你很能干正是让人们信任你的最佳途径。维护好一个更新信息电子邮件组可以让你始终与客户保持联系。你可以通过它发送站点更新通知或新产品消息。你永远不用担心他们会忘记你，因为你的名字或品牌总在最前面。你甚至可以卖广告。但别忘了最重要的一点：你要建立起人们对你的信任并保持良好的用户关系。    （5）   将宝贵的时间浪费在无益的工作上 对一名互联网市场推广人员来说，最宝贵的财产就是时间，有时候时间比金钱更重要。而时间又是很有限的资源，所以你必需分出轻重缓急。如果你不知道什么是重要的市场活动、什么不是，那你就是在浪费宝贵的时间。 　　有人将搜索引擎奉为法宝，甚至有人想只要在搜索引擎搜索结果中排到前10名，就能一夜成名。这只是个神话罢了，别将你的宝贵时间浪费在那上面。
你应该特别注意的一件事情是尽量使你每天的工作尽可能自动化，包括履行订单。要想在网上取得成功，你还必须将你大部分时间花在做广告及做市场营销上面。 （6）   人家有什么我也要有的观念 许多企业老板常说你看我的竞争对手XXX的网站多棒，什么功能都有，网页又漂亮，赶快帮我搞个更漂亮的网站来跟他拼一拼！这样想法真是可悲，网站不是做来好看的，也绝对不是在比谁的网站漂亮！真正关键在于你希望网站，能提供哪些实用的功能？只要做出来的网站能够满足当初设计构想，能帮企业缩短作业流程的时间或提高工作效率，这就是一个有用的网站。尤其是如果你自己的想法一变再变，不管你的网站是委外制作或由公司IT人员自行建置，碰到这样的老板，这个网站想要成功的机会将微乎其微。
2.   设计(论文)要解决的问题和你采用的研究方法   在这个Internet时代，WWW网站到处都是。网站的目的是为别人提供所需的信息，这样人家才会愿意光临，网站才有其真实意义，但有太多网站显然忘了这个目的，复杂的创意技巧跃居主角，内容信息反而沦为末端。不可否认，优异的网站比比皆是，但令人不予置评的网站还是到处都找得到。显然，不管是网站提供者还是广大的使用者，大家都迫切需要知道好的网站好在哪里，或者符合所谓好网站的条件是什么？当前大多数网站都会犯的通病又是什么？他们所缺少的东西又是什么呢？ 1.使用者优先的观念 无论什么时候，不管是着手准备设计网页之前，正在设计之中，或者已经设计完毕，有一个最高行动准则一定要牢记在心，那就是∶使用者优先。因为没有使用者去光顾， 任何自认再好的网页都是没有意义的。 2.内容第一 “内容永远第一“，这句话适合书本，更适合网络上的网页，而且几乎每个参与提供意见的人都举双手赞成这句话。没有内容的书本已经够令人讨厌， 但至少您还可以很快判断出来，而网页呢？您可能得耗费一整个晚上的时间与金钱，才会发现原来网站里根本没有您要找的东西，这种痛苦真不是三言两语可以形容。内容可以是任何东西，包括文字、图片、影像、声音等等，但请记住一点：一定要跟这个网站所要提供给人的讯息有关系。再提醒一次∶内容永远第一！       3. 着手规划、确定特色、锁定目标 不管做什么事，一定要进行规划，建置网站更是如此。规划时必须确定自己网站的性质、 提供内容、目标观众，然后根据本身的软硬件条件来设置范围。网络的特色是及时、新鲜、丰富、热闹， 这是吸引大家上网的条件，如果本身条件强大，可以根据上述原则使自己网站成为一个全方位的信息提供者，如果不足，就成为单方面的提供者；此外，还可以在特殊议题或主题上加以突出，进一步锁定目标观众。     4. 分类合理 内容的分类很重要，方法也要掌握。可以按主题分类、按性质分类、按机关组织分类，或按人类思考直觉式地分类等等，一般而言，按人类的直觉式思考会比较亲切。但无论哪一种分类方法，都要让使用者可以很容易找到目标。而且分类方法最好尽量保持一致，混用多种分类方法容易让使用者搞混。此外，在每个分类选项的旁边或下一行，最好也加上这个选项内容的简要说明。 5.尽量少使用Flash插件 虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 　　但是，最好还是取消使用Flash做各接口的想法。如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。 6. 版面布局 一般来说，企业网站首页的布局比较灵活，着重设计，这里我所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单，即内页的一栏式版面布局，从排版布局的角度而言，我们还可以设计成等分两栏式、三栏式、多栏式，不等分两栏式、三栏式、多栏式等等，但因为浏览器宽幅有限，一般不宜设计成三栏以上的布局。
在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。比较多的情况是采用顶部放置必要的信息，如公司名称、标志、广告条以及导航条，或将导航条放在左侧而右侧是正文等等，这样的布局结构清晰、易于使用。当然，您也可以尝试这些布局的变化形式，如：左右两栏式布局，一半是正文，另一半是形象的图片、导航；或正文不等两栏式布置，通过背景色区分，分别放置图片和文字等等。在设计中注意多吸取好的网站设计的精髓。 7.即时、更新、维护 不要忘记，大家都想看新鲜的东西，没人对过时信息有兴趣，所以资料一定要注意即时性。有些网站半年没更新，感觉就像一池死水。如果想要经营一个带有即时性质的网站，除了注意内容外，资料还要记得每日更新。建议不妨每隔一阵子就对页面设计做一次小翻新，时时保持新鲜感。最后，须考虑的就是事后维护管理的问题，写网页很简单，但维护管理就比较繁人，它的工作往往偏重属重复而死板。个人性质的网站在维护管理上比较简单，但公司网站如此不仅加快网页的传输，而且可以让使用者判断是否继续进入观看。
	3.   本课题需要重点研究的、关键的问题及解决的思路   a)      在用色方面 目前国内网站设计中最突出的问题就是用色！很多国外网站的整体配色的协调性与风格的一致性往往令人惊奇，相比之下，国内站点在设计中并不注重这些方面的表达，网页颜色数量过多、互不相干的两种色彩放在一起、搭配不协调，缺乏统一的风格。由于这次要做的网站是校园网站，我们打算用一种比较单一淡雅的颜色作为网页的背景色，与网页上的内容有个比较鲜明的反差，那样当人们浏览该网页时，不仅在视觉上给其以享受，而且他们也能在很短的时间内就找到自己想要找的东西。 b)      在图片处理方面、     目前网站设计在图片处理方面主要存在以下几个问题： ①    处理手法简单、缺乏设计思想 ②    存储方式、存储格式有问题，导致图像色彩失真、字节过大 ③    图片太多　 对于问题一，我想通过一些专业的图象处理软件，如photoshop，coreldraw，fireworks来进行细致的处理效果会相当好。并且要转变思想，不能把网页中的图片仅当作是其中的一种点缀。网页中图片的真正意义在于深化网站的思想，反映网站的统一形象，加深浏览者对网站形象的记忆，并使他们更快速掌握网站的内容。 对于问题二，要明白所做的网站以后的用途是什么，因为对一些产品的销售网站，产品的很多特性在产品的图片上就能很直观的展现出来。所以，这些网站上的图片要求必须细腻，清晰。为了避免图像色彩失真，建议用压缩率不是很高的图片存储格式。 对于问题三，如果网页里图片很多，势必延长下载时间。对于那些视时间如金钱的人来说，显然不会久等。所以在网页中适当的加以图片的修饰很重要，尽量争取做到在合适的地方出现合适的图片。 c)      在动画使用方面 网页中使用动画我们无可厚非，这也体现了网络交互性的一个方面，但问题是在网页中胡乱地加入一些互不相干的动画，美其名曰是活跃页面，吸引人，其实那些纷乱的动画会扰乱浏览者的阅读视线，影响浏览者的心情，而最终导致离开！解决的办法：建议在动画方面最好找专业人士帮忙设计符合自己网站风格的动画，为自己的网站添光加彩，而不是胡乱堆放一气，扰乱浏览者的视线。 d)      考虑使用者的浏览器 由于使用者本身所处的环境不同，他们上网浏览信息的浏览器也不同。想要让所有的人都可以毫无障碍地观看自己所设计的网站，必需考虑使用者的浏览器软件，并且最好能使用所有浏览器都可以阅读的格式。如果想要展现自己的高超技术又不想放弃一些潜在观众，可以考虑在主页中设置几种不同的观赏模式选项（例如纯文字模式、Frame模式、Java模式等等），供浏览者自行选择。 e)      导航的设计 基本上，网站都认识到了导航的重要性，但在导航的设计方面却很少有自己特色的导航。将导航的设计融入整个网站设计中，而不是将他们孤立。另外要注意的一点是：导航要合理、方便地去任何地方，又能方便地返回，并避免将内容藏的太深。好的导航设计能节约浏览者的时间，并能在最短的时间内让他们找到想要的东西。 f)         统一的问题 统一包括很多方面：色彩，内容，布局等。适宜而统一的整体色调很容易在浏览者头脑中形成一种连续的记忆，同时也是对一个网站的最基本的要求。内容与主题的
	统一能让浏览者节省很多的时间与精力。布局的一致性能让网页显得有条有理，结构清晰。 g)        速度的问题     页面下载速度是一个优秀网站的第一要素。人们浏览网站总是为了获取某些需要的信息，在目前网络速度相当缓慢的条件下，更应该为节省访问者的时间精心设计。页面下载速度是网站留住访问者的关键因素，所以在网页设计的时候，尽量不要放置一些大容量的图片，因为那样会大大加大下载时间。如果技术允许的话，可以用一些优化技术及时地优化网页。
	4．完成本课题所必须的工作条件(如工具书、实验设备或实验环境条件、某类市场调研、计算机辅助设计条件等等)及解决的办法   本课题涉及到的内容参考的书籍如下：   网站开发新动力 HTML JavaScript ASP网页开发秘芨     北京希望电子出版社 PHP高级开发技术与应用                              清华大学出版社 WEB前沿设计实例教程                                电子工业出版社   数据库系统原理教程                                  清华大学出版社 网络数据库开发实践 ASP与电子商务                  中国铁道出版社 CorelDRAW 9中文版 广告平面设计                     人民邮电出版社 CorelDRAW 9 ﹠Photoshop 6.0 双向实战手册            国防工业出版社 精美图象创意设计实例精粹                           人民邮电出版社 Flash MX 网络动画设计师 特训班 2004                四川电子音像出版中心   制作的环境：   利用Macromedia Dreamweaver制作主页及其他网页，利用CorelDRAW与Photoshop处理网页上的图片，利用MYSQL或者ACCESS制作后台数据库，利用Macromedia Flash MX 制作网页上的flash。    利用PHP与MYSQL制作网页与数据库，测试平台UNIX或LINUX    或利用PHP与ACCESS制作网页与数据库，测试平台 Windows IIS   本课题在制作中可能会碰到的问题：   ㈠用PHP与MYSQL制作好的后台数据库很难连接得上，在测试平台UNIX或LINUX下很难测试成功，重复不断地测试需要花费大量的时间与精力。   ㈡制作好的网页会由于不同的浏览器呈现与当初设想有较大的出入的状态。包括内容的不规则分布，字体大小不一致，图象显示不理想等等。   ㈢由于某些技术方面的原因或软件之间的不兼容原因，导致网页上的flash或其他的内容不能正常显示。   ㈣由于技术以及其他方面的原因，导致数据库运行不正常，或时正常时不正常。   解决的方法：   在细致做好网页的同时，能不断地与老师交流碰到的问题，老师也能就一些可能会遇到的问题，提前指导我们，使我们能尽量避免走歪路。就一些技术性的问题，如PHP与MYSQL制作好的后台数据库在UNIX或LINUX下测试不大容易，老师能提供尽可能的给我们以强大的支持、帮助。可以的话，现场给我们以演示。
	5．设计(论文)完成进度计划     5月13日开始系网站的设计，随即开始毕业论文的编写   5月14日~5月24日初步完成系网站框架的搭建，色彩的设定，以及内容的编辑   5月25日~6月5日大致完成网页内数据库的连接   6月6日~6月8日测试网站是否能正常运行以及后台数据库能否正常工作   6月9日~6月13日设计进入扫尾阶段，对网页上的内容进行修整和优化，使其能运行的更好   6月14日 完成课题制作并且完成毕业论文的编写，准备进行毕业答辩
	6．指导教师审阅意见                                 指导教师(签字)：　　　　　　                    年 月 日
	7．教研室主任意见                                         教研室主任(签字)：　　　　　      系(签章)                       年 月 日

 

说明：

1.本报告必须由承担毕业设计(论文)课题任务的学生在接到“毕业设计(论文)任务书”、正式开始做毕业设计(论文)的第2周或第3周末之前独立撰写完成，并交指导教师审阅。

2.每个毕业设计(论文)课题撰写本报告一份，作为指导教师、教研室主任审查学生能否承担该毕业设计(论文)课题任务的依据，并接受学校的抽查。

 

摘 要

 

 

信息与电子工程系网站开发简介

 

不知不觉互联网已经走入了寻常百姓的生活中，几年前还是以高新科技的面目出场的电脑，早已成为了日常家用电器了，高贵的“拨号上网小姐”也被和蔼的“ADSL先生”给征服了。生活在互联网时代的人们，也改变了数以千年的获取信息的途径，书本在生活中的地位每况愈下，据统计现代人大约70％的信息量是从网络上得来的，传统的书本只占了20％的信息量。特别是我们这伴着互联网长大的这一带，上网已经成为我们生活中必须品了。

 

随着我们学校与衢州职业技术学院的合并，衢州学院的诞生，信电系的专业和学生的数量的猛增，在网络上开通一个师生的交流平台就显得日益重要了。在这种情况下，为了更好的服务广大师生，同时也能使我们自己在学校里三年所学的专业知识能学以致用，我们将我们的毕业课题设定为了信电系网站的开发。

 

关键词

 

Php、Mysql、Html、Flash、Dreamweaver、Photoshop 7.0、CSS

 

 

The unconscious Internet has walked into usually the life inside of the common people, several year agos still with high and new technological computer that facial expression appear, have become early usually home appliances, noble" stir the number the internet access young lady the " too drive kind" ADSL the Sir" to conquer.Live people in Internet ages, also changes the number obtains the path of the information with thousand years, the book is getting worse and worse in the position in the life, according to statistics the modern people about 70% amount of information gets from the network of, the traditional book occupied 20% amount of information only.Especially our this companion the Internet grows up of this is on taking, the internet access has become our life inside must article.

 

    Merges with quzhou state occupation technical college along with our school, academic naissance in the state of quzhou , the letter gives or get an electric shock the profession of the department with the student's quantity of fierce increase, broke through an exchanges of teachers and the students terrace and then seemed to be increasingly important on the network.In that case, for the sake of large teachers and the students in better service, also can make we oneself is at school three years a profession for learning knowledge can learning with a view to its application, we a development for setting up for the sake of letter giving or get an electric shock department website.

Php、Mysql、Html、Flash、Dreamweaver、Photoshop 7.0、CSS

 

 

 

第一章 概述........................................................................ 1

1.1 课题背景....................................................................... 1

1.2 关键技术语言简介............................................................. 2

    1.2.1 Php简介................................................................. 2

    1.2.2 Sql简介................................................................. 3

    1.2.3 Mysql简介.............................................................. 5

1.3 开发软件简介.................................................................. 7

1.3.1 Dreamweaver mx简介.................................................... 7

1.3.2 Flash mx简介............................................................ 9

1.3.3 Photoshop 7.0简介........................................................ 13

1.4 Apache服务器配置简介...................................................... 15

1.5 硬软件配置简介.............................................................. 20

1.5.1硬件环境................................................................. 20

1.5.2服务器操作系统......................................................... 20

第二章 网站结构介绍.............................................................. 21

第三章 网站制作与过程分析...................................................... 23

3.1 主页部分制作................................................................. 23

3.1.1设计理念................................................................. 23

3.1.2网站制作流程............................................................ 23

3.1.3表单介绍................................................................. 23

3.1.4 CSS样式................................................................. 24

3.1.5 HTML语言简介........................................................... 24

3.1.6 Microsoft Internet Explorer 6.0简介............................ 25

3.2 网站新闻发布系统分析...................................................... 25

3.3 网站主页代码................................................................. 36

3.4 网站数据库.................................................................... 48

第四章 后记......................................................................... 49

参考文献............................................................................... 50

附录.................................................................................... 51