网页设计课程总结

网页设计期中教学总结计算机工程学院—王湘文这个学期我担任了计算机科学技术学院09计网一、二的网页设计这门课程。

作为网页教师，在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。

按照课程要求进行施教，让学生掌握好网站建设知识。

还注意以德为本，结合商业网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。

下面从以下几个方面来谈谈我这个半个学期的教学总结：一、上半学期教学工作的回顾1、教学进度网页设计这门课的教材共16章，按照教学进度，我们已经进入了第10章插入表单的学习。

教学进度基本上按照原计划已经完成了。

2、教学方法教学中我从以下几方面进行努力：掌握教材的基本思想、基本概念，一、课前准备。

熟悉教材。

解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。

设计一些实际中的商业网站案例，二、课堂情况。

网页设计课上。

课堂上引起学生的兴趣，激发学生的创作兴趣。

网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。

课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。

记得在有节课，把腾讯的一个分支网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。

最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。

有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。

网页课程设计心得6篇（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。

文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如报告大全、培训计划、策划方案、合同协议、规章制度、应急预案、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays for everyone, such as report summaries, training plans, planning plans, contract agreements, rules and regulations, emergency plans, reflections, teaching materials, essay summaries, and other sample essays. If you want to learn about different sample essay formats and writing methods, please stay tuned!网页课程设计心得6篇有了心得体会让我们更加清晰地表达自己的内心世界和感受，通过真实的心得体会，能够与自身建立起一种信任和共鸣的关系，下面是本店铺为您分享的网页课程设计心得6篇，感谢您的参阅。

网页设计培训总结在网页设计培训中，我学习到了许多关于网页设计的技巧和知识。

这次培训为我提供了一个机会，进一步了解了网页设计的重要性和被广泛应用的领域。

下面是我在培训中学到的一些重点内容和总结。

首先，我学习了网页设计的基本原则。

一个好的网页设计应该注重布局、色彩、字体和图像的搭配，以及用户体验的考虑。

在培训中，我学习了如何选择合适的颜色方案、字体和图像，以及如何设计一个简洁、直观的用户界面。

其次，我学习了如何使用网页设计工具。

在培训中，我们使用了一些流行的网页设计工具，如Adobe Photoshop、Sketch和Figma等。

通过实践操作，我学会了如何使用这些工具创建网页设计原型、编辑图像和制作用户界面。

除了基本原则和工具的学习，我还了解了响应式设计的重要性。

随着移动设备的广泛使用，一个好的网页设计应该能够适应不同尺寸的屏幕，并提供良好的用户体验。

在培训中，我们学习了如何使用媒体查询和弹性布局等技术来实现响应式设计。

在实践环节中，我有机会运用所学知识进行实际项目的设计。

在团队合作的情况下，我学会了与他人合作，发挥自己的设计创意，同时也接受他人的建议和意见。

这使我更好地理解了设计过程中的沟通和协作的重要性。

培训课程中还提供了一些实用的案例分析和实例分享。

通过学习其他网页设计师的作品和经验，我了解到了一些成功的设计案例和技巧。

这些案例分析激发了我的灵感，并帮助我更好地理解设计的目的和方法。

在网页设计培训中，我不仅学习到了网页设计的技术和知识，还了解到了网页设计师应具备的一些重要素质。

一个好的网页设计师应该有敏锐的观察力和艺术嗅觉，能够捕捉到设计的细节和趋势。

此外，他们还应具备良好的沟通能力和团队合作精神，以便与客户和团队沟通和协作。

总结而言，这次网页设计培训为我提供了一个全面了解和掌握网页设计的机会。

通过学习基本原则、使用设计工具和实践项目，我对网页设计有了更深入的理解和认识。

在未来，我将会继续学习和探索网页设计领域的新技术和趋势，提高自己的设计水平。

网页设计课程小结最新5篇精选不知不觉，二个星期的《网页设计与网站建设》课程的实操即将过去，回顾这一段日子，真的令我体会很深，也学会很多东西，懂得很多以前不懂的东西，也明白了一些事情。

下面就是小编给大家带来的网页设计课程小结5篇精选，欢迎大家阅读!1网页设计课程小结自从第一天接触《网页设计与网站建设》课程，我以下定决心要把网页这门课学好，做出一个优秀的网站。

所以我时刻没有错过任何学习的机会，无论在课堂上，还是在课外上。

更何况这一次实操。

回顾今次的实操我觉得我过得很充实，很有意义，因为我可以诚实的说我在实操没有玩过一次游戏，我每时每刻都在设计网站，还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学会很多东西，学会别人不懂的东西，做出一个令自己满意的网站，可能跟别人比还需要继续完善，但我不会因为实操结束，就把网页设计抛到九霄云外，我会继续学习网页设计技术，把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操，老师叫我们继续完善以前设计的网站，做出留言板、注册的功能。

我很快就完成了，但可能我是一个追求完善的人，所以尽管一个网站做好可以马上交给老师。

但我做出一个别人都不赞同的决定，从头开始做一个网站。

因为我觉得以前那个真的不是太好，尽管实操的时间过去了一半，尽管别人对我说你交原来这个不就行了吗!何必再做一个呢?但真因为我的执著，追求成功，追求完善的人，才会使我今天交出一个令自己满足的答卷。

在制作个人网站时我们首先：一、必需进行个人网站前台功能设计包括个人网站主题的确定，前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。

二、对个人网站后台管理功能设计包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。

三、网站的发布通常我们发布一个网站可能以能过域名注册，但我们也可以利用自己主机，装了iis别人就可以通过我的ip地址来访问我的主页。

网页课程设计结果及分析一、课程目标知识目标：1. 让学生掌握网页设计的基本概念，了解网页的构成元素和结构。

2. 使学生了解HTML和CSS的基本语法，能运用其进行简单网页的编写。

3. 让学生掌握网页布局的基本方法，如使用Bootstrap框架进行响应式设计。

技能目标：1. 培养学生运用HTML和CSS编写和美化网页的能力。

2. 培养学生运用网页设计工具（如Dreamweaver）进行网页创作的技能。

3. 培养学生解决实际网页设计问题的能力，如调试代码、优化页面加载速度等。

情感态度价值观目标：1. 激发学生对网页设计的兴趣，培养其主动学习的态度。

2. 培养学生的团队协作意识，使其学会与他人共同解决问题。

3. 引导学生关注网页设计的社会价值，如用户体验、信息传播等，培养其社会责任感。

课程性质分析：本课程为信息技术课程，旨在让学生掌握网页设计的基本知识和技能，培养其创新意识和实践能力。

学生特点分析：六年级学生具有一定的计算机操作基础，对新事物充满好奇，喜欢动手实践，但注意力容易分散，需要教师引导。

教学要求分析：1. 注重理论与实践相结合，让学生在实践中掌握知识。

2. 采用任务驱动法，激发学生的学习兴趣和积极性。

3. 增加课堂互动，培养学生的团队协作能力和沟通能力。

二、教学内容1. 网页设计基本概念：网页、网站、URL、域名等。

2. 网页构成元素：文本、图片、链接、表格、表单等。

3. HTML基础：标签、属性、文本格式化、链接、图片、列表、表格等。

4. CSS基础：选择器、属性、文本样式、背景样式、布局样式、响应式设计等。

5. 网页布局方法：使用Bootstrap框架进行响应式布局。

6. 网页设计工具：Dreamweaver软件的基本操作和运用。

7. 网页调试与优化：代码调试、页面加载速度优化、搜索引擎优化等。

教学大纲安排：第一周：网页设计基本概念，HTML基础。

第二周：CSS基础，网页构成元素。

第三周：网页布局方法，使用Bootstrap进行响应式设计。

网页设计实训总结网页设计实训总结（精选5篇）总结是指对某一阶段的工作、学习或思想中的经验或情况加以总结和概括的书面材料，它能够使头脑更加清醒，目标更加明确，让我们来为自己写一份总结吧。

总结怎么写才是正确的呢？下面是小编为大家收集的网页设计实训总结（精选5篇），欢迎阅读，希望大家能够喜欢。

网页设计实训总结1不知不觉，我已经学习《网页设计与制作》这门课程一个学期了，虽然时间有点短，但这一个学期以后我却受益匪浅，不仅让我全面的、系统的学会了页设计与制作的基础知识，还让我学会了自己动手去制作属于自己的网页，这对于我来说是很值得高兴的，能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

首先，我们要确立网站主题。

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。

特别是对于像我这样的个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

你没有这个能力，也没这个精力。

网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

然后，我们要找材料。

明确了网站的主题以后，你就要围绕主题开始搜集材料了。

常言道：“巧妇难为无米之炊”。

要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

找到材料后，我们还要规划网站。

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。

网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

第1篇一、引言随着互联网技术的飞速发展，网页设计已经成为计算机科学与技术领域的一个重要分支。

为了提高学生的实际操作能力和综合素质，我国高校纷纷开设了网页设计相关课程。

本文将结合本人参与的一次网页设计实践教学，总结实践经验，分析存在的问题，并提出改进建议。

二、实践教学内容本次实践教学主要围绕以下内容展开：1. 网页设计的基本理论介绍了网页设计的基本概念、设计原则、色彩搭配、版式布局等方面的知识，使学生对网页设计有了初步的认识。

2. 网页设计工具的使用教授了Dreamweaver、Photoshop等常用网页设计工具的使用方法，让学生能够熟练掌握这些工具的基本操作。

3. 网页布局与排版讲解了网页布局的基本方法，如表格布局、框架布局、浮动布局等，以及排版技巧，使学生能够根据需求设计出美观、实用的网页。

4. 网页特效制作介绍了网页特效的制作方法，如CSS3动画、JavaScript脚本等，使学生在网页设计中能够运用各种特效，提升网页的互动性和美观度。

5. 网页优化与SEO讲解了网页优化的方法，如页面加载速度优化、代码优化等，以及搜索引擎优化（SEO）的基本策略，使学生在设计网页时能够考虑搜索引擎的收录和排名。

6. 实战项目通过一个实际项目，让学生运用所学知识进行网页设计，培养学生的实践能力和团队合作精神。

三、实践教学过程1. 理论教学首先，教师对网页设计的基本理论进行讲解，使学生了解网页设计的背景、发展历程和设计原则。

2. 工具教学接着，教师介绍常用的网页设计工具，如Dreamweaver、Photoshop等，并演示这些工具的基本操作。

3. 实战演练在掌握基本理论和技术后，教师引导学生进行实战演练，让学生在实践中巩固所学知识。

4. 项目实施教师布置一个实际项目，让学生以小组形式进行分工合作，完成网页设计任务。

5. 评价与总结在项目完成后，教师组织学生进行评价和总结，指出学生的优点和不足，并提出改进建议。

网页设计报告收获心得(优秀10篇)网页设计报告收获心得篇1通过这次实训对这门课程的学习，做好网页，并不是一件容易的事，它包括网页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

所以我得出一下总结：一、准备资料和挑选符合目的主题的合适素材做网页当然要收集、准备资料。

在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。

可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长就拥有了一个可观的图库，等做网页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。

切记，页面给人的第一观感最为重要!在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。

精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。

图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。

最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。

因此，如果想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

最后感谢老师多日来的辛勤教导网页设计报告收获心得篇2一连上了两个星期的网页实训课，可以说学到很多以前没有学到的东西。

虽然在大一的时候我们的专业出开设了网页设计课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。

《网页设计与制作》课程教学工作总结时间过得飞快，转眼间《网页设计与制作》课程的教学工作已经接近尾声。

在这段时间里，团队成员齐心协力，共同经历了许多挑战与收获。

回顾这段时间的教学过程，既有值得庆贺的成绩，也有需要反思的不足。

以下是对这段时间工作进行的全面总结。

工作概述在课程的设计上，我们注重了教学的互动性与趣味性，力求让每位学生都能积极参与。

在课程的初期，我们制定了详细的教学计划，设定了阶段性目标，以确保学生能够在学习过程中逐步提升自己的能力。

主要成就在教学过程中，我们取得了一些显著的成果。

通过持续的努力，学生们的网页设计水平有了明显的提升。

以下是一些具体的案例与数据：1. 项目展示：在学期末，学生们参与了“网页设计大赛”，展示了自己的作品。

大赛中，共有30个项目参赛，涵盖了个人博客、企业官网、在线商店等多种类型。

根据评审反馈，70%的作品获得了“优秀”评价，显示出学生们在设计思路与技术应用上的成长。

2. 课程反馈：通过期中与期末的问卷调查，95%的学生对课程内容表示满意，认为课程内容丰富且实用。

特别是在项目实操环节，学生们普遍反映能够更好地理解理论知识，并在实践中得到锻炼。

3. 团队合作：在课程中，我们鼓励学生们以小组的形式进行项目合作。

观察到，大部分小组在合作中表现出了良好的沟通与分工能力。

这种团队合作的方式不仅提升了学生的社交能力，也增强了他们的责任感与集体荣誉感。

经验与教训尽管取得了一些成绩，但在教学过程中，我们也遇到了一些问题，这些问题需要我们认真分析与反思。

1. 时间管理：部分学生在项目截止日期前感到压力，导致最后阶段的作品质量下降。

这表明我们在项目进度的安排上需要更加细致，或许可以考虑将项目拆分为多个小阶段，以便学生能更好地分配时间。

2. 技术难度：对于一些基础较弱的学生，课程内容的技术难度可能超出他们的承受能力。

虽然我们提供了额外的辅导时间，但仍有部分学生在理解某些概念时遇到困难。

一、引言课程设计是一块“试金石”，是加深对自我能力认识的重要途径。

大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。

但由于大学特殊的学习模式和环境，缺少实际情景的见证和实践活动的参与，同学之间缺乏必要的交流和比对，使得我们很多时候很难对自身的能力有明晰的认识，能力缺陷往往被遮蔽起来。

而课程设计“前所未有”地考验着我们的知识迁移和运用能力、适应环境的能力、应对突发事件的能力以及如何处理人际关系等各方面的能力，为我们提供了不可多得的见证的机遇和平台。

通过这次课设，我们可以新的思考维度有效发现自己能力上的缺陷。

综合运用所学理论知识、方法和技能，开展实际工作，巩固专业技能，培养和强化社会沟通能力；树立新的发展起点和目标，通过课设，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。

二、课程设计目的掌握HTML格式语言，能使用网页设计工具，理解动态页面技术的工作原理三、课程设计任务（1）用HTML或网页设计工具设计网页（2）用IE浏览器浏览所设计的网页，要求页面美观，包含常见的HTML格式元素（3）包含动态页面技术（有脚本代码或后台逻辑代码）四、设计方案选择：选择动态页面和静态页面相结合，取长补短。

设计分工：谷加林：主页、留言板、主页动态效果的代码编写协助所有组员完成代码的编写杜春吉：主页设计、留言板设计、总体排版、协助所有组员完成设计。

蔡旺：注册网页代码编写和学校风貌网页设计及相关资料收集处理。

姜文粹：登录网页代码编写和学校简介网页设计及协助素材收集整理。

五、具体设计内容作用：美化网站，提高网页的浏览效率，页面以简单风格为主，背景以白色为主。

页面右上角边有网站导航条，背景以半透明白色为主。

冲该页面可以看出，该网站主要是宣传学校，所以要简洁大方，不要太花哨。

界面如图所示主页面部分代码如下：头部<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>南京工程学院欢迎您</title><link type="text/css" rel="stylesheet" href="css/base.css" /><link type="text/css" rel="stylesheet" href="css/style.css" /><script type="text/javascript" language="javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" language="javascript" src="js/common.js"></script><script type="text/javascript" language="javascript" src="js/flash.js"></script><script type="text/javascript" language="javascript" src="js/scroll.js"></script></head><body><div style="border-top:6px solid #128be9;"></div><div class="wrap"><!--header--><div class="header clearfix"><div class="header-a fl"><a href="#" class="clearfix"><img src="images/logo.jpg" alt="#" width="140" height="140" class="fl" /><img src="images/logo22.jpg" alt="#" width="211" height="76" class="fr" style="margin-top:25px;margin-left:25px;"/></a></div><div class="header-b fr" style="margin-top:30px;"><ul class="clearfix"><li class="fl"><a href="index.html" class="header-bb">网站首页<p>home</p></a></li><li class="fl"><a href="about.html">学校概况<p>about</p></a></li><li class="fl"><a href="news.html">新闻资讯<p>news</p></a></li><li class="fl"><a href="views.html">风貌展示<p>views</p></a></li><li class="fl"><a href="#">招贤纳士<p>join&nbsp;us</p></a></li><li class="fl"><a href="team.html">小组介绍<p>connect</p></a></li></ul></div> //导航菜单</div><!--index--><div class="index clearfix"><div class="flash tc"><ul>/div><script type="text/javascript">$(document).ready(function(){$(".scroll").imgscroll({speed: 40, //图片滚动速度amount: 0, //图片滚动过渡时间width: 1, //图片滚动步数dir: "left" // "left" 或"up" 向左或向上滚动});});</script><div style="border:4px solid #CCC;margin-top:50px;"></div> </div></div><!--friendlinked--><div class="index-fri"><ul class="clearfix"><li class="fl"><a href="#">友情链接</a></li><li class="fl"><a href="#">友情链接</a></li><li class="fl"><a href="#">友情链接</a></li><div class="footer"><a href="#">网站首页</a>|<a href="#">学校概况</a>|<a href="#">新闻资讯</a>|<a href="#">风貌展示</a>|<a href="#">在线留言</a>|<a href="#">人才招聘</a>|<a href="#">联系我们</a><p>学校地址：&nbsp;江宁区科技园弘景大道1号</p></div></div></div></body></html>Flash—js//首页焦点图特特效$(function() {var sWidth = $(".flash").width(); //获取焦点图的宽度（显示面积）var len = $(".flash ul li").length; //获取焦点图个数var index = 0;var picTimer;//以下代码添加数字按钮和按钮后的半透明长条var btn = "<div class='btn'>";for(var i=0; i < len; i++) {btn += "<span>" + "</span>";}btn += "</div>"$(".flash").append(btn);$(".flash .btnBg").css("opacity",0.5);//为数字按钮添加鼠标滑入事件，以显示相应的内容$(".flash .btn span").mouseenter(function() {index = $(".flash .btn span").index(this);showPics(index);}).eq(0).trigger("mouseenter");//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度$(".flash ul").css("width",sWidth*len);//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放$(".flash").hover(function() {clearInterval(picTimer);},function() {picTimer = setInterval(function() {showPics(index);index++;if(index == len) {index = 0;}},3000); //此3000代表自动播放的间隔，单位：毫秒}).trigger("mouseleave");//显示图片函数，根据接收的index值显示相应的内容function showPics(index) {var nowLeft = -index*sWidth; //根据index值计算ul元素的position$(".flash ul").stop(true,false).animate({"left":nowLeft},500); //通过animate()调整ul元素滚动到计算出的position$(".flash .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换显示效果}});Scroll--js//图片滚动调用方法imgscroll({speed: 30,amount: 1,dir: "up"});$.fn.imgscroll = function(o){var defaults = {speed: 40,amount: 0,width: 1,dir: "left"};o = $.extend(defaults, o);return this.each(function(){var _li = $("li", this);_li.parent().parent().css({overflow: "hidden", position: "relative"}); //div_li.parent().css({margin: "0", padding: "0", overflow: "hidden", position: "relative", "list-style": "none"}); //ul_li.css({position: "relative", overflow: "hidden"}); //liif(o.dir == "left") _li.css({float: "left"});//初始大小var _li_size = 0;for(var i=0; i<_li.size(); i++)_li_size += o.dir == "left" ? _li.eq(i).outerWidth(true) : _li.eq(i).outerHeight(true);//循环所需要的元素if(o.dir == "left") _li.parent().css({width: (_li_size*3)+"px"});_li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone());_li = $("li", this);//滚动var _li_scroll = 0;function goto(){_li_scroll += o.width;if(_li_scroll > _li_size){_li_scroll = 0;_li.parent().css(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll });_li_scroll += o.width;}_li.parent().animate(o.dir == "left" ? { left : -_li_scroll } : { top : -_li_scroll }, o.amount);}//开始var move = setInterval(function(){ goto(); }, o.speed);_li.parent().hover(function(){clearInterval(move);},function(){clearInterval(move);move = setInterval(function(){ goto(); }, o.speed);});});};网站简介作用：介绍网站概况，用文字介绍网站战略、业务、团队、案例的具体情况。