电大网站设计毕业设计说明书
网页设计毕业设计说明书
网页设计毕业设计说明书网页设计毕业设计说明书一、引言在当今数字化时代，互联网已经成为人们生活中不可或缺的一部分。
随着互联网的普及和发展，网页设计作为一门新兴的职业逐渐受到人们的重视。
本毕业设计旨在通过对网页设计的深入研究和实践，探索如何利用设计原理和技术来创造出具有吸引力和用户友好性的网页。
二、背景随着互联网的快速发展，越来越多的企业和个人开始意识到网页设计对于网站的重要性。
一个好的网页设计不仅可以吸引用户的眼球，还能提升用户体验，增加网站的可用性和可访问性。
因此，学习和掌握网页设计技能对于未来从事相关职业的学生来说至关重要。
三、目标本毕业设计的目标是通过学习网页设计的基本原理和技术，设计并开发一个具有创新性和实用性的网页。
通过此项目，将会探索以下几个方面：1. 网页设计的基本原则：包括布局、色彩、字体等方面的设计原则；2. 用户体验设计：通过用户研究和测试，优化网页的用户界面和交互设计；3. 响应式设计：设计一个适应不同设备和屏幕尺寸的网页；4. 网页性能优化：通过优化代码和图像等方式，提高网页的加载速度和性能。
四、方法与步骤1. 网页设计理论学习：通过学习相关的网页设计理论和实践，掌握网页设计的基本原则和技巧；2. 网页设计工具使用：学习并掌握一些流行的网页设计工具，如Adobe Photoshop、Adobe Illustrator等；3. 网页开发技术学习：学习并掌握一些常用的网页开发技术，如HTML、CSS、JavaScript等；4. 网页设计实践：根据学习的理论和技术知识，设计并开发一个具有创新性和实用性的网页；5. 用户测试和反馈：邀请一些用户进行测试，并根据他们的反馈进行网页的优化和改进。
五、预期成果通过本毕业设计，预期将会产生以下几个成果：1. 网页设计说明书：详细记录网页设计的整个过程，包括设计思路、技术选择、界面设计等；2. 网页设计原型：根据设计说明书，制作一个网页设计的原型，展示网页的布局和交互效果；3. 网页设计实现：根据设计原型，使用HTML、CSS等技术实现一个完整的网页；4. 用户测试报告：记录用户测试的结果和反馈，分析用户对网页的使用体验和建议；5. 毕业设计论文：撰写一篇毕业设计论文，总结整个设计过程和成果，探讨网页设计的相关问题和未来发展趋势。
电大计算机毕业设计说明书样本
辽宁广播电视大学开放教育试点计算机网络技术专业（专科）毕业设计说明书设计题目：体育小报网站教学班：计算机网络技术专业学生姓名：李环宇学号：指导教师：完成日期：目录第一章引言 ------------------------------------------------------1 1.1 网站开发意义 --------------------------------------------------2 1.2 网站简介 --------------------------------------------------- 2 1.3 网站制作背景 -------------------------------------------------2 1.4 网站制作目标 -------------------------------------------------2 1.5 相关技术及软件介绍 -------------------------------------------3 第二章可行性分析 ------------------------------------------------4 2.1功能可行性分析 ------------------------------------------------5 2.2技术可行性分析 ------------------------------------------------5 第三章需求分析 --------------------------------------------------7 3.1功能描述 ----------------------------------------------------7 3.2内容 -------------------------------------------------------- 7 第四章网站开发工具 ----------------------------------------------8 4.1 网页制作软件概述 --------------------------------------------8 4.2 网页制作软件Dreamweaver -----------------------------------8 4.3 图象处理软件PHOTOSHOP --------------------------------------9 第五章网站设计与版式风格 ----------------------------------------10 5.1网站设计思想 -------------------------------------------------10 5.2网站结构-------------------------------------------------------10 5.3网站版式风格---------------------------------------------------12 5.4 网站功能 -----------------------------------------------------12 第六章网站实现----------------------------------------------------13 6.1 频道与栏目 ---------------------------------------------------13 6.2 文本与插图 ---------------------------------------------------14 6.3 特效制作 -----------------------------------------------------14 6.4 多媒体制作 ---------------------------------------------------14 第七章网站测试与调试----------------------------------------------15 7.1 测试的任务与目标 ---------------------------------------------157.2 测试方案-------------------------------------------------------15 7.3 测试结果-----------------------------------------------------15 结束语-------------------------------------------------------------16 致谢---------------------------------------------------------------17附录:参考文献-----------------------------------------------------------18第一章引言随着Internet的普及和深入,传统的“千人一面”的静态网页已经不能满足人们日益增长的获取有效信息的需求，在这种情况下，能够实现交互式的动态网页技术应运而生。
毕业设计任务书---《网站设计》（共5则范文）
毕业设计任务书---《网站设计》（共5则范文）第一篇：毕业设计任务书---《网站设计》（共）毕业设计任务书---《网站设计》一、教学目的毕业设计是毕业教学中的一项重要内容，是完成教学计划达到教学目标的重要环节，是教学计划中综合性较强的实践教学环节，它对帮助学生全面牢固地掌握课内教学内容、培养学生的实践和实际动手能力、提高学生全面素质具有很重要的意义。
网页设计的教学计划要求学生通过学习熟练掌握网站建设和网页制作技术，掌握网页设计的技术与网站建设的思路，因此，毕业设计环节就占有更加重要的地位。
本毕业设计应达到以下教学目的：1、使学生对于网络信息及网络信息发布有更加深入的理解2、提高学生在实际操作中收集信息、对信息进行价值判断、进行信息整理、信息加工的能力3、提高学生的网页设计与制作能力4、使学生进一步掌握网络信息发布的原理，及网络信息发布所需的软件、硬件条件5、使学生掌握利用软硬件资源发布一个具体网站的操作过程二、设计的总体目标：（一）设计目标及要求1、•必须选择某企业或公司作为自己网站设计的对象。
比如手机网站、汽车网站、图书网站等。
2、充分收集、整理网站设计必需的企业资料。
如：企业简介、服务承诺、经营状况、产品分类、•产品性能规格介绍、、图片资料等。
3、必须有自主设计的网站标志Logo（图标），企业动态图片资料，•交互式表单等。
4、网站设计必须包含足够的信息量。
·主页面信息量在８０～１００KB之间·次级页面设计２～３层，每层信息量不低于30KB•（或按情况适当浮动）5、符合“三次单击”原则，•即网站的任何信息都应在最多三次单击后找到。
6、网页版面设计要求简洁、主色调显明，•视觉效果良好7、次级页面至少有一个采用框架网页设计，其余网页公共表头或表尾采用共享边框设计。
8、•主页面上至少有６个以上的次级栏目超链接设置和多个相关资料友好链接处。
9、主页面上必须有动态时间显示、版权申明、联系方式等。
网站设计-毕业设计说明
毕业设计（论文）题目 Torrens网站设计系 (部) 数字媒体系专业（方向）图形图像制作（计算机）班级学生姓名指导教师总成绩职业技术学院教务处制2009年12月毕业设计（论文）过程检查表学生毕业设计、论文或作品等的说明网页UI设计与用户体验===============================================================================================网页设计的作用在于展示企业形象，并协助、指导用户顺利完成访问目标及任务流程。
《网页设计与用户体验》探讨网站外观与界面设计的用户易用性。
由新竞争力网页设计师通过大量案例阐述影响用户体验的网页设计问题。
涉及用户需求分析、网站整体风格和品牌形象、“实用”与“美观”的平衡点、网站导航设计、网站界面布局、网站视觉元素设计等网页设计主题。
网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用户习惯的方式呈现。
同时网站的外观设计还要通过对用户行为的引导服务于网站的运营目标。
时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观设计而忽略了最根本的企业的行业属性，过于注重视觉效果，网站美观有余实用不足。
1、试着去了解用户网页设计师在进行网站的外观设计之前，不妨先去思考几个问题•谁是你的目标用户？•目标用户具有什么特点？•你的网站运营目标是什么？•如何让你的设计真正为传递网站内容和产品价值而服务？•你的设计能否给目标用户带来更好的体验？网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用户习惯的方式呈现。
同时网站的外观设计还要通过对用户行为的引导服务于网站的运营目标。
时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观设计而忽略了最根本的企业的行业属性，过于注重视觉效果，网站美观有余实用不足。
网站设计说明书模板
网站设计说明书模板一、网站设计说明书的基本信息。
1. 项目名称，（填写你的网站名称）。
2. 项目发起单位，（填写你的公司或个人名称）。
3. 项目负责人，（填写你的姓名）。
4. 项目联系方式，（填写你的联系方式）。
5. 项目开始时间，（填写项目开始时间）。
6. 项目预计完成时间，（填写项目预计完成时间）。
二、网站设计目标。
1. 网站设计的目的和意义。
2. 网站的定位和目标用户群体。
3. 网站所包含的内容和功能。
4. 网站的预期效果和收益。
三、网站整体设计方案。
1. 网站整体风格和色彩搭配。
2. 网站的布局和导航结构。
3. 网站的页面设计和排版。
4. 网站的交互设计和用户体验。
5. 网站的响应式设计和移动端适配。
四、网站各模块设计说明。
1. 首页设计说明。
2. 分类页面设计说明。
3. 详情页面设计说明。
4. 用户中心设计说明。
5. 其他特殊页面设计说明。
五、网站技术实现方案。
1. 网站的技术架构和开发语言。
2. 网站的数据库设计和管理。
3. 网站的服务器和域名配置。
4. 网站的安全性和稳定性保障。
六、网站运营和维护方案。
1. 网站的内容更新和维护计划。
2. 网站的推广和营销策略。
3. 网站的用户反馈和问题处理机制。
4. 网站的数据分析和优化方案。
七、网站设计说明书附录。
1. 相关设计图纸和效果图。
2. 网站设计所需的资源和素材。
3. 其他需要说明的内容。
以上就是一个网站设计说明书模板的基本内容和格式，当然具体的网站设计说明书还需要根据实际项目的需求进行调整和完善。
希望以上内容能够对你在进行网站设计说明书编写时有所帮助。
网页设计与制作综合实验毕业设计说明书
网页设计与制作综合实验毕业设计说明书一、选题的背景与意义在互联网时代，网页已经成为人们获取信息、社交沟通、商务合作以及文化传播等方面的主要手段之一。
随着国家政策支持和互联网普及率的逐步提高，企业、政府和个人都逐渐开始注重网站建设，网页设计与制作技术得到了越来越广泛的应用。
因此，本文选题是“网页设计与制作综合实验”，旨在通过对网页设计与制作技术的研究与应用，掌握网页制作的基本流程、技术要点和优化方法，提高网站设计与用户体验的质量，为实现多样化的互联网需求做出贡献。
二、论文的研究目标和意义（一）研究目标该论文的研究目标主要是在理论基础的基础上，进行网页设计与制作的实践性实验，旨在通过模拟具体项目案例，掌握网站设计与制作的基本流程，并能够独立完成中小型网站的设计和制作。
（二）研究意义通过对网页设计与制作技术的研究和实践，可以达到以下研究意义：1、提高学生的综合素质，增强学生的动手实践能力和网站设计、制作能力。
2、加强学生的团队协作意识，培养学生在多人协作下完成一个完整项目的能力。
3、通过设计与制作，提高学生对网站制作的理解，有助于他们将来在工作中更好的应用这些技能。
4、通过研究现实案例的方式，有利于学生了解行业趋势，为学生从事IT行业打下良好的基础。
三、研究内容和方法（一）研究内容本实验通过选取某互联网项目，重点研究网页设计与制作的以下内容：1、网页设计的基本原则和设计流程；2、网页制作所需软件和工具的使用方法；3、常用的HTML 、CSS和Javascript等相关技术的掌握；4、实现网页布局、图片制作、导航设计、表单设计、动画效果等诸多方面的技术细节。
（二）研究方法1、文献资料法，收集并阅读相关网站设计、制作的文献资料、技术手册、设计案例等；2、实践操作法，采用实验室用计算机将设计理论技术应用到实际项目中，通过实践熟悉并掌握网页设计与制作的全过程；3、问卷调查法，对参与设计制作的用户进行调查，了解他们对于网站的期望以及使用中所遇到的问题，以此来改进网站的设计和实现。
计算机网络技术网页制作毕业论文设计说明书
江南影视艺术职业学院毕业设计（论文）题目姓名学号专业指导教师2012 年6 月1 日Ⅰ设计总说明本设计按照学校毕业设计任务的要求完成，题目为学校教育论坛网站。
设计主要包括了注册登录系统，留言系统，后台管理系统等。
本设计通过当今社会的背景证实它是可行的。
本设计主要运用了dreamweaver、Access数据库、photoshop等软件。
该设计的页面简洁明了，一目了然，符合了普通学生对网页的操作要求。
简单的同时，它的内容也不乏丰富，学生可以通过浏览网站得到他所需要的信息。
关键词：可行性，需求，总体设计，详细设计，系统测试与分析。
General description of designThis design according to the school graduation design task requirements, subject to school education forum website. The design mainly includes the registration system, message systems, background management system. Through the design of today's social background proved it is feasible. The design of the main application of Dreamweaver, Access database, Photoshop etc. software. The design of the page is concise, stick out a mile, with ordinary students on webpage operational requirements. Simple at the same time, its content is rich, students can browse through the website to get the information he needed.Key words: feasibility, demand, overall design, detailed design, system testing and analysis.目录设计总说明 (Ⅰ)正文 (Ⅱ)1、可行性分析 (4)1．1 软件、硬件设备上 (4)1．2 开发、维护、管理上 (4)1．3 经济上的可行性 (4)1．4 社会可行性 (4)2、需求分析 (5)2．1 背景 (5)2．2 必要性 (5)3、总体设计 (5)3．1 提纲 (5)3．2 运行结果 (6)4、详细设计 (7)4．1 建立站点 (7)4．2 建立数据库 (8)4．3 绑定数据库 (8)4．4 主页和详细页面 (8)4．5 注册页面 (9)4．6 数据库中添加数据 (9)4．7 成功页面以及失败页面 (10)4．8 登录页面设计 (10)4．9 留言页面设计 (11)4．10 注册失败页面 (11)4．11 注册成功页面 (11)5、系统测试与分析 (12)5．1 注册页面测试 (12)5．2 登录页面测试 (12)6、结论 (13)7、谢词 (13)8、参考文献 (13)Ⅱ学校教育论坛网站建设说明书第一章可行性分析1．1 软件、硬件设备上制作图书馆搜书所需的软硬件要求不高，dreamweaver网上可供下载，目前市场上所提供的计算机硬件资源能够满足系统的开发需求，有dreamweaver网上可供下载。
电大毕业设计任务书
电大毕业设计任务书一、题目小型电子商务网站的规划与设计二、设计目的网站的建设是各个企业投身Internet的第一步，本毕业设计希望通过对电子商务网站的规划与设计来培养学生综合运用所学知识分析和解决实际问题的能力，掌握相关网页制作软件，强化计算机实际应用技能训练，为今后开展网站规划、设计和开发打下初步的基础。
三、设计要求1、运用Dreamwearer等网络制作软件制作主页及其相关链接的页面。
2、主页要求：清纯简洁、主题鲜明、内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站首页的基本功能。
3、网站具备的基本功能：用户注册、公司简介、产品目录、商品展示、订购及查看购物车等。
4、选题要得当，形式可以多样，但内容要健康。
5、网站建立后要完成测试，最后将运行稳定的网站所有文件用磁盘或光盘拷贝给指导老师。
四、开发工具DreamwearerMX、HTML等五、设计报告内容1、封面2、目录3、论文摘要、关键词4、建立该网站的目的、意义；5、当前网站建设的基本情况，本网站的总体规划、功能和设计目标，包含网站的结构图；6、本网站设计中具体实现的几个关键功能和相关技术说明；7、使用数据库的部分要列出相关数据结构及实现的算法；8、网站测试及发布的情况；9、网站建设的心得体会和扩展性分析；10、致谢；11、参考文献。
六、参考文献1、毛璟骏编著.《Macromedia中国授权认证培训专用教程——MacromediaDreamweaverMX动态网站开发标准教程》.科学出版社；2、《DreamweaverUltraDev 动态网页设计》.人民邮电出版社；3、龙马工作室编著.《DreamweaverMXASP网页编程入门与范例制作》.机械工业出版社。
七、时间安排20XX年1月4日，布置毕业设计任务，明确分组负责人和联系办法，讲解毕业设计的方法和步骤，假期自学相关的软件，收集资料，编写设计方案。
2月27-29日，每人提交一份计划书，汇报对该网站设计的设想，明确每人负责的具体任务，并进入实质性操作阶段。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第一章概述1.1 网站建设的意义Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。
据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。
近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。
Internet的迅猛发展正在彻底地改变我们的生活、工作方式，网络已经成为我们生活中不可缺少的一部分。
信息时代的来临拓宽了大家进行自我提升的途径，同时也对大家的素质提出了更高的要求。
被称为当今社会的“天之骄子”的电脑主宰着世界的前进，而主宰电脑的我们则更应该多思考，多研究，多学习。
只读书的学习方式一去不复返，科技的日新月异，使我们不得不学习一种新的知识--计算机技术。
怪不得有人说“不会电脑的人，将是新世纪的文盲”，足见网上学习的重要性。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
1.2 网站的定位为了弘扬中华传统文化，提高大家的生活质量，使大家的烹调技术有进一步的提高，本网站的定位为：为用户提供最方便最详尽的美食菜谱，按照菜系对菜谱进行分类，使用户找到自己想要的菜式做法将更加简单。
网站的名称为《美食网》，为生活类网站。
设置：川菜、鲁菜、粤菜、江淮菜四个大类。
每个大类下都有：热菜、凉菜、主食三个方面。
通过不同角度，向用户展示四大菜系的代表美食。
致力于为中国家庭和个人提供完美的美食解决方案。
第二章 网站的总体设计2.1 网站的规划网站采用清新简洁的风格，避免繁杂纷乱的现象。
使用户方便快速的找到自己想要的信息。
川菜采用红色为主色调；鲁菜采用橙色为主色调；粤菜采用蓝色为主色调；江淮菜采用绿色为主色调，体现各大菜系不同的特点。
并配以与主题相符合的图片，以突出主题。
网站设置一个首页，四个一级导航，每个一级导航下设置三个二级导航。
每个二级导航下添加十篇文章。
网站结构及栏目如下：2.2 素材的搜集做网站之前，我们要事先根据网站设计的方案，定位网站的方向，然后搜集一些符合网站主题的素材供制作。
这些素材包括有：色彩搭配、文字、图片、多媒体等。
1.文本内容素材的收集具体的文本内容，可以让访问者清楚地知道作者的Wpb页中想要说明的东西。
我们可以从网络、书本、报刊上找到需要的文字材料，也可以使用平时的试卷和复习资料，还可以自己编写有关的文字材料，将这些素材制作成Word文档保存在“文字资料飞子目录下。
收集的文本素材既要丰富，又要便于有机地组织，这样才能做出内容丰富、整体感强的网站。
2.艺术内容素材的收集只有文本内容的网站对于访问者来讲，是枯燥乏味、缺乏生机的。
如果加上艺术内容素材，如静态图片、动态图像、音像等.将使网页充满动感与生机，也将吸引更多的访问者。
上海网站设计时候这些素材主要来自于以下4个方面。
从Internet上获取。
可以充分利用网上的共享资源，如使用百度、Sohu等引笨收集图片素材。
从CD-ROM中获取。
在市面上，有许多关于图片素材库的光盘.也有许多教学软件，可以选取其中的图片资料。
利用现成图片或自己拍摄。
既可以从各种图书出版物(如科普读物、教科书、杂志封面、摄影集、摄影杂志等)获取图片。
也可以使用自己拍摄和积累的照片资料。
将杂志的封面彩图用彩色扫描仪扫描下来，经过加工后。
整合制作到网页中。
自己动手制作一些特殊效果的图片，特别是动态图像，自己动手制作往往效果更好。
可采用Flash进行制作。
鉴于网上只能支持几种图片格式，所以可先将以上途径收集的图片用Photo shop等图像处理工具转换成JPG. GIF形式，再保存到“图片资料”目录下。
另外，图片应尽量精美而小巧，不要盲目追求大而全，要以在网页的美观与网络的速度两者之间取得良好的平衡为宜。
搜集素材是网站设计关健性一步，要学会搜集素材的方法与方式，并且能分类保存、整理需要的素材，切不可引用一些不健康或是过于花哨的动画图片素材。
第三章网站各页面的详细设计3.1 主页的设计及制作首页一个网站最先展示给用户的页面，因此，首页的设计显得尤为重要。
网站整体采用橙色背景，顶部左侧为网站的logo“美食网”，右侧为美食网的宣传广告条。
下面为导航条，导航内容分别为：川菜菜系、鲁菜菜系、粤菜菜系、江淮菜系四个分类。
以上为网页头部分，后面所有网页都会使用同样的网页头，所以将页面先另存为模板，以供后续使用。
下面添加宣传图片，在云纹背景下，以书法艺术字体制作四大菜系的名称并制作一个美食网的印章。
使主页看起来简洁大方。
网页最下面加入关于本站的版权信息。
3.2 专题网页的设计及制作载入前面保存的模板，在导航条下面表格中插入一行三列表格。
每个表格中输入二级导航的文字，制作出二级导航链接。
下面左侧为本类菜系的介绍，右侧为本类菜系代表性图片。
二级网页共四个网页：川菜：调味多变，菜式多样，口味清鲜醇浓并重，以善用麻辣著称，具有别具一格的烹调方法和浓郁的地方风味。
根据川菜的特点，背景色采用红色，选用图片也以红色调为主以突出主题。
鲁菜：原料多选禽畜、海产、蔬菜，善用爆、熘、扒、烤、锅、拔丝、蜜汁等烹调方法，偏重于酱、葱、蒜调味，善用清汤、奶汤增鲜，口味咸鲜。
根据鲁菜特点，背景采用橙色，图片也要贴近鲁菜主题。
粤菜：粤菜注意吸取各菜系之长，烹调技艺多样善变，用料奇异广博，在烹调上一炒、爆为主，兼有烩、煎、烤，讲究清而不淡，鲜而不俗，嫩而不生，油而不腻，有“五滋”、“六味”之说。
根据粤菜特点，背景选用蓝色，考虑到粤菜系煲汤闻名，图片选用汤类，以贴近主题。
江淮菜：江淮菜是江浙菜和淮扬菜的合称。
原料多以水产为主，注重鲜活，刀工比较精细，尤以瓜雕享誉四方。
善用炖、焖、烤、煨等烹调方法，口味平和，清鲜而略带甜味。
根据此特点，背景选用清新的绿色，图片也要选择江淮菜的水产菜肴，以贴近主题。
依次制作网页的内容，设置好文字和图片的链接，及文章列表的链接。
将网页存为模板，以供后续使用。
3.3 分类网页的设计及制作载入保存的模板文件，左侧采用相应的图片制作本类的logo。
中间添加本类的文章列表。
列表四周制作细边框效果，使页面看起来更加整齐、美观。
细边框制作方法如下：插入一个一行一列的表格，设置“填充”为0，“边框”为0，“间距”为1，背景颜色为要显示的边框的颜色。
之后将光标置入表格内，设置单元格的背景颜色与网页的底色相同就可以了。
右侧放置图片轮播模块，使用JavaScript语言实现图片轮播的效果。
将编辑好的JavaScript代码另存为SlideTrans.js文件。
在主页选择代码模式，在<head></head>之间添加代码:<script src="SlideTrans.js"></script>。
在<body></body>之间开头的部分添加代码:<style type="text/css">.container, .container img{width:280px; height:280px;}.container img{border:0;vertical-align:top;}</style><style type="text/css">.container ul, .container li{list-style:none;margin:0;padding:0;}.num{ position:absolute; right:5px; bottom:5px; font:12px/1.5 tahoma, arial; height:18px;}.num li{float: left;color: #d94b01;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 11px;cursor: pointer;margin-left: 3px;border: 1px solid #f47500;background-color: #fcf2cf;}.num li.on{line-height: 18px;width: 18px;height: 18px;font-size: 14px;margin-top:-2px;background-color: #ff9415;font-weight: bold;color:#FFF;}</style>在最后添加代码：<script>var nums = [], timer, n = $$("idSlider2").getElementsByTagName("li").length,st = new SlideTrans("idContainer2", "idSlider2", n, {onStart: function(){//设置按钮样式forEach(nums, function(o, i){ o.className = st.Index == i ? "on" : ""; })}});for(var i = 1; i <= n; AddNum(i++)){};function AddNum(i){var num = $$("idNum").appendChild(document.createElement("li"));num.innerHTML = i--;num.onmouseover = function(){timer = setTimeout(function(){ num.className = "on"; st.Auto = false; st.Run(i); }, 200);}num.onmouseout = function(){ clearTimeout(timer); num.className = ""; st.Auto = true; st.Run(); }nums[i] = num;}st.Run();$$("idAuto").onclick = function(){if(st.Auto){st.Auto = false; st.Stop(); this.value = "自动";}else{st.Auto = true; st.Run(); this.value = "停止";}}$$("idNext").onclick = function(){ st.Next(); }$$("idPre").onclick = function(){ st.Previous(); }$$("idTween").onchange = function(){switch (parseInt(this.value)){case 2 :st.Tween = Tween.Bounce.easeOut; break;case 1 :st.Tween = Tween.Back.easeOut; break;default :st.Tween = Tween.Quart.easeOut;}}</script>设置好文章标题的链接。