计算机大专毕业论文

《计算机大专毕业论文》由会员分享，可在线阅读，更多相关《计算机大专毕业论文（18页珍藏版）》请在装配图网上搜索。

1、-生物科技职业学院学生毕业设计毕业设计题目：系别：_专业：年级：_：_学号：_指导教师：_年月日生物科技职业学院毕业生毕业论文设计评审表题目学生学号班级指导教师专业指导教师评阅评语成绩(优，良，中等，及格，不及格)指导教师签名 年 月 日系审查意见系主任签名：盖章年 月 日教务处审查意见教务主任签名：盖章年 月 日主管领导审查意见主管领导签名：年 月 日摘 要 21世纪是信息高速兴旺的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们承受，并且融入我们的生活。随着高校信息化建立的不断推进，的作用超越了传统的信息获取，交流它更能表达组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于

2、维护管理的已经势在必行。本论文主要围绕信息发布型商业为开发主题，最根本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进展定义，CSS对展示的元素进展定位，再通过JavaScript实现相应的效果和交互。虽然外表看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进展开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的假设干技术问题；介绍了个性化页面的背景及jsp + javascript + mysql系统的一般原理；阐述整个个性化页面生成系统的系统构造及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现图片自动轮换展示，滑动门

3、，图片放大展示等jsp页面。分析并解决实现中的假设干技术问题；建立完整的，进展测试并分析结果。该有效地展示出此公司想要表达的文化理念和人文环境，并对容进展有效的管理，具有一定的应用价值关键字：javascript；web网页制作；美化；交互设计。ABSTRACTThe twenty-first Century is the rapid development of information age, network as the worlds most popular and most convenient media are increasingly accepted by people. A

4、long with the information development, website functions beyond the traditional information acquisition, munication which can better reflect the organization style， properties. So universities establish the departments, professional appearance, easy maintenance and management of the site has been im

5、perative.This thesis mainly focuses on digital media technology major portal for the development of the theme, the three most basic and necessary skills. Development of the front, in the layout of the page, HTML will define the elements, positioning CSS to display elements, and then through the Java

6、Script to achieve the corresponding effect and interaction. Although the surface looks like these are very simple, but it needs to grasp things never. In the development, the need for these concepts clear, understand, so in the development process will be handy.The main work done in this article is

7、as follows:(1) Introduces the background and general principle of JSP + Javascript + MySQL system personalized pages;(2) Introduces the structure and working principle of the entire personalization page production system; analysis of the particularity, the difficulty and key system;(3) The design an

8、d implementation of user registration, user login, user management and other JSP page.(4) Analyze and solve some technical problems in implementation;(5) The establishment of a plete campus site, testing and analysis;The site effectively achieve the user through the JSP page access to user registrat

9、ion, login, and carry on effective management to the website content, enhance the effectiveness of the late addition and deletion of information, has a certain application value.Keywords：JSP ; User login; JavaScript; Website Landscaping;Interaction Design. z.-目 录摘要ABSTRACT第1章续论11.1 选题还有背景及含义11.2 国外企

10、业的建立请况31.3 研究容和将解决的问题51.4 本章小结6第2章前端开发工具及相关技术72.1web前端开发环境72.2web前端开发工具72.3web前端开发相关技术82.3.1 Java script 介绍82.3.2 Java script 特点82.3.3 CSS 介绍92.3.4 JQuery 介绍92.4 本章小结11第3章 的构造布局及前台页面设计3.1 构造布局及设计203.1.1 首页布局203.1.2 主题明确，具有特色213.1.3正规版式编排布局合理性213.2 前端页面的设计233.2.1 首页233.2.2新闻动态233.3 本章小结24第4章主要界面的实现25

11、4.1 界面设计254.2 具体设计文档254.3 前台新闻文摘显示254.3.1 装饰风格264.3.2 的构造264.4 可视化设计264.5 具体实现技术264.5.1 CSS在计算机信息传媒系中的应用实例264.5.2使用JavaScript设计的网页274.6 本章小结29第5章总结 30参考文献31致32第1章 绪论1.1 选题背景及意义如今大互联网可以说已经渗透到我们生活的每一个层面，的容越来越丰富，以此来满足了不同需求的浏览者。的作用大家也众所周知，人们通过快速获取，发布与传递信息。 目前许多小型企业也建立起了自己的企业这些的建立使得企业可以突破传统的媒体的限制在网络上开辟的属

12、于自己的新天地。网络具有超时空性。网络超时空性是一种一人对一人，一人对多人，多人对一人，多人对多人的传播方式 国外的企业的商业资源比拟丰富，交互性和支持效劳做得都比拟好，但是活动组织形式比拟单一。美国的商业建立得比拟完备，无论从资源建立方面，还是从学习支持效劳等方面都做得较好，商业性比拟强。德国商业的网络学习导航做得比拟形象，趣味性较强，分类明确，专题资源集中。企业门户的访问量，一定程度上反映了各企业的信息化程度和水平。关于企业门户访问排名，有不少提供相关的效劳。总体来说，国内的各排名口碑评价不一，而访问流量监控类的排名也会受到诸多因素干扰，不容易作为客观评价的依据。具体如下表1-1所示：从建

13、立情况来看，国内关于企业建立较多，虽然起步较国外晚，但是开展的速度很快， 我国企业的建立还有很多不尽如人意的地方，其主要在于互动性的缺失，内容方面没有国外企业那么多，是因为国内采取的形式较国外的不同。在创新方面比拟欠缺，交互性的形式少。问题主要表达在这几个方面：(1) 缺乏组织协调，各部门各自为政。由于网络内容建立工作几乎全部下放到各部门，长期以来根本上一直处于一种各自为政的状态。这样做出来的网页形形色色，拼凑成一个个企业，处室，显得很不协调。各部门的网页风格迥异，都有各自不同的做法，不能做到统一。有必要加强组织协调工作，详细规划，明确分工，制定出相应的标准，彻底摒弃建立中的随意性。 (2)

14、内容薄弱，更新滞后。内容薄弱可以说是很大的硬伤。另外，网上内容严重滞后，更新速度慢。有些部门的，时隔一年半载，其网页界面和内容仍是老样子。各部门名义上都有了自己的，但大多数部门能够提供浏览的内容非常有限，特别是深层次的内容严重缺乏。 (3) 重点失衡:重产品展示，轻运营管理。企业网最主要的功能应该是要为产品展示，客户效劳。作为一个企业，这不能不说是重点失衡，本末倒置。 但有些企业网上的内容有关产品展示的偏多，而有关运营效劳的内容那么相对较少。(4) 整个构造，层次不够清晰，使用不便。目前某些企业网首页的栏目设计太过粗略，有些内容欠缺，构造层次偏深，局部栏目名称及内容归类不够准确，整个构造显得有

15、些混乱，用户需经过屡次点击才能看到想要的内容。 (5) 局部网页制作粗糙，缺乏美感。企业，其页面应简洁明了，一方面不要过于呆板，另一方面也要做到实用与美观的有机结合，防止过于花哨。(6) 缺乏检索途径。传播学领域互动性研究的理论，为检视当前我国企业之开展提供了一个可操作化的设计架构。互动性的内涵做进一步分析，对我国企业的建立做一浅探，并推进我国企业的在交互性方面的建立，以增强人们关于互联网传播机制的认知和理解。1.1 研究内容和拟解决的问题有多种方法会让一个的外观令人惊叹的。在创立时也有不同的设计趋势。长期面对一个设计不当的是一件比拟痛苦的事情。由于是由他们的业务与其他很多人用来获取信息的途径

16、，所以很重要的设计是很有吸引力的。一旦我们拥有了一个之后，我们会一定会看到它拥有专业的设计，它可以实现我们的目的。(1) 排版创造性使用排版已被广泛的应用于网页设计排版中。创造性地使用这种类型的方式确实可以有效的使用户可以立即得到该的新消息，特别是使用的字体是独一无二的，颜色是比拟突出的。这些好的设计不只是使用的标准字体，而加上其使用自定义的字体。它使更具有可读性和吸引力。(2) 图片的切换效果研究大图的使用也是一种趋势。这些图像是增加吸引力的网。虽然，已被使用过，但是现今它仍然在使用，使用它更具有现代感。使用这种设计的，特别是如果你有一个好的图片选择，设计出的也是比拟抢眼的，不只是图像的形式

17、，它应该与其更好的搭配。(3) 单页布局的设计可防止不必要的网页，通过一个比拟单一的页面布局，这是更有效的一个，因为浏览者可以更专注于其内容。(4) 交互性做一个完整的有几样任务要完成比方复杂的交互功能，网页动画特效，网页界面设计，后期维护，一些可扩展性等。交互设计的用户的目的是增加的可用性，友好度和易用性，从而使用户能够简单，快速和有效地完成赋予或用户自身需要的效劳，功能和目标。交互设计包含的内容：界面设计，界面不仅设计美术方面，也还涉及提供应用户某些事的能力。导航设计，导航设计是提供应用户去某个地方的能力， 让用户能看到的构造。信息设计，信息设计就是把传达给用户某些信息，让用户可通过这些信

18、息了解自己正在进展的某些事和如何进展某些事情。1.2 本章小结本章阐述了开发计算机信息传媒系的研究背景和意义。同时介绍了国外企业的开展现状比照了目前国内企业的现况了说明了建立计算机信息传媒系建立的总体规划思想。最后对于本文课题的研究内容和拟定解决的几个问题进展了探讨。第2章 前端开发工具及相关技术2.1 前端开发环境前端开发，即网页架构设计。主要是由与交互设计，视觉设计的配合，根据效果图来规划页面布局，合理部署页面代码层次，挖掘用户体验效果。用CSS，JS，Dreamweare等布局网页内容，制作静态页面，这些页面要兼容各主流浏览器，并配合程序完成静态页面与后台程序的整合工作。整个开发的流程在

19、后面有具体介绍。另外，要对做一些相应的更新，维护及优化。前端开发在整个过程中占据着不可替代的地位，其它几个环节主要给予相关的配合2。2.2 前端开发工具(1) MyEclipse简介MyEclipse企业级工作平台MyEclipse Enterprise Workbench ，简称MyEclipse是对EclipseIDE的扩展，利用它我们可以在数据库和JavaEE的开发，发布以及应用程序效劳器的整合方面极大的提高工作效率。它是功能丰富的JavaEE集成开发环境，包括了完备的编码，调试，测试和发布功能，完整支持Struts，JSP，CSS，JavaScript，HTML，Spring，SQL，

20、Hibernate。MyEclipse3 构造上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进展单独的扩展和升级。总而言之，MyEclipse是Eclipse的插件，也是一款功能强大的JavaEE集成开发环境，支持代码编写，配置，测试以及除错，MyEclipse6。0以前版本需先安装Eclipse。MyEclipse6。0以后版本安装时不需安装Eclipse。(2) DreamweareDreamweare是美国MACROMEDIA公司开发的集网页制作和管理于一身的所见即所得网页编辑器，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，它是第一套针对专业网

21、页设计师特别开展的视觉化网页开发工具。4使用地图可以快速制作雏形，设计，更新和重组网页。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的更新变得迅速又简单。改变网页位置或档案名称，Dreamweare 会自动更新所有。(3) Photoshop Adobe Photoshop，简称PS，是一个由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。和使用其众多的编修与绘图工具，可以更有效的进展图片的编辑工作。在前端开发过程中需要把图片用Photoshop处理成加载到页面的图片，用Photoshop 制作矢量图形用作页

22、面的修饰按钮。2.3 前端开发相关技术2.3.1 Java script 简介Java script5 的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的，动态的，可交互式的表达能力。Java script脚本正是满足这种需求而产生的语言。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进展反响的Web页面的取代。它深受广泛用户的喜爱和欢送。它是众多脚本语言中较为优秀的一种，它与的结合有效地实现了网络计算和网络计算机的蓝图。无疑Java家族将占领Internet网络的主导地位。因此，尽快掌握java script脚本语言编程方法是我国广阔用户

23、日益关心的问题。2.3.2 Java script 根本特点(1) 基于对象的语言 java script是一种基于对象的语言，同时也可以看作一种面向对象的。这意味着它能运用自己已经创立的对象。因此，许多功能来自于脚本环境中对象的方法与脚本的相互作用6 。(2) 简单性 java script的简单性主要表达在：首先它是一种基于Java根本语句和控制流之上的简单而紧凑的设计， 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。(3) 平安性 java script是一种平安性语言，它不允许访问本地的硬盘，并不能将数据存入到效劳器上，不允许对网络文档进

24、展修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丧失。(4) 动态性 java script是动态的，它可以直接对用户或客户输入做出响应，无须经过Web效劳程序。它对用户的反映响应，是采用以事件驱动的方式进展的。所谓事件驱动，就是指在主页(Home Page)中执行了某种操作所产生的动作，就称为事件(Event)。比方按下鼠标，移动窗口，选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。2.3.3 CSS简介CSS7(层叠样式表)是用来进展网页风格设计的，它简化并扩展了HTML中的各种标记，使得各个标记的属性更具有一般性和通用性，大大提高了HTML开发的

25、效率。在制作网页时采用CSS技术，可以有效地对页面的布局，字体，颜色，背景和其他效果实现更加准确的控制，只要对相应的代码作一些简单的修改，就可以改变同一页面的不同局部，或者页数不同的网页的外观和格式。什么是CSS？CSS中，Cascading是层叠的意思，也就是说在同一个Web文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级越高，就会在最后显示时被采用。从样式表插入的形式看可以分为3种。(1)内联式样式表；(2)嵌入式样式表；(3)外部式样式表；CSS的特点 CSS是用来扩展HTML的，而不是用来替换HTML的，也就是说CSS不能脱离HTML，它只是一项辅助工具。

26、除了可扩展HTML的样式设定外，CSS使得网页的设计与维护更加高效，这主要表现在以下几个方面：减少图形文件的使用，集中管理样式信息，设定共享样式，将样式分类使用。2.3.4 JQuery JQuery 8 是继prototype之后又一个优秀的Javascript框架。其宗旨是WRITE LESS，DO MORE，写更少的代码，做更多的事情。它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 IE 6。0+， FF 1。5+， Safari 2。0+， Opera 9。0+。JQuery是一个快速的，简洁的JavaScript库，使用户能更方便

27、地处理HTML documents，events，实现动画效果。jQuery其模块化的使用方式使开发者可以很轻松的开发出功能强大的网页特效。本文主要论述了如何在Web开发中使用jQuery技术，丰富的交互性和用户体验性 9 。jQuery是一套Javascrip脚本库。Javascript轻量级脚本库系列文章。 Javascript脚本库类似于。NET的类库， 这些工具方法或对象方法封装在类库中，方便用户使用。注意jQuery是脚本库， 而不是脚本框架。库不等于框架， 比方System程序集是类库，而ASP .NET MVC是框架。 jQuery并不能帮助我们解决脚本的引用管理和功能管理，这些

28、都是脚本框架要做的事。脚本库能够帮助完成编码逻辑，实现业务功能。使用jQuery将极大的提高编写javascript代码的效率，让写出来的代码更加优雅，更加强健。jQuery有如下特点：(1) 提供了强大的功能函数使用这些功能函数，能够帮助我们快速完成各种功能，而且会让我们的代码异常简洁。(2) 解决浏览器兼容性问题javascript脚本在不同浏览器的兼容性一直是Web开发人员的噩梦，常常一个页面在IE9，Firefox下运行正常，在IE6下就出现莫名其妙的问题。 针对不同的浏览器编写不同的脚本是一件痛苦的事情。有了jQuery我们将从这个噩梦中醒来， 比方在jQuery中的Event事件对

29、象已经被格式化成所有浏览器通用的，从前要根据event获取事件触发者，在IE下是event.srcElements 而ff等标准浏览器下下是event。target。 jQuery那么通过统一event对象，让我们可以在所有浏览器中使用event。target获取事件对象。(3) 实现丰富的UIjQuery可以实现比方渐变弹出，图层移动等动画效果，让我们获得更好的用户体验。单以渐变效果为例，从前我自己写了一个可以兼容IE和ff的渐变动画，使用大量javascript代码实现，费心费力不说，写完后没有太多帮助过一端时间就忘记了。 再开发类似的功能还要再次费心费力。 如今使用jQuery就可以帮助

30、我们快速完成此类应用。(4) 纠正错误的脚本知识大局部开发人员对于javascript存在错误的认识。比方在页面中编写加载时即执行的操作DOM的语句，在HTML元素或者document对象上直接添加onclick属性，不知道onclick其实是一个匿名函数等等。拥有这些错误脚本知识的技术人员也能完成所有的开发工作，但是这样的程序是不强健的。比方在页面中编写加载时即执行的操作DOM的语句，当页面代码很小用户加载很快时没有问题，当页面加载稍慢时就会出现浏览器终止操作的错误。jQuery提供了很多简便的方法帮助我们解决这些问题， 一旦使用jQuery你就将纠正这些错误的知识-因为我们都是用标准的正确

31、的jQuery脚本编写方法!2.4 本章小结本章介绍了开发计算机信息传媒系前端所需要的开发工具和他们的运行环境，同时讲述了相关的前端开发技术比方：Java script ，CSS ，jqurey等。以便以后的开发过程中能够对这些开发工具盒技术有深刻的理解。第3章 前端布局分析与设计3.1 构造布局及设计3.1.1 首页构造实际内容占据网页的大局部空间，为50%80%，导航局部不超过20%。颜色的选择以青白色为主，没有使用太多的颜色来修饰某个对象，此外，正文和背风光的比照度较大，一般字色为默认的黑色，并且用了不同的背风光条区分正文区与其他功能区。为了提高网页的可读性，标题区，标题行和正文区使用了

32、不同大小的字体，正文使用的是静止的文字，且字体足够大，以便于阅读10。计算机信息传媒系主要用来进展企业文化的发布与显示。作为一个，应该由一些相关及相对独立的模块整合而成。本系统主要包括以下几个主要页面及几个大的模块，每个页面包含丰富的内容，每个大的模块下又细分为几个的功能模块。制作前台页面模块，包括主页及各个子页面，建立各个页面与数据库中相关数据，实现前台通过调用数据库把后台数据在前台显示和更新。整体遵循计算机信息传媒系企业类型的设计思路，拥有完善的功能，风格要求简洁大方不单调。各个子页面都可正常返回主页以及正确连接到各个子页面。功能要求使用简单全面，容易操作。由上面的分析，前端的构造设计成。

33、如下列图3-14所示：图 314 整体构造图3.1.2 主题鲜明，富有特色在目标明确的根底上，完成的构思创意即总体设计方案。对的整体风格和特色做出定位，规划的组织构造。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些LOGO标志应充分加以利用。调动一切手段充分表现的个性和情趣，突出个性，这样才能够办出的特色如图3-15所示：图 315 标题LOGO3.1.3 版式编排布局合理性图 316 版式排幅员网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多

34、相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系清楚，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进展分组归纳，经过进展具有内在联系的组织排列，反复推敲文字，图形与空间的关系，使浏览者有一个流畅的视觉体验，如图3-16所示：图中的A区域是计算机信息传媒系设计的企业的大logo以及名称，能展现的主题。访问者第一眼就能看的出来的类别等。B区域是 的导航栏，导航的颜色根本上是青白色，能展现的大体内容。导航栏 跟顶端logo的颜色根本上一直用户浏览网页时不会产生视觉疲劳。导航栏中每个导航按钮的设计也是符合美观要求。大方，大气，自然是设计导航栏的重要根底。C 区域是 企业的成功案例展示

35、区。 发表各种有关成功案例的信息D 区最新动态区域。 最近在系发生的最新鲜的新闻，消息等内容都在这里按时间循序显示。E 区域 成果展示F 区域 底部整个的底端。能起到调节整个的内容平衡。让设计的更加完美。3.2 前台页面设计计算机信息传媒系设计的企业主要包括：首页，关于我们，成功案例，区域中心，新闻动态，人才招募等几个子页面。制作过程如下：3.2.1 首页制作过程：首先利用Photoshop制作了的首页效果图，大小为900px*1004px。在制作网页的过程中首先是在Dreamweaver中用布局画出整个的大体布局格式，主要是分了三栏，各个栏目有可以分多个小栏目，并且通过CSS样式来调表格以及

36、图片，文字的位子。主页包括的内容主要有：的域名，导航条，LOGO，。导航条又包含首页，关于我们，成功案例，区域中心，新闻动态，人才招募3.2.2 新闻动态企业新闻分成2个2级菜单，行业动态，企业新闻。制作过程中采用的制作方法和调用的模块内容跟上一个差不多。可是连接不同的数据表。所表达的内容不同。3.3 本章小结本章主要介绍了计算机信息传媒系设计的企业的具体布局，具体构造。也说明了设计前端的工作流程，交互设计中的一些理理念设计思想，并用图片的形式展现了设计以后的效果图。第4章 主要功能的实现4.1 界面设计设置公开地联系方式；设置整体信息与用户为一体；设置完善地个性化地会员管理与交互系统。完善的

37、内容，内容下载系统。的整体颜色：灰白色为导航颜色；主体颜色：黑色色；字体：宋体；行距：150%。 统一顶部为导航条 ，首页，关于我们，成功案例，区域中心，新闻动态，人才招募左中部：成功案例图片结合；位置导航。右中部：信息；站点数据；导航条；图文信息。 底部：/版面制作；信息。4.2 具体设计文档内容和功能设计这个企业主要实现新闻，信息等功能，目标用户主要是Internet的浏览的潜在客户。先明确这个校园提供的主要功能：(1) 中英文切换： 中英文版本切换 (2) 人才招募登记： 填写个人资料提交 (3) 成功案例专区： 提供企业在个方面的成果及新闻的功能 (4) 新闻公告专区： 提供有关企业的

38、公告通知，行业新闻的最新资讯 4.3 前台新闻文摘显示可以根据的需要，进展各种方式的插入，自动更新。如显示栏目导航，显示某栏目的最新N条新闻等。 使用管理系统制作动态网页时，可在需要的地方插入相应的代码，即可以多种形式显示新闻 文章的栏目或内容。例如：一级栏目列表，二级栏目列表，栏目导航列表，栏目的最新新闻(文章)显示条数，某一栏目的热门文章可任意调整。该系统也可经后继开发，使之生成JS代码，在一个主机上维护新闻文章，在其他静态网页中插入代码后显示相应的新闻文章。4.3.1 装饰风格采用了灰白色为主导航颜色，首页中运用最新更新图片，以及文字交织排版，使整个看上去符合跳动的风格。4.3.2 的构

39、造企业的主要关系如下：首页，关于我们，成功案例，区域中心，新闻动态，人才招募等。 4.4 可视化设计可视化设计的主要目的是提供应用户一个关于的信息展示方案，一个良好有效的可视化设计能给用户留下深刻的印象，使得用户能够自然，友好的浏览Web站点所提供的信息，也是设计中重要的一环。可视化设计最重要的是确定的页面布局。然后设计网页的表现框架，建立页面模型。4.5 具体实现技术4.5.1 CSS在数字媒体技术系中的应用实例在数字媒体技术系中的页面，增加了以下的定义，使页面有特殊的显示效果。数字媒体技术系中CSS样式表使用的局部代码：#top width: 100%;height: 103px;back

40、ground-color: green;background-image: url(Image/top.jpg);background-repeat: no-repeat;在上面的样式表中定义了网页头部的背景图片和颜色，以防止因网页浏览器的设置改变而引起的网页头部的背景图片和颜色变化，影响页面浏览者的信息浏览；top这局部是对网页背景颜色和背景图片的设置。4.5.2 应用JavaScript设计网页JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有平安性能的脚本语言。使用它的目的是与HTML超文本标记语言，Java 脚本语言Java小程序一起实现在一

41、个Web页面中多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷11。JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的，动态的，可交式的表达能力12 。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进展反响的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种，与的结合有效地实现了网络计算和网络计算机的蓝图。在制作过程中使用了下面一段JavaScript照片切换

42、特效代码片段：0&parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn)&d.all) x=d.alln; for (i=0;!x&id.forms.length;i+) x=d.formsin; for(i=0;!x&d.layers&i 此代码主要是实现前段图片动态特效的JS代码。照片动态切换效果，可以直接涉及到是否有活力，也是整个集聚吸引力的地方，所以在使用JS调用的时候一般不在同一时间使用屡次，以减轻效劳器和数据库读写的负担。4.6 本章小结本章具体介绍

43、了前端的实现，在动画效果的实现中给出了具体的代码。说明了在页面设计过程的具体实现，说明了修饰风格，可视化的重要概念。也是整个集聚吸引力的地方，所以在使用JS调用的时候一般不在同一时间使用屡次，以提高效劳器和数据库读写的效率。第5章 总结5.1 总结计算机信息传媒系设计的专业企业，前端设计最根本的三个技能：HTML，CSS，JavaScript，PS 矢量图像编辑技术。前端的开发中，在页面的布局时， HTML将元素进展定义，CSS对展示的元素进展定位，再通过JavaScript实现相应的效果和交互 13 。本的建立的作用具有超时空特性，不仅能让本地区的人们了解企业，更可让世界了解企业。巨大的商业

44、资源，是实现商业资源分配的桥梁，它使每一位老板和员工都能均等的得到工作和招聘的时机，能极大的提高商业效率。 JSP虽然提供了功能强大的Web应用程序开发环境,但和其它技术一样,它也存在着某些缺点。但JSP毕竟是软件霸主微软精心设计的一个宠儿,人们不得不慢慢向它靠拢，现在越来越多的Web效劳器大多数都用JSP 14 。以信息为核心的Web信息系统建立方兴未艾，运用新技术进展创新的应用开发，提高网络系统应用成效将是一个不竭的课题。本文中介绍了JSP，JS,CSS,JQuery以及前端布局的制作做法，详细的说明了计算机信息传媒系前端的全部制作流程，以及中的主要功能。中还存在一些缺乏之处，如的留言系统

45、没建立等等。这些问题和功能有待于进一步学习和添加。参考文献1 李燕. 高校校园功能探讨J. XX师X高等专科学校校报.2008年01期25(2): 9112 李宝敏. 动态设计与开发应用教程M . 清华大学. 2012.01 ,28(4): 91943 孙更新, 宾晟, 宫生文. Java程序开发大全M 基于MyEclipse平台主流框架开发. 中国铁道 4 黄军宝. 设计透过Dreamwear CS3学习HTML-DIV-CSSJ . 科学. 2008, 35(9): 81975 贾素玲,王强. Javasqript 程序设计M. 清华大学.2007, 15(4): 91946 费东东. 挑

46、战Java script&Ajax应用开发J . 机械工业.2008, 7(5): 35367 林小 . CSS那些事 掌握网络样式CSS样式布局J . 电子工业.2009, 4(5): 11148 单东飞, X晓菲, 魏然. 锋利的JQueryM . 人民邮电.2012 ,28(5): 91949 林小 . CSS那些事 掌握网络样式CSS样式布局J . 电子工业.2009, 4(5): 111410 李巍,杨仁敏. CI设计J . XX：西南师X大学. 200611 Joseph L, Weber. Java 2编程详解Using Java 2M. 电子工业12 赵增敏. JQuery全面

47、提速J. 机械 . 201013 Dan Cederholm. Web DesiginJ . Apangning Totuki hitay Harimilar . America 200814 Nichlas C.Zakas . JavaScript Advanced programming M. Peoples Posts and Telemunications Press . 2006。超时空性的形成正式由于在网络在时间层面，空间层面上的开放性带来的。网络的超时空性使得企业对企业本身和外界社会表现特定的功能，表现在有助于改变商业资源的分散性和分布不均衡性，有效的将商业资源进展整合，从而使得

48、商业资源使用意义上的无限增长。网络具有的海量存储特性，网络能形成一个巨大无比的数据库，世界上任何时间任何地点的任何一件事都能成为网络的信息被广泛传播。企业的海量存储特性可以从横向和纵向两方面分析：横向看企业往往设置多个板块，分别放置相关容。不同板块的信息相互独立，共同构成的容。 纵向看，同一个板块的部，容并不是固定不变的，而是不断添加连续更新的。大量的信息使得高校成为一个巨大的数据库。企业正是以这些特点为根底，发挥了自己本身的资源整合，信息传播，多方交流互动等方面的独特功能，成为一座沟通桥梁。交互性表达在企业通过设置留言板，论坛，发挥网络交互的功能，在老板和员工之间建立起了交流渠道。很多企业容

49、多姿多彩，板块，容争妍斗艳。但不外乎以一下几局部：企业介绍，新闻发布，招聘信息，科研成果，机构设置，教学素材等。企业的建立和维护需要大量的物力和人力，为何要投入去建上？是因为如上所述的企业有的独特特性使得建立企业势在必行。这些都促进了各个机构组织的信息化建立，随着企业信息化建立的不断推进，的作用超越了传统的信息获取，交流它更能表达组织机构的风采，性质。所以企业建立个企美观，专业，易于维护管理的。我们要创立我们本专业的计算机网络技术系的专业，前端设计最根本的三个技能：CSS，JavaScript，HTML，PS 矢量图像编辑技术。这个是前端开发中最根本也是最 必须的三个技能。前端的开发中，在页面

50、的布局时， HTML将元素进展定义，CSS对展示的元素进展定位，再通过JavaScript实现相应的效果和交互。虽然外表看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进展开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。建立本系发挥的作用如下：(1) 计算机信息传媒系是数字媒体专业的商标。在这个高度信息化的社会里，建立数字媒体技术系自己的是最直接的宣传手端。网络的超时空特性，不仅能让本地区的人们了解企业，更可让世界了解本企业。(2) 计算机信息传媒系巨大的商业资源，它使每一位老板和员工都能均等的得到工作和招聘人才的时机，是实现商业资源分配的桥梁，能极大的提高商业效率

51、。 (3) 计算机信息传媒系能提供商业互动的全新方式，使得老板与老板，管理层与管理层，员工与员工之间的交流有了全新的方式，它不再受到传统交流的制约。它可以使不同的分公司同处一室，一起讨论，共同提高。地理上的界限在这里模糊和消失了，计算机网络技术系是真正没有围墙的系。(4) 计算机信息传媒系能够提供个性化的学习平台，不同的学生理解世界的方式各不一样，认知世界有诸多方式。计算机信息传媒系允许不同的企业沿着自己的途径，按自己的速度承受商业模式运作与学习，员工将有时机享受最正确的工作时机，充分开掘自己的在潜力，培植独特的个性和人格。网络提供的丰富资源可以使企业寻觅不同的商业方式，各取所需。 (5) 计算机信息传媒系是最正确的教学研究室，计算机信息传媒系与金融类专门的有效，给商业交流研究带来了一片新天地，各种专家论坛，网络观摩，优秀文案，各科资料，多媒体制作等容为老板管理提供了极佳的平台。有效地降低管理本钱，提高效率。1.2 国外企业建立状况. z.