您好,欢迎访问三七文档
毕业设计论文·校园网站1目录校园网站设计.............................................2摘要.....................................................2引言....................................................3第一部分网站的设计规划..................................3一、网站建设的方向....................................3二、网站建设的目的..................................4第二部分网站的开发工具..................................5一、Dreamweaver工具的介绍.............................5二、Fireworks工具的介绍...............................5三、Flash工具的介绍...................................6第三部分网站的制作过程..................................6一、静态页面的制作....................................6二、动态页面的制作....................................7第四部分数据库的设计过程...............................11一、系统管理员.....................................11二、信息发布者.....................................12三、浏览者.........................................12结束语..................................................13参考文献................................................14致谢..................................................15毕业设计论文·校园网站2校园网站设计摘要20世纪后期互联网在我国取得了快速的发展,通过网络办公和网络交易的更为广泛,涉及到企业,单位,学校,军事等各个领域,教育发展也逐渐的走上了网络化,河北能源职业技术学院拟定在校内建立校园内部网并与国际互联网络相连。互联网技术和现代化式的教育快速发展的结合使得校园网成为学校教育、教学的重要平台。学校的校园网已经成为重要的信息传递设施,其规模和应用水平已成为衡量学校教学与科研综合实力的一个重要标志。在能源学院校园网目前的实际情况和在充分调研的基础上,结合目前技术的发展方向和用户的实际需求,制订了学院校园校园网建设的整体设计方案。通过校园网的设计与建设,通过各种协议的链接与设备的选购,从而实现真正意义上的宽带多媒体网络,为师生提供教学、科研和综合信息服务。成为现代化办公的首要工具。关键词:校园网;协议;设备毕业设计论文·校园网站3引言网络发展到今天,建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开新市场的周期,与富有吸引力的客户群发展客户关系网;与自己的销售人员保持联系,进一步面向本地市场。第一部分网站的设计规划一、网站建设的方向网站的建设不仅仅是制作主页的问题,还需要考虑网站的定位、目标用户、网站内容、服务事项、空间方案、安全性、艺术设计、数据库技术等等。任何网站在建设之前就必须明确方向、用途和服务群体等一系列的问题,写出详尽的建站计划,可以说这是网站建设的根源和核心所在。作为一个校园网站,我的服务群体及访问者都定位在在校学生,为学生服务就是我的这个网站的目的和方向。从整个页面上可以看出,我的这个整个网站涉及校园新闻、考研、男生女生等等都是关于我们在校学生的。整个网站的结构和内容都是在开始设计之前就已经经过详细的计划的。其实任何网站都一样:企业网站的宗旨就是对外宣传企业形象,发布企业最新的企业产品,其服务群体就是为对其产品感兴趣的客户或者正在使用企业产品的用户服务,这就是企业网站的建设方向;个人网站的宗旨就是宣传自己,提供一个自身和外界交流的场所;由此可毕业设计论文·校园网站4见,网站的设计方向是依据网站的客户、服务群体等多方面来确定的。二、网站建设的目的不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站,以及一个大型门户网站和一个小型企业网站,其出发点和建站目的都有所不同,在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个校园网站时,我选择了和大学生的生活和学习相关联的主题。本网站预计的用户群体:对于网站的设计者和建设者来说,在设计规划网站时必须要明确自己网站的浏览者,也就是确定自己的用户群体。在已经确定了建设目的的前提下,应根据建站方向所会导致出现的不同用户群体的需求来规划设计整个网站。我的这个网站就确定了以大学生为用户群体。本网站的结构和风格:网站的风格反映了一个网站的特色,它具有很大的代表性。出色的网站吸引人的地方不仅仅在于其内容,鲜明的结构和独特的风格往往能起到画龙点睛的作用。一个网站即使内容再丰富,如果网站的结构和风格不能吸引人,那也是毫无价值的。往往整个网站的风格是一个网站吸引浏览者的魅力所在,因此应当根据网站的主题、内容和浏览者的要求来设计自己独特的网站风格。那么什么是网站的结构和风格呢?网站的结构是连接网站内容之间的支架。网站的结构是网站的核心和骨架,如果没有网站结构,网站将会变得一团糟。现在,只有高度发展、高度结构化、易用且能独立行走的网站才受浏览者的欢迎。毕业设计论文·校园网站5第二部分网站的开发工具在网页的设计过程中,因人而宜,每个人使用的软件也许不同,如比较有名的网站设计软件有Macromedia公司出品的网页设计“三剑客”、有微软的Frontpage、还有国产的“东方网页王”等等。在这里,我们主要说的是Macromedia公司出品的“三剑客”。这“三剑客”包括DreamweaverMX、FireworksMX和FlashMX,其中,DreamweaverMX是网页编辑软件,FireworksMX是图形/图像处理软件,FlashMX是矢量动画编辑软件。当然,到今天为止,Macromedia公司出品的这个“三剑客”都已经是2004版,估计2005版也应该很快出来了。Macromedia公司一向以其优良的设计、友好的用户界面和强大的功能而著称,这三个软件也不例外,它们是Macromedia公司专门为网页设计、制作开发的系列软件套件,三者之间可以无缝集成,能够有效地解决网络带宽问题,是设计动画网页的最佳工具。一、Dreamweaver工具的介绍DreamweaverMX采用“所见即所得”的直观设计模式,充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来,使用户只需专注于设计,而其余的工作由DreamweaverMX自动完成。另外,还有一点值得说明的是,DreamweaverMX可以控制和删除冗余代码,减小网页文件的大小。从而能够快速上传和下载。二、Fireworks工具的介绍毕业设计论文·校园网站6FireworksMX的独特之处在于它能够优化、切分图片映射图,并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件,提供了一种革命性的新方法来创建WEB图形,并且具有所有其他图形处理工具的诸多优点。FireworksMX的最大优势就在于它在任何时候可以从任何阶段开始设计工作,这样既可以节约时间又可以对产品进行扩展。另外,FireworksMX中的诸多功能都是面向WEB应用的,因此对于WEB设计新手来说也很容易学习的。三、Flash工具的介绍FlashMX是比较另类、超前的一种网页动画制作软件,它不仅能够满足网页设计的诸多要求,更为网页多媒体的使用者带来了前所未有的便利。FlashMX提供了广泛的平台支持,它不需要任何编程工作就能够制作出精彩的动态效果。由于FlashMX采用矢量图形格式来制作动画,因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点,从而是浏览者能够快速的下载效果非凡的动画。在我设计我的个人网站的过程中,我选择了Dreamwear8和FlashCS3和PhotoshopCS5三种软件。因为自己向对于其它的软件来说,这三个还算是比较熟悉的。第三部分网站的制作过程一、静态页面的制作静态页面的制作主要是通过photoshopCS5进行图像处理和页面的布局来实现的,设计完成的页面如图3.1所示,具体的布局方法如图毕业设计论文·校园网站73.2所示。图3.1静态主页页面index.html图3.2布局方法图示二、动态页面的制作在整个网站中,动态页面占了大部分,在这里,我就把这个校园网站的动态页面的制作大体的描述一下。首先,我根据我的页面所要毕业设计论文·校园网站8实现的功能制作好了数据库,接下来,就是设定系统的DSN(数据源名称)。(1)启动控制面板,双击“管理工具”下的“数据源(ODBC)”,如图所示:图3.3数据源位置图示(2)在打开的“数据源(ODBC)”对话框中选择“系统DSN”标签,然后单击“添加”按钮,如图:图3.4添加系统DNS图示(3)在弹出的“创建新数据源”对话框中,选择数据库的驱动程序为“MicrosoftAccessDriver(*.mdb)”,然后单击“完成”按钮,如图:毕业设计论文·校园网站9图3.5选择要安装数据源的驱动程序图示(4)在出现的“ODBCMicrosoftAccess安装”对话框,在“数据源名”文本框中输入数据库的名称:youthfly,单击“数据库”栏中的“选择”按钮选择网站根目录中我已经建好的数据库youthfly.mdb,然后单击“确定”按钮,如图:毕业设计论文·校园网站10图3.6连接数据库图示(5)这时,会发现系统数据源名称中已经多了一个“yougthfly.mdb”,这就是网站要使用的数据库。单击“完成”按钮,这样,就完成了数据源的创建过程。如图:图3.7创建后的数据源图示(6)接下来,我要在Dreamweaver8中把数据库的连接完成。运行Dreamweaver8,打开“应用程序”面板,然后选择“数据库”标签,如图:图3.8链接数据库图示毕业设计论文·校园网站11单击“+”按钮,在弹出的快捷菜单中选择“数据源名称”。随即打开“数据源名称”对话框,在“连接名称”文本框中输入“yougthfly”如图:图3.9链接数据库过程图示单击“测试”,就可以测试数据库是否正确连接了。单击“确定”,这样,就完成了数据库的连接设置过程。第四部分数据库的设计过程网站的数据库建设在整个网站的设计过程中占具最重要的位置,它设计的好与坏直接关系到整个网站的成败。其中,管理系统需要考虑到三者的使用问题:一.系统管理员二.信息发布者三.浏览者。一、系统管理员系统管理员具有对整个网站发布,数据库的管理,信息管理,人员管理的最高权限。系统管理员(ADMIN)拥有最大的权限,可添加/删除任何信息,包括任何文章,任何用户。在设计数据库过程中,必须考虑到各种信息存放,更新,查询。所以数据库必须能最大限度的满足各种信息的输入输出。毕业设计论文·校园网站12图4.1系统管理员图Admin二、信息发布者信息发布者就是网站信息的发布者,他们的任务是更新网站上的信息,所以他们的权限只局限于对文章的增、删、改上。图4.2信息发布图art三、浏览者浏览者就是信息的最终浏览者,他们是不具有任何权限的普通用户。
本文标题:动态网站论文下载
链接地址:https://www.777doc.com/doc-3646268 .html