计算机网站专业毕业论文.doc

编号： 黑龙江省教育学院毕业论文题 目： 987同城购物网 系 别： 计算机应用技术系 专 业： 计算机网站制作 班 级： 网站三班 学 号： 200801032020 学生姓名： 邓雪莲 指导教师： 王铁军 2O11 年 05月 标题987同城购物网设计是将各种不同的生活必需品以清晰的视觉观，展现给浏览者，用完美的色彩搭配，凸显出玲琅满目的商品，在视觉上给人以冲击和满住感。987同城购物网让您在网上只需轻轻点动您的鼠标，我们即刻满足您的需求！摘要987同城购物网宣传设计和画册设计着眼点在企业形象、企业文化和企业理念，同时推出企业产品。企业没有产品就没有生命力，产品没有企业形象和品牌也会失去活力。我们就是要让企业画册或者是企业宣传册设计给人以艺术的感染、实力的展现、精神的呈现。如果用单页说明书或大型说明书无法容纳复杂的广告内容时，需要多页的987同城购物网宣传设计；这种页数多的小册子，在编辑方针上，必须要有一贯的内容，在布局或美术观点上，也要使其能发挥个性。这种多彩多姿的987同城购物宣传设计，能提供读者知识，除能激起潜在顾客的行动外，亦可用作参考资料，水久保存。人们无法抹去宣传品的艺术感染力，还有商业感召力。它可以是抽象意念的具象传达，也可以是物质本质的精神揭示。 当商业与艺术联姻，当物质与文化结合；987同城购物网宣传设计，就诞生了。关键字：思路 整体 文字987 city shopping nets publicity design and pictorial design plays in the enterprise image, enterprise culture and enterprise concept, also provide enterprise products. Enterprise no product is no vitality, product no corporate image and brand will also lose energy. We wanted to let business catalog or corporate brochure design gives a person with artistic infection, strength of the show and spirit of the show. If use single page manual or large manual cantain complex advertisement content, need more pages of 987 city shopping nets publicity design; The pages in the brochure, more editorial policies, there must be consistent content, in the layout or art the viewpoint, will make its can play a personality. This colorful 987 city shopping publicity design, can provide the readers knowledge, in addition to potential customers can arouse the action can be used as reference material outside, water long preservation. People cannot erase the promotional artistic appeal, and commercial charisma. It can be an abstract idea of figurative convey, also can be the spirit of material nature reveal. When commercial and artistic marriage, when matter and culture combined; 987 city shopping nets publicity design, was born.Key words: Thinking the whole text目 录一、 绪论。6二、 987同城购物网简介。7三、 987同城购物网设计思路。81、 整体设计概念。92、 关于编排的设计。93、 关于文字、纸张等的设计。10四、 购物网设计的色彩运用。10五、 软件制作过程。101、 软件介绍。112、 Adobe Dreamweaver CS3软件简介。113、 Photoshop CS3软件简介。144、 AdobeFireworksCS4软件简介。14六、 987同城购物网特效代码。141、 页面下角网页名滚动播出。152、 鼠标点击图片特效代码。17七、 相关技术介绍。307.1 ASP.NET 2.0介绍。307.1.1 ASP.NET 2.0发展历程。307.1.2 ASP.NET 2.0 特性。317.1.3 ASP.NET 2.0的优点。317.1.4 ASP.NET 2.0开发环境要求。337.2 Access 数据库介绍。337.3 JavaScript 概述。34八、 结束语。37九、 参考文献。37一、绪论网页设计是计算机专业的一门重要课程，目的是培养学生设计和制作网站的技能，这门课程的特点是涵盖知识面广，综合性和实践性较强。在以往的网页设计课程教学过程中，通常是只讲解主要的网站编辑工具Dreamweaver。虽然这样也能掌握和使用最基本的网站编辑工具，但是由于不会使用Photoshop、Flash、Fireworks等工具处理、加工图片，还是无法独立完成网站的制作。 要达到独立制作一个网站的教学目标，我们的教学内容就要进行调整，应该Photoshop、Flash、Fireworks也加入到网页设计内容中来。同时，考虑到模块化教学的特点：一是增强了内容的灵活性，二是便于实现不同层次教学阶段的内容衔接-三是采用综合模块，促进知识之间、知识与技能之间的沟通；四是通过模块的合理组合，便于形成一定职业岗位所需人才的合理的知识和能力结构。我们最终决定把网页设计定为模块课程。在教学过程中笔者深刻体会到模块化教学模式很适宜运用在这门课上，下面笔者就谈谈自己的一些思考，愿与同事们共商。 A、对模块中的多门课程要整体把握合理安排 模块化教学模式运用在网页设计课程中，完全打破了传统的教学模式。(1)特殊的课时安排方法。在一个学期内完成一个完整模块的教学必须要有充足的教学时间，所以在安排课时上我们做了大量的工作，把网页设计模块安排为每周14个课时量，其中上机6个课时，同时我们考虑到模块化课程授课的连贯性把每周的课程集中在两天半的时间内授完。(2)对网页设计模块进行了细致、具体的分析。该模块中包括Photoshop、Flash、Fireworks、Dreamweaver四门课，这四门课的讲授要根据网站建设的规律来安排。考虑到在制作网站的时候需要先制作一些素材来装饰页面，应该在本学期前两个月讲Photoshop、Flash，以便学生们利用这些工具制作一些精美的网站修饰图片和动画效果，为以后完成整体网站的制作做好准备。后两个月是完成Dreamweaver和Fireworks的讲授，使学生对网站进行整体布局。最后考虑到学生是初学者，再加上他们对知识的整合能力不够强，可以在最后详细讲解制作整体网站的具体程序和步骤，使学生真正学到真知识。 B、把握课程特点，灵活运用多媒体教学手段 网页设计课程采用了模块化教学模式之后每周的课时量大大增加，加之课时安排集中，难免会造成学生在学习过程中难以消化知识点注意力不集中、精神疲惫等情况。为了避免这些问题的出现，在授课过程中笔者根据教学内容主要采取以下几种教学方法：(1)目前网络上不乏优秀的网页设计视频教程，可根据学生的特点和教学需要，选择相关的视频教材用于课堂教学。例如，在讲授Flash动画制作的时候。笔者找到了一个如何制作雨滴落地效果的视频动画，在课堂上放给学生看，学生对这个效果的制作都很感兴趣，于是在看完视频动画之后都积极要求尝试制作，学生的自学能力在潜移默化中得到了有效提高，同时也实现了寓教于乐的教学效果。(2)对比较抽象难懂的知识点利用实例讲解。例如在讲解Dreamweaver中的行为面板的时候剐开始学生觉得难以理解，于是笔者引用了两个比较具体的例子：弹出菜单的制作和网页背景音乐的制作。我演示一次，然后学生动手操作一次，我在一旁负责指导。通过这两个例子，学生了解了行为面板的作用，使抽象的问题变得简单明了，收到了理想的教学效果。(3)根据模块特点，注意知识的连贯性。网页设计模块中包含有多门课程，学生难免在学习过程中出现遗忘的情况，因此，在讲解新知识的同时应该经常引导学生回顾旧知识点。在学习如何在网页中插入Flash动画这一操作时，我让学生利用以前学过的Flash动画制作技巧先制作出一个小动画，然后再学习如何把动画插入到网页中。在制作动画、插入动画的过程中学生不仅学习了新知识还回顾了旧知识，达到了温故、知新的双重教学效果。C、打破传统考试方式用技能考试展示教学效果 评价是模块化教学过程的一部分，但网页设计模块这门课程比较特殊，它以培养学生实际操作能力为主，同时，模块中包含有多门课程。因此，更适合采用技能考试的形式考察学生的学习情况和教学效果。(1)仔细斟酌考试内容。为了全面地考察学生的学习情况必须慎重地确定考试内容。考试内容可定为制作小型网站，网站主题可多种多样例如，网上商店、校园网等。(2)细化评分标准。评分标准是评价学生考试作品的主要依据，评分标准中应以多项指标评价学生的考试作品，比如，网站整体布局、色彩、文字内容，网站子页数量和超级链接数量，网站动画效果等。(3)严格考场纪律保证学生考出真实水平。网页设计模块课程的考察方式特殊，考试地点定在机房，考试过程中不能中断网络服务学生必须在规定的时间内完成网站制作任务。同时，学校机房的监控系统也保证了考场纪律确保了考试顺利进行。(4)考试结果分析。通过察看学生们的考试作品，笔者发现学生们所做网站各具特色，内容也很丰富，其中有几名学生的作品尤为突出。比如，有一名学生在自己的网站上巧妙的加入了音乐特效，为网站增色不少。另外还有几名学生制作了颇具特色的小动画来装饰网站，使整个网站看起来动感十足。二、987同城购物概念软件名称：987同城购物网软件版本：V2008建议分类：源码下载/ASP源码/电子商务软件容量：6000 KB软件类型：简体中文/免费版软件介绍：后台管理: admin/default.asp 帐户/密码:admin/admin987同城购物网，由致力于网上商城购物网站管理系统的开发，助从事电子商务，网上商城购物网站,网上销售购物的创业者成功。本系统适合于如下关键字的人员使用：“网上购物,网络商城购物,电子商务商城，电子商务商城购物系统，网上购物系统，在线购物系统，购物系统，购物软件，电子商务购物，电子商务商城购物，电子商务网站商城购物，电子购物系统，购物车系统，asp购物系统，asp，虚拟购物系统，购物平台，购物系统下载，购物软件下载，网域高科电子商务”。987同城购物网管理系统正式服装版是基于WEB开发的大型购物系统。它以构建网上商城购物网站,电子商务网站为目标，由前台购物、后台管理、在线支付三大部分组成。各大部分完美结合，都有着最为完善和强大的功能，最大限度的满足客户在线购物和网站管理员管理的需求。系统满足各个级别用户购建电子商务平台的需要。是构建各种大中小电子商务购物网站的首选系统！不需要专门编程，半天便能建立门户级专业网络商城购物网站。购物系统轻松管理维护，经济效率实实在在看得见。如不会本机调试本系统,请查看IIS安装使用说明书987同城购物网正式服装版前台功能栏目A、前台特征： 栏目设置网站设以下栏目：关于我们、购物车、新品上架、购物指南，报价中心、留言反馈 1、新品上架后台最新添加产品会默认为新品在新品栏，2、商品分类：后台自行添加大类和小类，3、热销排行：产品受关注度自行生成，4. 关于我们：用户可以根据自己的需要后台自行修改，5、留言反馈，6. 我的购物车：用户购买商品时可以查看购物车内的产品，7、订单查询：客户可以根据产品的订单号查询订单的情况。B、购物系统正式豪华版后台特征： 栏目设置设以下栏目：管理首选、商品管理、财务管理、销售管理、用户管理、信息管理、系统管理、系统维护 1、管理首选包括：修改密码 广告管理 退出登录：、修改密码：修改后台管理员登陆密码， 、广告管理：的前台广告进行管理，、退出登录：退出后台管理界面 3、财务管理 ：订单管理、用户积分管理、积分变动日志：、订单管理：可以查看和打印最新的客户订单，并修改，、用户积分管理：可针对个人或所有用户进行积分管理，、积分变动日志三、987同城购物网设计思路1、整体设计概念987同城购物网设计和画册设计着眼点在企业形象、企业文化和企业理念，同时推出企业产品。企业没有产品就没有生命力，产品没有企业形象和品牌也会失去活力。我们就是要让企业画册或者是企业宣传册设计给人以艺术的感染、实力的展现、精神的呈现。2、设计大纲公司定位：凭最权威的技术做科技领域的领跑者!公司目标：科技突围领域宣传重点：理念、规模、服务宣传策略：围绕客户关心的问题：专长是什么？（技术含量高、专业、针对性强）能给我们带来什么？（高技术科技产品、周到贴心的服务）与其他的竞争对手有什么不同？（专业的技术、贴心的服务）等方面进行阐述、承诺！宣传目标：给公司员工带来动力、给公司客户增加信心整体设计风格：简单、权威、沉稳中不失大气！3、关于编排的设计万物的生长及天体运行均有诸如秩序、比例、均衡、对比、节奏、韵律、疏密等形式特征。这种形式特征构成的美感，是为传达而存在之美感。品面设计视觉传达的强与弱，很大部分来自于编排设计。编排设计师一种形式语言探求活动，但它的孕育远点是与所要表达的内容特征紧密匹配在一起的。所有的技巧都旨在清晰、鲜明地传达内容要素，用悦目的组织排列起来更好地突出主题，达成最佳的诉求效果，而非为了形式，或者未来形式而寻找内容。鲜明突出地诉求主题，可以通过编排的空间层次，主从关系、视觉流程以及彼此之间的逻辑条理性地把握与运用来到达。购物网的编排设计更是为了构成所表述之内容活性化的流动之美，最求合理形式符合主题的思想内容，一鲜明、独特的形式美清晰、准确地传达丰富的内容服务，这是编排设计的前提；脱离内容的形式，或者只求内容而缺乏艺术形式的表现，都会显得设计空洞乏味，也无编排设计的意义。只有内哦热闹过和形式的完美结合，才能共同创造出形神兼备的、具有生命力个保护兼职的设计作品。在同意之中求变化，在变化之中求得统一，即既有变化又有统一，是编排设计的原则。通过大小形状、方向、明暗、栋静以及情感变化等对比利用空间对比、虚实对比、平面与立体对比、色彩变化等，能使得版面更加悦目生动。缺乏对比的编排设计，往往缺少视觉冲击力。有比较、有差异才能引人注目。有机的保持“变化”与“统一”，呈现充满生机的状态，才能获得更高层次的审美快感，取得丰富而又协调的良好画面。带设计师进行创作的一个平面一张白纸，都是有生命的。设计师是调动自己所有的心智，感情与想象力，将各种文字与图形按照视觉美感与内容上的逻辑统一起来，使之形成一个具有视觉魅力和组织严谨的“生命体”，将特地的信息清晰、迅速地传达给每一双掠过他的眼睛。并且，在宣传册版面中的显示的结构中，隐藏着不星期的形式因素，就是页与页之间的视觉连接性。4、关于文字、纸张的设计文字的表达通过视觉形象传递出来，文字的字形变化，文字的组合排列的疏密、空间、诱导的作用，是设计师将文字元素从表达到表现的跃进。文字的字体形式各艺术风格蕴含了更为潜在的情绪，是语义的补充说明。在设计的总体风格和气息的营造方面，文字潜在的作用意义重大。文字在设计构成上就好似四级空间中的神经网络，精美的位子编排犹如连接绳索的钢丝。文字设计的过程也是思维根据设计意象对视觉元素进行挑选、变换、组合。通过文字的沟通作用产生对信息的理解和思考，从而了解设计所传达的真正内涵，而不同的字体形式所具有的造型美感也在通手机传递出不同的情感意义。同时也在于排列组合是否得当。如果位子排列不当，近视形状与线条的随意组合，缺乏视线流动感，不仅会影响字体有效地阅读，也会缺乏“生命”感，无法实现视觉设计的传达功能。要取得良好的排列效果，关键在于遵循视觉规律，对其不同的对立因素予以和谐的组合，在保持各自的个性特征的同时，组织成一个具有协调感的有机整体。四、购物网设计的色彩运用987同城购物网在运用色彩的过程中既要注意典型的共性表现，也要表达自己的个性。如果所用色彩流于雷同，就失去了新鲜的视觉冲击力。这就需要在设计时打破各种常规或习惯用色的限制，勇于探索，根据表现的内容或产品特点，设计出新颖、独特的色彩格调。总之，987同城购物网既要从宣传品的内容和产品的特点出发，有一定的共性，又要在同类设计中标新立异，有独特的个性。这样才能加强识别性和记忆性，达到良好的视觉效果。 五、软件制作过程1、软件介绍：Adobe Dreamweaver CS3，Photoshop CS3，AdobeFireworksCS42、Dreamweaver CS3软件简介：Dreamweaver CS3是Adobe（奥多比）公司收购Macromedia公司后最新推出的Creative Suite 3 设计套装中用于网页设计与制作的组件。作为全球最流行，最优秀的所见即所得的网页编辑器，Dreamweaver可以轻而易举地制作出跨操作系统平台，跨浏览器的充满动感的网页，是目前制作Web页站点,Web页和Web应用程序开发的理想工具。 Dreamweaver，Fireworks，Flash被称为网页制作的“三剑客”，这三款工具相辅相承，是制作网页的最佳拍档之一。与其他网页编辑工具相比，Dreamweaver的新版Dreamweaver CS3 主要功能和具体应用方法，Dreamweaver的主要特点有： 网页编辑形式灵活:Dreamweaver将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象。 使用可视化编辑环境:Dreamweaver是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。 强大的CSS功能:CSS样式可以有效的控制网页对象的外观，美化网页界面，如文本字体，颜色，表单样式、图像风格等。Dreamweaver中有强大的CSS样式表编辑器，可以比较轻松的编辑CSS样式。 站点管理功能完善:Dreamweaver提供了强大的站点管理功能，可以安全，系统的维护和管理各种规模的网站。 集成性高:Dreamweaver与Fireworks，Flash，Shockwave具有良好的集成性，可以在这些Web创作工具之间自由的进行切换。 媒体支持能力强:在Dreamweaver文档中，可以灵活加入JAVA，Flash，Shockwave，ActiveX以及其他媒体元素，也可以对各种多媒体元素进行处理。 扩展能力强:Dreamweaver可以实现功能的扩展。利用Adobe公司免费提供的Dreamweaver插件，可以丰富Dreamweaver的媒体处理能力。 Dreamweaver CS3中的CSS布局规则虽然我们一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局，但依然很多朋友在使用。建立您可以使用DW的代码编辑器进行CSS代码的编写。今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 。 CSS文件的链接方式 附加链接：外部CSS文件 导入CSS：常用应用多个CSS文件时，将多个CSS导入一个CSS文件中 CSS规则定义有三种 类比如“.RedText”、“.BlueText”和“.BigText”等等 标签针对原有HTML标签做的重新CSS定义 高级伪类、定义了ID的元素，以及综合性定义 CSS规则的应用 只有“类”样式才需要应用，class=”xxxx”。任何元素都可以应用类。 class与id的区别 标签应用一般对于“body”标签一次性使用，对于诸如“li”、“td”等在页面中重复性比较大的标签不推荐定义。 高级多运用，定义“#id li”比定义“li”要好得多。 CSS规则的执行顺序 按照CSS代码的执行先后顺序 如果有重复的规则，按照后执行的定义 最终规则是多个定义规则的综合 重点：高级规则定义 对于不同表格的文字样式定义。（不同表格使用不同ID、使用类样式定义） 一页中的多种超级链接样式定义 多个相同规则不同对象的CSS共同定义 对于同一对象定义的多种CSS方式考虑哪种更科学（扩展性和代码精简性） 编辑本段DreamWeaver cs3的前身Dreamweaver8是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针 对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 软件信息Macromedia Dreamweaver 8.0 简体中文版 软件大小： 60.24 M 开 发 商： Adobe 软件类别： 国外软件 / 网页制作 软件语言： 简体中文 应用平台： Win9x/WinNT/Win2000/WinXP件性质： 共享(收费)软件本设计中主要用该软件进行排版设计。3、 Photoshop CS3软件简介： Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。本设计中主要用该软件进行图像处理，是宣传册画面看起来更协调美观。4、AdobeFireworksCS4软件简介： Adobe Fireworks CS4中文版经典教程由Adobe公司的专家编写，是Adobe Fireworks CS4软件的正规学习用书。全书包括13课，涵盖了工作区简介、位图处理、选取技巧、矢量处理、图层、蒙版、文本处理、Web优化、元件、建立原型、改进工作流程以及Fireworks高级主题等内容。 Adobe Fireworks CS4中文版经典教程语言通俗易懂并配以大量的图示，特别适合Fireworks新手阅读；有一定使用经验的用户也可从中学到大量Fireworks CS4高级功能和新增功能；还适合各类培训班学员及广大自学人员参考。六、987同城购物网特效代码1、页面下角网页名滚动播出：!-function statusMessageObject(p,d) this.msg = MESSAGEthis.out = this.pos = POSITIONthis.delay = DELAYthis.i = 0this.reset = clearMessagefunction clearMessage() this.pos = POSITIONvar POSITION = 100var DELAY = 5var MESSAGE = 欢迎光临987同城购物网! Welcome to WWW.987TCGW.NET var scroll = new statusMessageObject()function scroller() for (scroll.i = 0; scroll.i = 0)scroll.out += scroll.msgelse scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)window.status = scroll.outscroll.out = scroll.pos-if (scroll.pos -(scroll.msg.length) scroll.reset()setTimeout (scroller(),scroll.delay)function snapIn(jumpSpaces,position) var msg = scroll.msgvar out = for (var i=0; iposition; i+)out += msg.charAt(i)for (i=1;ijumpSpaces;i+)out += out += msg.charAt(position)window.status = outif (jumpSpaces 3)jumpSpaces *= .75elsejumpSpaces-if (position != msg.length) var cmd = snapIn( + jumpSpaces + , + position + );scrollID = window.setTimeout(cmd,scroll.delay); else window.status=jumpSpaces=0position=0cmd = snapIn( + jumpSpaces + , + position + );scrollID = window.setTimeout(cmd,scroll.delay);return falsereturn truesnapIn(100,0);/ -2、鼠标点击图片特效代码：var imf = function () var lf = 0;var instances = ;function getElementsByClass (object, tag, className) var o = object.getElementsByTagName(tag);for ( var i = 0, n = o.length, ret = ; i n; i+)if (oi.className = className) ret.push(oi);if (ret.length = 1) ret = ret0;return ret;function addEvent (o, e, f) if (window.addEventListener) o.addEventListener(e, f, false);else if (window.attachEvent) r = o.attachEvent(on + e, f);function createReflexion (cont, img) var flx = false;if (document.createElement(canvas).getContext) flx = document.createElement(canvas);flx.width = img.width;flx.height = img.height;var context = flx.getContext(2d);context.translate(0, img.height);context.scale(1, -1);context.drawImage(img, 0, 0, img.width, img.height);context.globalCompositeOperation = destination-out;var gradient = context.createLinearGradient(0, 0, 0, img.height * 2);gradient.addColorStop(1, rgba(255, 255, 255, 0);gradient.addColorStop(0, rgba(255, 255, 255, 1);context.fillStyle = gradient;context.fillRect(0, 0, img.width, img.height * 2); else flx = document.createElement(img);flx.src = img.src;flx.style.filter = flipv progid:DXImageTransform.Microsoft.Alpha( + opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy= + (img.height * .25) + );flx.style.position = absolute;flx.style.left = -1000px;cont.appendChild(flx);return flx;function ImageFlow(oCont, size, zoom, border) this.diapos = ;this.scr = false;this.size = size;this.zoom = zoom;this.bdw = border;this.oCont = oCont;this.oc = document.getElementById(oCont);this.scrollbar = getElementsByClass(this.oc, div, scrollbar);this.text = getElementsByClass(this.oc, div, text);this.title = getElementsByClass(this.text, div, title);this.legend = getElementsByClass(this.text, div, legend);this.bar = getElementsByClass(this.oc, img, bar);this.arL = getElementsByClass(this.oc, img, arrow-left);this.arR = getElementsByClass(this.oc, img, arrow-right);this.bw = this.bar.width;this.alw = this.arL.width - 5;this.arw = this.arR.width - 5;this.bar.parent = this.oc.parent = this;this.arL.parent = this.arR.parent = this;this.view = this.back = -1;this.resize();this.oc.onselectstart = function () return false; var img = getElementsByClass(this.oc, div, bank).getElementsByTagName(a);this.NF = img.length;for (var i = 0, o; o = imgi; i+) this.diaposi = new Diapo(this, i,o.rel,o.title | - + i + -,o.innerHTML | o.rel,o.href | ,o.target | _self);if (window.addEventListener)this.oc.addEventListener(DOMMouseScroll, function(e) this.parent.scroll(-e.detail);, false);else this.oc.onmousewheel = function () this.parent.scroll(event.wheelDelta);this.bar.onmousedown = function (e) if (!e) e = window.event;var scl = e.screenX - this.offsetLeft;var self = this.parent;this.parent.oc.onmousemove = function (e) if (!e) e = window.event;self.bar.style.left = Math.round(Math.min(self.ws - self.arw - self.bw), Math.max(self.alw, e.screenX - scl) + px;self.view = Math.round(e.screenX - scl) ) / (self.ws - self.alw - self.arw - self.bw) * self.NF);if (self.view != self.back) self.calc();return false;this.parent.oc.onmouseup = function (e) self.oc.onmousemove = null;return false;return false;this.arR.onclick = this.arR.ondblclick = function () if (this.parent.view 0)this.parent.calc(-1);ImageFtotype = calc : function (inc) if (inc) this.view += inc;var tw = 0;var lw = 0;var o = this.diaposthis.view;if (o & o.loaded) var ob = this.diaposthis.back;if (ob & ob != o) ob.img.className = diapo;ob.z1 = 1;this.title.replaceChild(document.createTextNode(o.title), this.title.firstChild);this.legend.replaceChild(doc