《计算机网页制作毕业论文.doc》由会员分享，可在线阅读，更多相关《计算机网页制作毕业论文.doc（12页珍藏版）》请在三一文库上搜索。
1、计算机网页制作毕业论文 毕 业 论 文 题 目 华康牧业网站 名 所 在 系 专业班级 学 号 指导教师 日 期 摘 要【摘要】 当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络里的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定ASP.NET 目 录引言 . 11. 网站的概述 . 11.1网站背景 . 11.2网站的目标 . 11
2、.3网站的分类 . 21.3.1搜索引擎类 . 21.3.2资源共享类 . 21.3.3专题网站类 . 22.网站的分析 . 22.1技术可行性分析 . 22.2经济可行性分析 . 22.3操作可行性分析 . 33. 总体设计 . 33.1站点设计 . 33.2版块设计 . 33.2.1首页版块： . 43.2.2最新头条和最新更新： . 53.3特殊代码 . 64. 网站设计环境 . 74.1硬件环境 . 74.2软件环境 . 74.3网站设计工具 . 84.3.1 网站设计工具 . 84.3.2 多媒体处理工具 . 84.3.3音频处理工具: . 84.3.4数据库 . 84.3.5网页脚
3、本 . 94.3.6测试工具 . 95. 网站运行 . 95.1设置“数据源 (ODBC)” . 95.2.1利用IIS浏览网站 . 11总 结 . 14致 谢 . 15参考文献 . 16山西管理职业学院2009级计算机应用技术专业毕业论文 引言本网页是用Dreamweaver及flash制作的一个动物世界的科普知识的网页。本网页以建立一个多内容，多题材的动物知识网站为目的，此应用系统尽力达到界面直观，操作方便，符合不同人群的需求，同时具有一定的娱乐性。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第 一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可
4、以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。因此我们有效利用了Dreamweaver的直观性，使用方便，容易上手，更换方便的特点制作了一个使 登录用户能方便，快捷的页面，同时能让人们更加喜欢和爱护小动物们，以增加人们的保护意识。在次我们实现了与其他网站相连接的互动功能。更关键的是这个网页体现了Dreamweaver的实际应用及采用 flash技术增加了页面的动态效果 和页面的美观。我们还运用样式表单CSS来对页面元素进行布置。所以这个网站 将全面地说明一个网站的应用系统的结构。更快捷地查找所需内容。1. 网站的概述1.1网站背景当前，随着计算机技术与通信技术的发展，网络的规
5、模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信，有的利用其作为商业用途，在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。1.2网站的目标1.、本设计的主要目标
6、是开发名为生活记录网的文章网类型网站，用户可通过本网站浏览一些关于各类文章的资讯或信息，例如：历史、各国的行程或相关等。而且还可以通过留言板发表留言、互相讨论。1山西管理职业学院2009级计算机应用技术专业毕业论文 2、按时保质地完成生活记录网网站，并掌握到制作系统的过程与技术3、通过开发制作的过程中，学会合力分配人员的工作，培养团队协助能力。1.3网站的分类当今时代,随着计算机网络技术的飞速发展，如果按用途来分类，笔者认为网站基本可以分为三大类；1.3.1搜索引擎类这一类的网站是最为普遍的，而且商业用途也很广泛。无论对于一般网民，或者办公人员都是必不可少的网站。（如http：/这是一个名为“
7、百度”的搜索引擎网站）1.3.2资源共享类这一类的网站主要体现于美文杂文、论坛（即BBS）、社区、平台和电子邮件（即Email）网站。这种类型的网站是当今时代计算机网络技术的代表。1.3.3专题网站类这一类的网站根据性质可分为两类：企业商品类，这一类的网站主要是围绕一个商品或一个企业而产生的专题网站。个人专题类，这一类的网站主要是由一些有一定网站设计基础的人员，设计出来的一些无商业涉及的专题网站。而设计这一类网站的人员基本上都是按自己的喜好来设计的。（本网站就是这一类网站）。2.网站的分析2.1技术可行性分析在制作文章网网站的过程中需要考虑到技术可行性的问题，对制作人员一般都要求掌握计算机技术
8、，具有一定的数据库基础，至少熟悉运用一个网页制作的软件（如：Dreamweaver），并对多媒体软件具有一定的熟悉（如：Photoshop、Flash等等）。2.2经济可行性分析本作品制作全程基于织梦内容管理系统二次开发，因此无需太多的人力和物力，管理方便，所以无需庞大的费用，甚至可以所是零费用。同时本作品是一个动态网页，每次浏览都需要一个Web服务器支持，为了方便用户浏览本网站在网上申请了一个域名，并利用这个提供域名的商家的Web服务器作为本网站的Web服务器。所以从经济上完全是可行的。2山西管理职业学院2009级计算机应用技术专业毕业论文 2.3操作可行性分析本作品操作简单、界面简洁清晰,
9、 对于那些有一般的计算机知识的人员就可以轻松上手。并兼容与所有网页浏览的软件(如: Internet Explorer)由此可见，该网站的操作是可行的，有必要开发本网站。综合以上方面，本网站具有很高的开发可行性，无论是从技术上，经济上或者社会因素方面还是操作上都是可行的。3. 总体设计3.1站点设计打开Dreamweaver CS3站点新建站点；进入【站点定义】窗口，点击【高级】选项卡进入【本地信息】分类窗口分别输入：进入【测试服务器】窗口，分别选择点击【确定】按钮完成站点设置。完成后右下角的站点窗口会显示一个新的站点（如图3.1-1）（图3.1-1）3.2版块设计本网站主要是让一些喜爱文学的
10、用户，对文学有更深入的了解并了解一下当代文学的相关资讯。而且用户可以免注册，直接浏览该网站的所有内容。内容包括：网站首页、新闻中心、走进华康、产品展示、客户平台、市场行情、视频讲座、华康简讯、在线留言、招贤纳士、联系我们十一个主要版块。3山西管理职业学院2009级计算机应用技术专业毕业论文 Logo截图（图3.2-1） 网站会员留言页面截图（3.2-2）3.2.1首页版块：该页面作为整个网站的首页，为了用户浏览方便，所以在进行版面设计时，将本作品的十个主要版块的内容都浓缩在首页的界面里，从而令用户可以快速的看到用户所感兴趣的内容，节省用户浏览的时间。另外由于本网站新增留言板、用户帮助中心等等实
11、用性版块，协助用户解决一些时常出现的问题。4山西管理职业学院2009级计算机应用技术专业毕业论文 首页版块（图3.2-4）3.2.2最新头条和最新更新：因该版块的整体内容非常繁多，而且又细分成八个类别，所以利用锚点技术来控制页面，从而令用户能快速查看想要看到的内容。本版块设计技术涉及：利用锚点技术控制页面 5山西管理职业学院2009级计算机应用技术专业毕业论文 新闻中心和产品展示版块（图3.2-5）假设用户需要查看“更早的”的信息其操作如下：“返回顶部”的详细信息（如图3.2-6），点击“返回顶部”则可以返回细分类别按钮层 （图3.2-7）3.3特殊代码一个网站的组成都基本都是由模版或者框架支
12、撑起来的，因为有一个统一的风格才能使一个网站看上去干净、整齐、清晰。而本网站就是由一个模版支撑整个网页，换句话来说整个网页都是由这个模版作为基础来设计的。本网站基本操作都在Macromedia DreamweaverCS3这个网页开发软件的环境里操作，基本不需要接触代码。而本网站的模版组成，都是由大量背景透明的png图像文件来支撑的。但是由于Microsoft Internet Explorer 6这个浏览器的版本太低所以浏览所有含透明背景的png图像文件会出现背景不透明的现象（如图3.3-1）所以在设计模版的时候会在模板文件中插入一下代码：在模板文件中找出第三行代码，在<head>
13、;与</head>中间输入以下代码:6山西管理职业学院2009级计算机应用技术专业毕业论文 便可以在Microsoft Internet Explorer 6 & 5.5 这两个版本的浏览器下实现png图形文件的背景透明化。4. 网站设计环境4.1硬件环境电脑: X86 兼容 台式电脑硬件配置:处理器: 英特尔 Pentium(奔腾) 双核 E5300 2.60GHz主板: 华硕 4Core1600-GLAN ( 英特尔 P35/G33/G31/P31 Express ) 内存: 2 GB ( 威刚 DDR2 800MHz )主硬盘: 日立 HDT721025SLA380
14、( 250 GB )显卡: NVIDIA GeForce 9600 GT ( 128 MB )显示器: LG ACR009D X203H ( 19英寸 )光驱: 明基 DVD DC DW2000 DVD刻录机声卡: 瑞昱 ALC662 英特尔 82801G(ICH7) 高保真音频网卡: 瑞昱 RTL8168C(P)/8111C(P) PCI-E Gigabit Ethernet NIC / 华擎4.2软件环境1)数据库：Microsoft Access2)网页脚本：VBScript3)网页编辑工具：Micromedia Dreamweaver CS34)操作系统：Microsoft Windo
15、ws XP Professional ( 32位 / SP3 / DirectX 9.0c )7山西管理职业学院2009级计算机应用技术专业毕业论文 5)其他支撑组件:ODBC数据源、Internet 信息服务（IIS）4.3网站设计工具4.3.1 网站设计工具Macromedia DreamweaverCS3Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。4.3.2 多媒体处理工具Adobe PhotoS
16、hop(PS) CS4Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。Adobe Flash 8Flash是美国Macromedia公司所设计的一种二维矢量动画软件（现Adobe公司产品），用于设计和编辑Flash文档，最新版本为：Adobe Flash CS5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文档Adobe Premiere Pro 1.5Adobe Pre
17、miere Pro是目前最流行的非线性编辑软件，是数码视频编辑的强大工具，它作为功能强大的多媒体视频、音频编辑软件，应用范围不胜枚举，制作效果美不胜收，足以协助用户更加高效地工作。Adobe Premiere Pro以其新的合理化界面和通用高端工具，兼顾了广大视频用户的不同需求，在一个并不昂贵的视频编辑工具箱中，提供了前所未有的生产能力、控制能力和灵活性。Adobe Premiere Pro是一个创新的非线性视频编辑应用程序，也是一个功能强大的实时视频和音频编辑工具，是视频爱好者们使用最多的视频编辑软件之一。4.3.3音频处理工具:WaveCNWaveCN是一款32位免费音频编辑软件，可运行于
18、Windows 98/2000/XP等版本的操作系统，用户可以通过本软件对音频数据进行辑修改和创造特殊效果。4.3.4数据库Microsoft AccessMicrosoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库8山西管理职业学院2009级计算机应用技术专业毕业论文 管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。其实Access 也是微软公司另一个通讯程序的名字，想与 ProComm 以及其他类似程序来竞争。可是事后微软证实这是个
19、失败计划，并且将它中止。数年后他们把名字重新命名于数据库软件。另外，Access还是c语言的一个函数名和一种交换机的主干道模式。4.3.5网页脚本VBScriptVBScript是微软开发的一种脚本语言，可以看作是VB语言的简化版，与VBA的关系也非常密切。它具有原语言容易学习的特性。目前这种语言广泛应用于网页和ASP程序制作，同时还可以直接作为一个可执行程序。用于调试简单的VB语句非常方便。4.3.6测试工具Microsoft Internet Explorer 6Microsoft Internet Explorer，简称MSIE（一般称成Internet Explorer，简称IE），是
20、微软公司推出的一款网页浏览器。Internet 信息服务（IIS）Internet Information Services（IIS，互联网信息服务），是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是Windows NT版本的可选包，随后内置在Windows 2000、Windows XP Professional和Windows Server 2003一起发行，但在普遍使用的Windows XP Home版本上并没有IIS。5. 网站运行5.1设置“数据源 (ODBC)”打开【控制面板】【管理工具】【数据源 (ODBC)】（如图5.1-1）9山西管理职业学
21、院2009级计算机应用技术专业毕业论文 （图5.1-1）进入【数据源（ODBC）】打开【系统DSN】选项卡点击【添加】按钮（如图5.1-2） （图5.1-2）进入【创建新数据源】窗口，选择数据源的驱动程序【Microsoft Access Driver (*.mdb)】后，进入【ODBC Microsoft Access 安装】窗口（如图5.1-3），在数据源名（N）文本框输入【liuyan】，10 山西管理职业学院2009级计算机应用技术专业毕业论文 （图5.1-3）点击【选择】按钮进入【选择数据库】窗口（如图5.1-4）找出数据库点击【确定】 （图5.1-4）返回【ODBC Microso
22、ft Access 安装】窗口点击【确定】完成。5.2利用IIS浏览网站笔者提供两个利用IIS浏览本网站的方法：5.2.1利用IIS浏览网站打开【控制面板】【管理工具】【Internet信息服务（IIS）】（如图5.2-1）11 山西管理职业学院2009级计算机应用技术专业毕业论文 （图5.2-1）进入Internet信息服务（IIS）后打开【本地计算机】【网站】右键打开【默认网站】【新建】【虚拟目录】进入【欢迎使用虚拟目录创建向导】窗口（如图5.2-2），选择【下一步】继续进入【虚拟目录别名】窗口输入虚拟目录的别名（Web1）（如图5.2-3），点击【下一步】继续 （图5.2-2） （图5.
23、2-3）12 山西管理职业学院2009级计算机应用技术专业毕业论文 进入【网站 （图5.2-5）进入【已成功完成虚拟目录创建向导】窗口（如图5.2-6），点击【完成】按钮完成 （图5.2-6）在打开【默认网站】【Web1】虚拟目录，找出【index.html】点击右键，在右键菜单点击浏览即可浏览网站13山西管理职业学院2009级计算机应用技术专业毕业论文 总 结2011年12月，我开始了我的毕业设计工作，时至今日，设计基本完成。从最初的茫然，到慢慢的进入状态，再到对思路逐渐的清晰，整个写作过程难以用语言来表达。历经了几个月的奋战，紧张而又充实的毕业设计终于落下了帷幕。回想这段日子的经历和感受，
24、我感慨万千，在这次毕业设计的过程中，我拥有了无数难忘的回忆和收获。当我终于完成了所有打字，绘图，排版时，我觉得这一切都值了，这次毕业论文的制作过程是我的再一次学习，再提高的过程，在论文中我充分地运用了大学期间所学到的知识。脚踏实地，认真严谨，实事求是地学习态度，不怕困难，坚持不懈，吃苦耐劳的精神是我在这次设计中最大的收益。14山西管理职业学院2009级计算机应用技术专业毕业论文 致 谢时间过的真快，转眼间大学三年的学习生活即将结束。现在回首这三年的学习生活，许许多多事情还历历在目。三年的大学生活是我人生这条线上的一小段，是闪闪发光的一段，它包含了汗水和收获，为我划平人生的线起着至关重要的作用。
25、在此我要感谢我的指导老师和专业老师，是你们的细心指导和关怀，使我能够顺利地完成毕业论文。在我的学业和论文的研究工作中无不倾注着老师们辛勤的汗水和心血。老师的严谨治学态度，渊博的知识，无私的奉献精神使我深受启迪。从尊敬的指导老师身上，我学到了扎实，宽广的专业知识。在此我要向我的指导老师致以最衷心的感谢和深深的敬意，同时感谢所有关心我的每一位老师，同学，朋友，谢谢你们！15山西管理职业学院2009级计算机应用技术专业毕业论文 参考文献1、邓佑权 吕洋波零基础学Dreamweaver CS3+ASP机械工业出版社2、曾文 叶翔鹰计算机实用软件教程常用工具篇中山大学出版社3、王红卫完全掌握Photos
26、hop CS4超级手册机械工业出版社4、杨荣Flash 8动画设计实训教程清华大学出版社5、姚茂群Access 2003数据库案例教程科学出版社6、蒋水网站美工设计基础中央电大出版社7、张长富 黄中敏JavaScript动态网页编程实例手册海洋出版社8、Access视频教程http:/ http:/ Ku6网10、生活记录网http:/ 16 螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅
27、莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂
28、莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇
29、芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄
30、膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂
31、薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿
32、蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅羈薄蚄袄肀莇薀羃膂薃蒆羃芅莆螄羂羄膈蚀羁膇
33、莄蚆羀艿芇薂罿罿蒂蒈羈肁芅螇羇膃蒀蚃肇芅芃蕿肆羅葿蒅肅肇节螃肄芀蒇蝿肃莂莀蚅肂肂薅薁虿膄莈蒇蚈芆薄螆蚇羆莆蚂螆肈薂薈螅膁莅蒄螅莃膇袃螄肃蒃螈螃膅芆蚄螂芇蒁薀螁羇芄蒆螀聿蒀螅衿膁节蚁衿芄蒈薇袈肃芁薃袇膆薆葿袆芈荿螈袅腿螆袅膅莁薈袁膅蒄袄螇膄薆蚇肅膃芆蒀羁膂莈蚅袇芁蒀蒈螃芀膀蚃虿芀节蒆羈艿蒄蚂羄芈薇薄袀芇芆螀螆芆荿薃肅芅蒁螈羁莄薃薁袇莄芃螇螃羀莅蕿虿罿薈螅肇羈芇蚈羃羇莀袃衿羇蒂蚆螅羆薄葿肄羅芄蚄羀肄莆蒇袆肃蒈蚃螂肂芈蒅螈肁莀螁肆肁蒃薄羂肀薅蝿袈聿芅薂螄膈莇螇蚀膇葿薀罿膆腿螆袅膅莁薈袁膅蒄袄螇膄薆蚇肅膃芆蒀羁膂莈蚅袇芁蒀蒈螃芀膀蚃虿芀节蒆羈艿蒄蚂羄芈薇薄袀芇芆螀螆芆荿薃肅芅蒁螈羁莄薃薁袇莄芃螇螃羀莅蕿虿罿薈螅肇羈芇蚈羃羇莀袃衿羇蒂蚆螅羆薄葿肄羅芄蚄羀肄莆蒇袆肃蒈蚃螂肂芈蒅螈肁莀螁肆肁蒃薄羂肀薅蝿袈聿芅薂螄膈莇螇蚀膇葿薀罿膆腿螆袅膅莁薈袁膅蒄袄