毕业设计_web设计基础报告个人网页设计和实现

合集下载

网页设计实践报告3篇

网页设计实践报告3篇网页设计实践报告1一实验目的1.学习html语言和dreamweaver，frontpage等工具2.掌握在本地环境下运用asp技术实现一个简单的电子商务二实验的方法和原理三实验过程1.资料的搜集。

组长分配任务，大家从上搜集各种关于手机的资料。

2.熟悉制作软件。

做网页主要用的工具便是dremweaver、photoshop、flash软件。

在这些软件我对dremweaver、photoshop相对比较熟悉，因为在平时上课是老师带领我们运用过。

所以我还可以正常的运用，但是出现的问题还是有很多。

有很多不懂如何操作，只有通过在次去看书才能够了解，这也体现了我学习方面的缺点，它是我平时不够认真的具体表现。

3.构建站点框架。

打开dremweaver后第一步便是新建站点4设计主页及二级页面。

5实现网页间的链接链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。

6向静太网页插入动态效果四实验心得在经济迅速发展的今天，internet显得更为重要它是人们发布信息与传递信息的重要渠道，为了与社会发展同步，为了让我们成为真正的技术性人才。

学校在本周为我们安排了维持三周的网页制作专用周是实习，让我们把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。

通过本周的实习使我获得了更多的新知识同时也使我使我认识到了自己在学习上的许多不足。

近三个星期的实训将要结束，其中的酸甜苦辣我会在今后的日子里不断地去咀嚼，去回味，去探索。

从制作网页过程中，我学到了新的美化网页的方法，运用了更多以前未运用的技巧。

这使我学到了更多的知识，并且为我自己在制作网页这方面积累了一些经验。

这些将是我人生中的一次重要的经历，将是我今后走上社会后的一笔巨大的财富。

这次实习的收获对我来说有不少，我自己感觉在知识、技能等方面都有了不少的收获。

总体来说这次是对我的综合素质的培养，锻炼和提高。

网页设计个人网站设计实验报告

分类课外实践报告
科目网页设计与制作
安阳师院计算机与信息工程学院
题目：个人网站
专业班级软件工程一班
学生姓名
学号 12090
指导教师
2015年 6 月 1 日
一、设计的目的
了解网页的特点，掌握网页制作的基本技能，通过学习尝试做出自己的个人网页。

二、本设计需要的运行环境：
Windows
VS2010
三、总的设计思想、原理等
设计思想：
利用这学期学到的Java脚本的知识，处理照片等；针对这学期的学习内容，主要是网页前台的实际与制作，所以我主要是设计和制作网页前端。

实验原理：
HTML基础；
使用图像；
添加多媒体；
使用CSS样式表；
利用JavaScript制作网页特效。

四、设计思路及步骤：
进入网站首先显示的是主页（home页）；
点击相册进入相册界面；
点击查看更多进入图片库；
点击图片库留言区或者上端导航进入生活&留言界面；
五、自我评价与总结：
通过这次实验，我明白了许多。

在日常的学习中独立思考很重要，在此基础上遇到问题询问老师和同学能更好的掌握知识。

网上的资源和方法也有许许多多，要敢于创新，遇到问题多去翻阅资料，不怕辛苦，这样才能做出更好的。

六、遇到的问题及创新之处：
问题：图片点击查看大图的实现。

网上寻找答案并运用。

毕业设计(论文)-基于WordPress的个人网页设计与实现

PHP的应用范围相当广泛，尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上，通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行，而且使用PHP完全是免费的。据2013年的数据了解，PHP已经被安装在超过2亿4400万个网站和210万台服务器上。
三、
MySQL是一个小型关系型数据库管理系统，开发者是MySQL AB公司。在2008年1月16号被Sun公司收购，2009年,Sun又被Oracle收购。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。
根据以上要求，内容管理系统孕育而生。内容管理系统，简称CMS(Content Management System)，是指组织和协助共同合作的内容，方便数字内容的管理系统。内容管理可定义为：协助组织和个人，借助信息技术，实现内容的创建储存分享应用检索，并在企业个人组织业务战略等诸方面产生价值的过程。内容管理系统就是能够支撑内容管理的一种工具或一套工具的软件系统。
第二节
在CMS中，WordPress是当今较为流行和广泛的个人及企业站点开发工具。利用WordPress对相应数据内容进行架设并管理，能有效解决用户网站建设与信息发布中常见的问题和对网站内容管理是该软件的最大优势。WordPress功能完善，主题丰富，可授权给合法用户编辑管理稿件并合理分类，无需用户去了解内部运行的语法规则。
快速便捷建站的模块化和定制化应用技术的出现使得越来越多不懂得网站开发的人可以快速地学会建站，开发人员可以更加专注于新技术的研发与创新工作。CMS的出现改变了网站建设的传统概念与方式使得网站开发更加方便快捷，也变得更加智能化与人性化。将人们的时间更多的运用于网站内容的设计上。

web设计基础报告-个人网页设计和实现

郑州轻工业学院课程设计任务书题目个人网站的设计与实现院系 XXX XXX XXX X专业班级XXX XXX XXX X学号 XXX XXX XXX X 姓名 XXX主要内容：利用所学内容，设计个人网站基本要求：本系统制作一个个人网站，要求个人网站主题设计思想明确、思路清晰、颜色选择恰当、布局合理；多媒体（图像、音乐、滚动字幕）运用适当；Flash、框架运用合适；适当使用样式页（CSS）等。

主要参考资料等：《Web设计基础》李开荣高等教育出版社 2008《网站规划与网页设计》张兵义电子工业出版社 2008《Web编程技术》历小军机械工业出版社 2009完成期限：一周指导教师签名：课程负责人签名：2010年 5 月日目录一、引言............................................................................. 错误!未定义书签。

1.1课题的背景........................................................... 错误!未定义书签。

1.2可行性研究........................................................... 错误!未定义书签。

二、需求分析..................................................................... 错误!未定义书签。

2.1系统概述：........................................................... 错误!未定义书签。

2.2功能要求： (1)三、总体设计..................................................................... 错误!未定义书签。

WEB个人主页设计报告

W E B课程设计题目个人主页制作学生姓名 : 李维军学号 : 07110744指导教师 : 江霞专业 : 软件工程二零壹零年三月一. 课程设计的目的通过本课程的训练，使我们掌握HTML语言的语法结构，能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。

熟练使用网页设计工具Frontpage、Dreamweaver MX，能够使用Dreamweaver MX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用Dreamweaver MX设计出比较复杂的网页，建立小型网站。

熟悉Flash MX的绘图，帧，层，属性面板的使用，能够使用Flash MX制作简单的动画，设计网页的FLASH标题。

掌握基于WEB的数据库应用，理解在B/S模式下网页如何同数据库之间建立联系，重点了解基于IDC和ASP两种方式以及各自的原理和运行环境，学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法，能够读懂并修改大型动态网站（ASP网站）的代码。

二.设计网站的主题和意义网站的主题：个人网站制作网站的意义：在这次课程设计中，我选择的是制作一个名字叫“夜幕下拾荒者”的个人网页制作主的网站，在设计之初，我们对HTML语言一点都不了解，因此在实际动手之前还要去阅读书本，后来通过上一个多媒体的网站，将自己所学的HTML静态网页制作的相关知识运用到实际中，加深了对理论知识的理解。

在制作过程中，我们的制作并不像刚开始想象的那么顺利，但是我们通过查资料，问同学得到了满意的答案，总之，这次个人网站的课程设计提高了我们的动手能力，也提高了我们的自学能力，对我们以后的学习和工作都有很大的帮助。

三. 实验基本原理通过上机操作使学生实验掌握HTML语言的使用方法，使用HTML设计网页。

web课程设计个人页面

web课程设计个人页面一、教学目标本节课的学习目标包括以下三个方面：1.知识目标：学生需要掌握个人页面的基本概念，了解其设计原则和常用技术。

2.技能目标：学生能够运用HTML、CSS等前端技术，设计和实现一个具有个人信息展示、互动功能和个人风格的个人页面。

3.情感态度价值观目标：学生通过制作个人页面，培养创新意识、团队协作和自主学习能力，提高对网络技术的兴趣和自信心。

二、教学内容本节课的教学内容主要包括以下几个部分：1.个人页面的基本概念和设计原则。

2.HTML和CSS基本语法和常用标签，如头部、导航栏、内容区域、侧边栏和脚部等。

3.CSS选择器、盒模型、布局和样式优先级等基本知识。

4.个人页面的互动功能，如表单、按钮和事件处理等。

5.个人页面的发布和推广。

三、教学方法本节课将采用以下教学方法：1.讲授法：讲解个人页面的基本概念、设计原则和HTML、CSS基本语法等知识。

2.案例分析法：分析优秀个人页面的设计思路和技巧，引导学生进行模仿和创作。

3.任务驱动法：布置实践任务，让学生动手制作个人页面，提高实际操作能力。

4.小组讨论法：学生分组合作，互相交流学习心得，共同完成制作个人页面的任务。

四、教学资源1.教材：《Web前端开发技术》2.参考书：《HTML5与CSS3权威指南》3.多媒体资料：优秀个人页面案例、在线编程平台（如CodePen）4.实验设备：计算机、网络设备5.网络资源：相关技术博客、论坛、在线教程等五、教学评估本节课的教学评估将采用以下方式：1.平时表现：评估学生在课堂上的参与度、提问回答和团队协作等情况，占总评的20%。

2.作业：布置课后作业，评估学生对课堂所学知识的掌握和应用能力，占总评的30%。

3.实践项目：评估学生制作个人页面的设计思路、技术运用和创新能力，占总评的30%。

4.期末考试：考察学生对个人页面设计相关知识的掌握，占总评的20%。

六、教学安排本节课的教学安排如下：1.课时：共计10课时，每课时45分钟。

毕业设计论文~个人网页设计和制作~毕业设计论文

财经职业学院XX大学XX学院毕业设计毕业论文〔实践〕报告系别XX系专业计算机网络技术年级XXX学制X年学号XXXXXX姓名XXXXX2010 年09 月摘要本论文将对个人网页设计与制作的方法、工具等展开研究和探讨。

在介绍网页设计与制作语言的根底上，着重使用JavaScript作为工具语言进展网页设计与制作的实际操作，分别对基于对象的JavaScript语言、部对象系统的使用及WEB 页面信息交互——窗口和框架进展详细描述，并利用具体的实例进展验证。

本论文主要章节如下，第一章：绪论，本章主要介绍网页设计的相关知识。

第二章：网页设计语言概述，本章主要介绍网页设计的语言——HTML，以及用于编辑HTML语言的软件，为后续工作奠定根底。

第三章：基于对象的JavaScript 语言，本章介绍了基于对象的JavaScript中常用部对象属性、方法的使用。

第四章：部对象系统的使用，本章主要介绍使用浏览器的部对象系统，可实现与HTML 文档进展交互。

第五章：WEB页面信息的交互——窗体与框架，本章主要介绍实现网页的动态交互，必须掌握有关窗体对象〔Form〕和框架对象〔Frames〕更为复杂的知识。

关键词：网页制作网页设计HTML ASPAbstractMethods, tools of web design and production are researched and studied.based on introducing the web design and production of language, JavaScript language are used as a tool to operate the actual web design and production.Object-based JavaScript language and the use of internal object system and interactive WEB page of information - window and frame are decrypted in detail.Concrete examples are verified.The main sections of this paper are as follows, Chapter I: Introduction, this chapter introduces the web design knowledge.Chapter II: an overview of web design language, this chapter introduces the language of web design - HTML, as well as software for editing HTML language, lay the foundation for the follow-up.Chapter III: object-based JavaScript language, this chapter introduces the JavaScript based on monly used objects within the object properties, methods of use.Chapter IV: the use of internal object system, this chapter introduces the browsers internal object system can be realized to interact with HTML documents.Chapter V: WEB page interaction information - form and framework, this chapter introduces the realization of dynamic interactive web pages, you must master the form object (Form) and the framework of the object (Frames) more plex knowledge.目录第一章绪论11.1网页设计概述11.2网页设计的要素11.3本论文工作2第二章网页设计语言概述22.1HTML语言介绍22.2常用的HTML语言编辑软件42.3本章小结9第三章基于对象的JAVASCRIPT语言93.1对象的根底知识93.2常用对象的属性和方法123.3本章小结17第四章部对象系统的使用174.1浏览器对象层次及其主要作用184.2文档对象功能及其作用184.3部对象系统实例204.4本章小结22第五章WEB页面信息的交互——窗体与框架225.1窗体根底知识235.2窗体中的根本元素245.3窗体对象实例285.4框架315.5框架的访问325.6本章小结36第六章结论36致37参考文献37第一章绪论随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。

学生个人网页制作实验报告

学生个人网页制作实验报告1. 引言随着互联网的普及，个人网页的制作已成为一种很常见的展示自己的方式。

在本次实验中，我们将学习如何设计和制作一个个人网页，并以Markdown格式输出。

2. 实验目的- 学习如何利用HTML和CSS进行网页设计和美化。

- 掌握Markdown语法，实现网页内容的输出。

- 提升个人网页制作和展示自己的能力。

3. 实验内容3.1 网页设计在设计网页之前，我们需要考虑以下几个要素：- 网页布局：确定网页的结构和组织方式。

常见的布局有单栏、双栏、三栏等。

- 颜色选择：选择适合个人风格和主题的颜色搭配。

可以使用颜色搭配工具辅助选择。

- 图片和视频：根据个人需要选择合适的图片和视频，并进行适当的处理和插入。

- 导航菜单：设计网页的导航菜单，使用户能够方便浏览和导航网页内容。

3.2 利用HTML和CSS进行网页设计和美化- 使用HTML语言搭建网页的基本结构，包括头部、导航栏、主体内容和底部等。

- 使用CSS语言对网页进行美化，包括设置字体、颜色、背景、边框等。

- 使用CSS布局技术对网页进行定位和排列，使网页布局更加美观和合理。

3.3 Markdown格式输出- 学习Markdown语法，包括标题、段落、列表、链接、图片等的使用。

- 利用Markdown语法输出个人网页的内容，使其具有结构清晰、易于读写和维护的特点。

4. 实验步骤4.1 网页设计- 根据自己的喜好和需要，设计个人网页的整体布局和颜色搭配方案。

- 选择合适的图片和视频素材，并进行适当的处理和插入。

- 设计网页的导航菜单，使用户能够方便浏览和导航网页内容。

4.2 利用HTML和CSS进行网页设计和美化- 使用HTML语言编写网页的基本结构，包括头部、导航栏、主体内容和底部等。

- 使用CSS语言对网页进行美化，包括设置字体、颜色、背景、边框等。

- 使用CSS布局技术对网页进行定位和排列。

4.3 Markdown格式输出- 学习Markdown语法，了解其基本规则和常用标记。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

郑州轻工业学院课程设计任务书题目个人网站的设计与实现主要内容：利用所学内容，设计个人网站基本要求：本系统制作一个个人网站，要求个人网站主题设计思想明确、思路清晰、颜色选择恰当、布局合理；多媒体（图像、音乐、滚动字幕）运用适当；Flash、框架运用合适；适当使用样式页（CSS）等。

1.1课题的背景......................................................... 错误！未定义书签。

1.2可行性研究......................................................... 错误！未定义书签。

二、需求分析................................................................... 错误！未定义书签。

2.1系统概述：......................................................... 错误！未定义书签。

2.2功能要求： (1)三、总体设计................................................................... 错误！未定义书签。

3.1功能设计 (3)3.2界面设计 (4)四．详细设计与实现....................................................... 错误！未定义书签。

六、结语 (24)个人网页设计和实现一、引言1.1课题的背景经过本学期对web设计基础这门课程的学习，对web的设计以及相关代码的使用有了深入的了解，在学期末制作主题为个人主页的网页，对其设计并实现。

1.2可行性研究经过考虑对制作工具的筛选，决定用Dreamweaver做个人网页，Photoshop 为辅助工具，设计和制作图片、页面及图标等。

本网站是以静态网页为基础，以Dreamweaver为制作软件、以Photoshop 为设计软件而成的。

通过这个学期对网页制作代码相关的学习以及之前对这些软件的了解，制作出相对简单的个人网页，展示自己相关的一些东西；本网站内容充实，在主页的设计上运用了模板，框架等。

分页面上运用了导航条。

插入了动态图片以及视频等给网增加了美观度，在首页的设计上本着简单易懂的原则，用户只要点击链接就能看到自己想看到的连接内容。

网站的首页设置了背景音乐，使访问者在浏览的同时还能欣赏到悠扬的旋律。

二、需求分析2.1系统概述一个具有个性的个人网站，是让别人对你进行了解，与别人沟通的更好途径，本文研究的是这次个人网站的设计与实现。

能让人通过本网站可以清晰地了解到我的一些信息。

运用Windows XP + Dreamweaver8 +PS 的网站设计制作环境，设计出神秘、活力的暗色与绚丽特效的网页特色。

2.2功能要求实现链接、滚动字幕或图片、插入音频、视频等插件的功能；三、总体设计运用Dreamweaver的框架功能；围绕关于我自己的一些相关信息进行分类，实现分类的链接进行制作；并且要注重网页的一体化，美感，还有色彩的搭配，音乐的选取等；3.1 功能设计：利用框架（选取了左右下的框架结构）设置基本模样。

左边框架作为导航栏，下边的部分作为滚动图片栏；右上方一大部分作为各个子网页的浏览区；在导航栏插入了音乐，以便放入的音乐不会随着链接的进入而消失，增添了网页的趣味性；导航栏包括共：我的档案，我的日志，我的班级，我的宠物，视频欣赏五项，分别链接到各个子页面；在导航区的最下方还设置有返回欢迎页面的链接；并且设置导航区的背景、颜色、插入动态图片等。

3.2 界面设计：本网页页面风格为暗色系，以黑色为主色其他色系进行搭配进行制作。

index_my web：主模块（右上层模块）添加制作的动态欢迎图片：欢迎来到小小寒的主页（动态）；左侧导航栏目分布了各个子页面的链接，点击即可进入各个子页面；右下方的模块放置我的图片，并且运动代码实现滚动功能；由导航栏分别可以进入以下子页面：我的档案：主要介绍了我的一些基本情况，爱好及性格特征等等；我的日志：选了一篇自己喜欢的写过的文章供大家阅读；我的宠物：展示了我的宠物小狗贝贝的一些东西，我养狗的一些感受等；我的班级：介绍了我的班级的基本情况；视频欣赏：摘选了一个搞笑flash给大家娱乐；以上五个分页面风格与整体保持一致，庄重而不失色彩；四、详细设计与实现1、创建网页页面：（1）新建站点：如图建立新站点，设置好各个选项，一般静态网页不用连接到网络，设置不用做太多修改，只需要设定好名称及文件夹位置即可。

（2）新建网页：如图，选择创建新项目的HTML，或者选择模板建立；创建好六个页面，分别保存名称为：index，我的档案，我的日志，我的班级，我的宠物，视频欣赏；2、打开页面，选择布局模式，使用左右下模板，保存主页面标题为index.html,标题改为“我的主页”；试运行，保存两个框架；在左层模块添加插件音乐，并缩小插件；（如图1）设置导航栏，为每个分类的文字添加链接，将文字添加链接到“我的档案”等各个子分页，并且分页链接目标选择mainframe（如图2）：图1：图2：在mainframe中插入自己在Photoshop中制作的动态欢迎图片，添加到layer1中可以调试位置；在下方框架中插入各种照片，运动滚动效果的代码实现其功能；为了美化在各个模块中背景插入了相框，条纹等动态闪动图片；让视觉效果更震撼；图一页面代码如下：<html><head><title>my web</title><style type="text/css"></style></head><body><p align="center" class="STYLE1"> </p><div id="Layer2"><span class="STYLE1"><embed src="music/英格玛- 谜- 慢嗨.mp3" width="16" height="8"></embed></span></div><p align="center" class="STYLE1"><a href="我的资料.html" target="mainFrame">我的档案</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE2"><a href="我的日志.html" target="mainFrame">我的日志</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的班级.html" target="mainFrame">我的班级</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的宠物.html" target="mainFrame">我的宠物</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的朋友.html" target="mainFrame">视频欣赏</a></p><p>   </p><p>  <img src="image/13294029.gif" width="80" height="130" /></p><p align="center" >┭<a href="index_my web.html" target="mainFram">返回主页</a></p> </body></html><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"></style></head><body><div id="Layer3"><img src="image/11.gif" width="1078" height="407" /><div id="Layer4"><img src="image/welcome.gif" width="923" height="338" /></div> </div></body></html><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"></style></head><body><p align="center" class="STYLE1"> </p><div id="Layer2"><span class="STYLE1"><embed src="music/英格玛- 谜- 慢嗨.mp3" width="16" height="8"></embed></span></div><p align="center" class="STYLE1"><a href="我的资料.html" target="mainFrame">我的档案</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE2"><a href="我的日志.html" target="mainFrame">我的日志</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的班级.html" target="mainFrame">我的班级</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的宠物.html" target="mainFrame">我的宠物</a></p><p align="center" class="STYLE1"> </p><p align="center" class="STYLE1"><a href="我的朋友.html" target="mainFrame">视频欣赏</a></p><p>   </p><p>  <img src="image/13294029.gif" width="80" height="130" /></p><p align="center" >┭<a href="index_my web.html" target="mainFram">返回主页</a></p> </body></html><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>小小寒的主页</title><style type="text/css"></head><body><DIV id=demoleft style="OVERFLOW: hidden; WIDTH: 1100px; COLOR: #ffffff"><TABLE border=0 cellPadding=0 cellSpacing=0 cellspace="0"><TBODY><TR><TD id=demo1left vAlign=top align=middle><TABLE cellSpacing=0 cellPadding=2 border=0><TBODY><TR align=middle><TD><div id="Layer2"><img src="image/121444306241.gif" width="1100" height="159"/></div><img src="image/SP_A1431.jpg" width="143" height="115" /></TD><TD><img src="image/SP_A2839.jpg" width="153" height="115" /></TD><TD><img src="image/SP_A3198.jpg" width="162" height="116" /></TD><TD><img src="image/SP_A3517.jpg" width="156" height="117" /></TD><TD><img src="image/SP_A28621.jpg" width="165" height="119" /></TD><TD><img src="image/xiangxin11.jpg" width="169" height="123" /></TD><TD><img src="image/图像007 (2)副本.jpg" width="99" height="124" /></TD></TR></TBODY></TABLE></TD><TD id=demo2left vAlign=top></TD></TR></TBODY></TABLE></DIV><SCRIPT>var speed=8//速度数值越大速度越慢,demo2.offsetWidth=demo1.offsetWidth=固定值demo2left.innerHTML=demo1left.innerHTMLfunction Marquee(){if(demo2left.offsetWidth-demoleft.scrollLeft<=0)//其实demo.scrollLeft是有最大值的，和demo0.width,引用的图片的width有关系。