网页设计论文

1、网页设计论文 摘 要在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，他在人么政治、经济、文化、科学、生活等各个方面发挥着重要的作用。因此网站建设在internet应用上的地位显而易见，他已成为政府、企事业单位信息化建设的重要组成部分，从而备受人们的重视。目前，使用最多的网站设计软件就是dreamweaver，利用dream- weaver中的可视化编辑功能，可以快速的创建页面而无需编写任何代码。同时dreamweaver cs3提供了强大的设计功能来确保高质量网页的完成，设计环境也使用了css样式表来进行网页样式的统一管理，可以迅速高效的开发出代码简洁、专业

2、的站点。并且，借助dreamweaver，还可以使用服务器语言例如asp、asp.net、jsp和php生成支持动态数据库的web应用程序。系统的主要特点：1. 风格统一，注重工艺品类网站所重视的内涵和视觉创意。2. 使用服务器语言asp实现动态网页的基本功能。3. 网站页面布局简洁、明了。 关键字：数据库 工艺品 网站设计 asp i 目 录第1章 选题及本次课程设计的任务 11.1查找资料 11.2选题11.3总结数据、明确任务 11.4本次设计的重大意义 11.5本章小节 2第2章设计实现的详细步骤 32.1网站功能构架图 32.2制作网页前期准备 32.3制作网页步骤 52.4本章小节

3、 14第3章 设计中遇到的重点及难点 153.1在数据库连接中遇到的重点及难点 153.2 css样式设计中遇到的重点及难点 153.3在javascript脚本中遇到的重点及难点 153.4在后台管理中遇到的重点及难点 153.5本章小节 16第4章 本次设计中存在不足与改良方案 174.1 系统设计构思不精细 174.2语言及其他掌握不够 174.3改良方案 174.4本章小结 17 结 论 18 参考文献 19 致 谢 20 ii 第一章 选题及本次课程设计的任务1.1查找资料在网站课程设计开始之前，我就精心准备，阅读大量有关这方面的书籍，深层次的了解了dreamweaver这门课程，能

4、够灵活运用里面的知识解决实际问题，掌握了dreamweaver里面的特点及重点：动态网页、功能及界面结构等，进而为网页制作打好基础。1.2选题本次课程设计题目：“工艺品类网站的制作”主要目的是方便用户的浏览与使用。同时对整个程序的分析、设计过程给出一个完整的论证。工艺品网站是一种运用dreamweaver知识制作的一个新型的工艺品类网站。在完成网站的基本设计的同时增加了使用asp服务器技术完成一些后台管理的功能。本网站的建成无疑会为工艺品网站的使用者提供方便快捷的使用提供极大的帮助。1.3总结数据，明确任务利用所学dreamweaver知识制作一个有关工艺品类的网站，要求简单美观的界面，必要的

5、后台管理，有必要的说明，后台能够实现留言、新闻、产品的添加与删除等管理功能，使用css样式统一网站风格，运用模板或库完成相同页面的使用。完成时间三周，要求个人独立完成，附带详细程序清单，说明。1.4本次设计的重大意义课程设计是对所学课程内容全面、系统的总结、巩固和提高的一项课程实践活动。充分了解dreamweaver使用的含义。根据dreamweaver的特点，选择相应的题目，在老师的指导下，由学生独立完成。课程设计要求同学们熟悉dreamweaver的使用。通过课程设计，一方面提高运用dreamweaver解决实际问题的能力，另一方面使同学们更深入的了解计算机系统内部的有关知识，为以后的学习

6、和网站系统开发奠定良好的基础。 1.5本章小节本章通过调研分析为同学们说明了我制作的工艺品网站的作用，以及dreamweaver的一些基本知识。让同学们明确课程设计的意义，顺利的完成此次设计任务，为以后的学习和工作打下坚实的基础。 第二章设计实现的详细步骤2.1网站功能构架图图2-1 架构图2.2制作网页前期准备2.2.1 设置服务器设置服务器是制作动态网页的最基本前提，首先，将本地使用的计算机设置为服务器，安装iis程序。2.2.2 建立站点安装完服务器之后，系统就会自动建立了一个服务器根目录c:inetpubwwwroot，要使网页制作完成后可以浏览动态网页，就需要在该目录下建立存储网页的

7、文件夹，在该目录下建立站点。2.2.3 建立数据库数据库是动态网页存放数据的地方，在制作网页之前首先要为数据库建 立数据表，文轩工艺品网站需要3个数据库，分别是管理产品介绍的数据库的shop.mdb、管理新闻内容的news.mdb、管理留言及登录的member.mdb，其中shop.mdb与news.mdb分别有一个数据表是tbproduct和news，tbproduct表中包括字段有：name（产品名称）、content（产品介绍）、img（产品图片）等，news表中包括字段有name（新闻标题）、data（新闻上传时间）、content（新闻具体内容）。在member.mdb中有dengl

8、u、tbbook、tbmember三个表，denglu表中包括字段有username（管理员名称）、password（管理员登录密码），tbbook表中包括字段name（留言会员昵称）、email（留言会员邮箱）、content（会员留言内容）、data（会员留言时间）等，tbmember表中包括字段有：name（会员注册名称）、password（密码）、cpassword（确认密码）、email（会员注册邮箱）。将完成好的数据库要全部保存到本地服务器文件夹中，以便以后网页中的连接。2.2.4 设置css样式布局网页外观使用css样式设置网页样式，避免了分别设置每一个元素样式的繁琐，更容易管理

9、和统一网站风格，大大减少了重复劳动的工作量。在网页中设置了网页所需各种文字的大小与颜色，设置了网页的背景，使网站的风格得到了统一，同时，如果要改变网站风格的话，直接改变css样式表中设置的样式即可。所需代码如下：charset "gb2312".bg background-color: #870100;.word color: #ffffff;text-align: center;font-size: 12px;.bg1 background-color: #3e0000;font-size: 12px;color: #1a0000;.dengluword color: #

10、ffffff;text-align: right; font-size: 12px;.word1 color: #ffffff;font-size: 12px;a:link font-size: 12px;color: #ffff00;text-decoration: underline; a:visitedfont-size: 12px;color: #ff0000;text-decoration: none; .imgborder: 12px ridge #e22b1b; .word2 font-size: 12px;color: #000000;text-align: right; 2.

11、3制作网页步骤2.3.1 制作网站欢迎动画在工艺品网站中，经常使用一个引导网页来制作打开网站的第一页，这样的目的是即展示了企业的形象，又能显示网页的个性。如图（图2-2 欢迎动画）。 2.3.2 制作网站首页 图2-2 欢迎动画文轩工艺品网站是一个综合类门户网站，它的内容涉及工艺品的方方面面，设计风格包含了一些中国元素，颜色以棕红色为主，给人传统、古朴的感觉。如图（图2-3 网站首页） 图2-3 网站首页 首页制作具体步骤1. 构建表格框架，通过对表格的布局及嵌套使用，对网站进行整体布局。2制作网页导航。3. 在网页中显示时间，显示时间会随着日期的变化而自动更新，为用户的使用带来了方便。具体代

12、码如下：<script language="javascript" type="text/javascript">var day=""var month=""var ampm=""var ampmhour=""var myweekday=""var year=""mydate=new date();myweekday=mydate.getday();mymonth=mydate.getmonth()+1;myday= myd

13、ate.getdate();myyear= mydate.getyear();year=(myyear > 200) ? myyear : 1900 + myyear;if(myweekday = 0)weekday=" 星期日 "else if(myweekday = 1)weekday=" 星期一 "else if(myweekday = 2)weekday=" 星期二 "else if(myweekday = 3)weekday=" 星期三 "else if(myweekday = 4)weekday=

14、" 星期四 "else if(myweekday = 5)weekday=" 星期五 "else if(myweekday = 6) weekday=" 星期六 "document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </script>4. 制作网页访问人数。代码如下：<script language="javascript"><!-var caution = fal

15、sefunction setcookie(name, value, expires, path, domain, secure) var curcookie = name + "=" + escape(value) +(expires) ? " expires=" + expires.togmtstring() : "") + (path) ? " path=" + path : "") +(domain) ? " domain=" + domain : "&quo

16、t;) +(secure) ? " secure" : "")if (!caution | (name + "=" + escape(value).length <= 4000) document.cookie = curcookieelseif (confirm("cookie exceeds 4kb and will be cut!")document.cookie = curcookiefunction getcookie(name) var prefix = name + "="v

17、ar cookiestartindex = document.cookie.indexof(prefix)if (cookiestartindex = -1)return nullvar cookieendindex = document.cookie.indexof("", cookiestartindex + prefix.length)if (cookieendindex = -1)cookieendindex = document.cookie.lengthreturn unescape(document.cookie.substring(cookiestartin

18、dex + prefix.length, cookieendindex) function deletecookie(name, path, domain) if (getcookie(name) document.cookie = name + "=" +(path) ? " path=" + path : "") +(domain) ? " domain=" + domain : "") +" expires=thu, 01-jan-70 00:00:01 gmt"fun

19、ction fixdate(date) var base = new date(0)var skew = base.gettime()if (skew > 0)date.settime(date.gettime() - skew)var now = new date()fixdate(now)now.settime(now.gettime() + 365 * 24 * 60 * 60 * 1000)var visits = getcookie("counter")if (!visits)visits = 1elsevisits = parseint(visits) +

20、 1setcookie("counter", visits, now)document.write("第 " + visits + " 位访客！")/ -></script>5. 利用div制作跟随页面滚动条滚动的图片。如图（图2-4 跟随图片） 图2-4 跟随图片 具体代码如下：<script language="javascript">function move(ss)document.all.ss.style.visibility="visible"var y

21、=200;var diff=(document.body.scrolltop)*0.1;var y=document.body.scrolltop+y-diff;eval("document.all."+ss+".style.postop=y");eval("document.all."+ss+".style.posleft=1090");settimeout("move(ss)",1);</script>6连接数据库。使用自定义连接字符串方法连接已建立的数据库，字符串使用相对路径连

22、接方式，使网页具有可移动性，增强网页功能效果，使用相对路径连接方式如下："provider=microsoft.jet.oledb.4.0;data source="+server.mappath("menber.mdb")。7. 利用javascript脚本制作滚动新闻。滚动新闻onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2" direction="up" width="2

23、00" height="180"> 了图片所滚动的方向。9会员登录的制作。会员登录后面会详细介绍。2.3.3 制作网站所需模板在设计的网站中如果需要同样的多个界面，可以利用模板制作，改变模板即可改变多个使用模板的页，这样大大提高了网页的制作效率，同时可以统一网站的整体风格。利用模板的可编辑区域可以在原有的统一风格中添加不同的内容或功能，在统一的同时也增加了变化的特点。2.3.4 制作产品展示页产品展示页主要功能是展示工艺品的相册，利用鼠标经过图像制作该页的产品分类导航，再使用导航和div所拥有的显示和隐藏元素的特性，使点击导航的时候可以显示分类所对应的相册图

24、片，同时，div中的表格的边框利用css设置中的边框属性，达到了将图片加入边框的效果。使页面看起来简洁，明了。如图（图2-4 产品展示页） 图2-4 产品展示2.3.5 制作产品介绍页产品介绍的制作同样需要数据库的连接，连接shop.mdb数据库，利用表 格构建结构，接下来需要绑定记录集，将网页中要显示的内容依次绑定，再制作重复区域使页面一页显示3组介绍，最后制作分页集，实现网站内容的翻页功能。显示内容如下图（图2-5 产品介绍） 2.3.6 制作在线留言页骤如下：1. 制作会员注册界面 图2-5 产品介绍 留言页面的的制作需要数据库的连接，连接member.mdb数据库。具体步会员登录需要数

25、据库的支持，在使用表格制作网基本会员登录之后，选中表格，使用服务器行为的插入记录功能，该功能会将用户的注册信息保存到数据库中，在服务器行为中还需要设置检查新用户功能，当新用户注册时可以检查用户输入的名称是否与数据库中已注册的用户名称一样，如果一样，则会提示用户该用户已注册，请重新注册。在用户输入信息的时候，用户需要将系统提供的信息全部填写，不能使文本框为空，在行为面板中提供了一项检查表单的功能即检查用户所填的文本 框中是否有空的，若有，则会弹出文本框提示用户。在用户注册时还需要重复填写密码和确认密码，因此就要确认两次输入的密码是是否一致，具体实现该功能的代码如下：if(document.for

26、m1.password.value!=document.form1.cpassword.value)errors+="-登陆密码和确认密码不一致.n"2. 制作用户登录界面用户注册界面的使用的是服务器行为中的登录用户功能，登录的用户的名称和密码会从member.mdb数据库中的member表中验证是否该表中已经有该用户所输入的名称和密码，如果用户输入错误，会有提示或提示该用户还没用注册，请注册。3. 制作在线留言界面在线留言同样使用插入记录功能，将用户输入的留言信息及内容保存到member.mdb数据库中的tbbook表中，如果用户留言成功，系统就会自动跳转到显示留言页面，

27、用户可以看到刚刚所留言的内容。但是，该页面同时设置了限制对页的访问功能，即如果用户没有登录或不是注册用户的话则不可以在本站中留言。4. 制作显示留言页面显示留言页面即将用户所写的留言从tbbook表中读取出来显示在页面中，留言会根据留言时间的早晚显示出来，新的留言会显示在所有留言的最上面。显示出来的留言信息需要绑定记录集，将记录集中的信息分别绑定到表格的相应位置。留言的显示要使用重复区域来控制页面中显示的条数，使用分页集来，实现网站内容的翻页功能。2.3.7 制作网页后台管理功能网页的后台不是任何一个注册用户都可以进入的，需要有一个管理员专门对网页的后台进行管理，所以要有一个denglu表来单

28、独保存管理员的登录名和密码，在进入后台管理时，首先要输入正确的管理员名称和密码。进入成功后，后台包括对新闻、产品介绍、用户留言的管理。对新闻的管理具体内容如下：1. 使用div控制网页内容的位置，加入可输入新闻标题和新闻内容的文本框。 2. 使用插入记录功能，让新闻中输入的内容可以保存到数据库的news表中，可以在新闻面板中显示。3. 删除新闻功能新闻管理可以实现过期新闻的删除，这样就保证了网页运行的速度，更方便用户的使用。对用户留言的具体内容如下：在留言管理中，管理员可以对用户留言进行修改与删除，对一些恶意的留言可以实现删除与修改。1. 删除留言利用服务器行为中的删除记录功能就可以删除用户在

29、数据表中的留言了。2. 修改留言修改浏览里转到详细页面功能，因为转到详细页面命令不支持使用按钮，所以不可插入按钮，输入文字即可。利用该命令实现的只是服务器行为的链接，要实现编辑还要有一个留言编辑页面，在编辑页面中需要用和用户留言同样的记录集，所以直接拷贝用户留言的记录集即可，在对应项绑定记录集的内容，在每一条留言后点击编辑就可以转到留言所对应的编辑页面。当修改完成后，使用更新记录命令才可以修改数据库中所记录的留言的信息。这样减少了管理员的很多工作量。2.4本章小结本章运用dreamweaver和asp所学知识对动态网站进行详细分析，给出了参考答案，以此加深对动态网站的了解，也使我们看到了网站制

30、作功能的强大。 第三章 设计中遇到的重点及难点3.1在数据库连接中遇到的重点及难点重点：要实现制作一个动态网站，就必须要使用数据库，连接数据库在网站建设中是非常重要的。难点：在网站中连接数据库有两种方法，一种是自定义字符串连接，一种是数据源连接。而数据源连接方式的可移植性远不如自定义连接，所以我选择了自定义字符串连接方式的相对路径的连接，这样的连接方式在移动站点的时候，不必去改变数据库的连接，方便了管理者的使用。3.2 css样式设计中遇到的重点及难点重点：css被称为层叠样式表。在页面制作中采用css技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。使用css能够简

31、化网页的格式代码，保持网站页面风格的一致性，大大建设了重复劳动的工作量。难点：好的网站对网站外观的设置要求很多，如果能很好的运用样式表，网页的设计将会很完美。因此不仅要会用css样式表，还要会很好的设计和应用才行。减少垃圾代码也是css设置时的重要部分3.3在javascript脚本中遇到的重点及难点重点：在当今的网络时代，制作网站已不再是高不可攀的技术，但要制作出有良好交互性、功能强大的网站并非易事。javascript技术可以实现交互式页面，在建立动态页面方面有着其他工具不可比拟的优点。难点：在使用javascript脚本时，有很多可以下载的脚本，要自己了解怎样写还是需要下很大的努力的，不

32、仅要知道怎样运用脚本，还需要知道如何修改来满足自己网站的的需要。3.4在后台管理中遇到的重点及难点重点：后台是网站最重要的部分，强大的后台可以减少管理员很多的工作与时间，同时后台也是比较容易被侵入的，所以需要设置管理员进入的身份验 证，这样才能保证整个网站的安全管理。难点：管理员可以实现对留言的删除和更改，实现对新闻、产品和留言的管理。但是，在后台管理的添加产品介绍，需要上传图片和文字等信息，输入文字会出现乱码，所以需要添加一些代码才会解决。3.5本章小结本章通过本人查阅资料和亲身体验列出了本次设计中遇到的重点和难点，让同学明白学习此门课程的任务和用途，有助于同学们有目的，有计划的学好这门课程

33、，为以后更深入的学习这门编程语言打下坚实的基础。 第四章本次设计中存在的不足与改良方案由于所学的知识有限，网站设计过程中会遇到很多困难，大概分以下几个方面。4.1 网站内容设计构思不精细设计过程中，遇到的最大问题是对于网站建设的结构构思能力不强。既然可以完全运用所学的知识，但不能实现所有预想的功能。同时，对于网站的整体风格掌握不全，想到哪做到哪，一般会做很多无用功，所以，我会在以后的设计中加强学习这方面，经过多次设计，一定会使网站完善，功能足够强大。4.2语言及其他掌握不够首先对一些重点，难点知识我了解的不够透彻，导致某些较复杂的网站功能无从下手，浪费了不少宝贵时间, 经过查阅资料了解并掌握了

34、那些难懂的知识。其次是自己对代码知识的掌握不足，在遇到问题后不能解决；再有对dreamweaver的一些扩展新增功能不太了解，还有对javascript代码的编写很不熟，通过实践，使我在这几个方面的认识有所提高。借助课外资料掌握并熟练运用这些知识。4.3改良方案需要添加产品介绍的可上传图片的功能，使管理员实现从后台直接上传图片到前台。增强表之间的联系，使功能更加完善。页面需要进行美化。4.4本章小结通过本次设计认识到dreamweaver的博大精深,尤其是asp动态网站的使用。我也发现我的好多不足之处，我还认识到学好计算机要重视实践操作，不仅仅是学习dreamweaver这门语言，还是其它的语

35、言，以及其它的计算机方面的知识都要重在实践，所以以后在学习过程中，我会更加注视实践操作，使自己便好地学好计算机。 结 论随着电子计算机的迅速发展和广泛应用，学会动态网站的建设变的很重要，它作为一门比较智能化的软件，对我理解网站建设非常有用，所以我要好好学，广泛的去看，不只局限于手边的几本书，还要多练，这样才会发现问题。再者dreamweaver使用方法大都是一样的，但是，要将其中的功能掌握好，还需要很长时间的学习。因此从开始到论文结束都是精心的一点点的做的，这些对我来说都是一个很好的锻炼，一次很好的尝试，在此次设计中又一次独立完成这么大的整体的动态网站。当然我也在其中学到了很多的东西，开始独立

36、的做东西，查找资料和书籍，使一些不清楚的概念更明确了，看着自己的网站在一点点的完善，我心里真的很高兴，自己付出的辛苦没有白费，每一次完善的成功都使我高兴很长一段时间。通过本次课程设计，我深深体会到理论联系实际的重要性。虽然在设计过程中力求完美，但毕竟水平有限，使得程序的不是十分完善，还需要在以后的学习和工作中更加努力。课程设计的过程，是一次真正的学习和实践的过程，从各方面都锻炼了自己。通过这次课程设计，我充分的了解到面向对象的思想，虽然了解的不是很深刻，但是有了动态网站建设的思想，这对我以后学习工作中的使用有很大帮助的。 参考文献1 卢监，dreamweaver cs3 网页设计综合实例篇，清

37、华大学出版社2008.122 周兴华，asp+access数据库开发与实例，清华大学出版社. 2006.83 贾铮，html+css网页布局开发指南，清华大学出版社. 2008.9 致 谢感谢我的老师杨红军老师，他严谨细致、一丝不苟的作风一直是我工作、学习中的榜样；他循循善诱的教导和不拘一格的思路给予我无尽的启迪。感谢同学对我的帮助和指点。没有他们的帮助和提供资料对于我一个对学习没有兴趣的人来说要想在短短的几个月的时间里学习到有关知识并完成课程设计是几乎不可能的事情。在论文即将完成之际，我的心情无法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受

38、我诚挚的谢意！ 蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁

39、蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁

40、蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂

41、薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀

42、蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀

43、薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈

44、蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿

45、蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿

46、蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇

47、螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈

48、螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿

49、蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇

50、蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇

51、蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁芃薃虿羆腿薃螂蝿膅薂薁肅肁膈蚄袈羇膇螆肃芅膇蒅袆膁膆薈肁肇芅蚀袄羃芄螂蚇节芃蒂袂芈节蚄蚅膄芁螇羁肀芁蒆螄羆芀蕿罿芅艿蚁螂膁莈螃羇肇莇蒃螀羃莆薅羆袈莅螈螈芇莅蒇肄膃莄薀袇聿莃蚂肂羅莂螄袅芄蒁蒄蚈膀蒀薆袃肆葿蚈蚆肂葿蒈袂羈蒈薀螄芆蒇蚃羀膂蒆螅螃肈蒅蒅羈羄薄薇螁