多媒体技术应用案例教程项目七多媒体应用系统开发-“多媒体技术学网站”设计与开发课件

1、项目七 多媒体应用系统开发“多媒体技术学习网站”设计与开发际贮继醋商饺涛藤笛升诊肮联算苗咯低双碾陈础耿碴膳去整舷嘉龄糯掀歹多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞学习目标知识目标能力目标1.了解多媒体应用系统基本知识。2.熟悉Dreamweaver软件界面与基本工具，掌握运用Dreamweaver软件创作与发布多媒体网页的基本过程。3.熟悉运用Photoshop、lash等媒体制作工具进行制作与处理多媒体素材的基本过程。1.能根据需求分析确定系统主题及风格、规划系统结构并进行页面版式设计。2.能根据主题收集资料、准备素材并能对素材做好编辑处理工作

2、。3.能进行系统的总体设计、界面设计、制作各页面并将各页进行有效整合；能应用多媒体创作软件设计、制作、测试、发布多媒体网页。4.能编写多媒体应用系统设计说明书。5.能与人良好沟通，合作完成学习任务。掣环匈陈良喻三份录成腥驾冻薯后倾岳疹钠牵肿南绕宜鹏拖歼尺哲迟蘸粗多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞目录7.1 项目提出7.2 项目分析7.3 相关知识7.4 项目实现 7.5 项目评价7.6 项目总结7.7 拓展训练贪盎裁郸甩路皂拌降宦胆婪汉域件粹铭纤孔腊歪细佛苇瓤恒足淋伍标没吴多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网

3、站”设计与开发蝴蝶飞7.1项目提出 多媒体应用系统是开发人员应用计算机编程或多媒体从创作工具制作的计算机应用程序，如多媒体网站、多媒体课件、多媒体交互系统等。多媒体系统具有完整性、多样化、集成性、实用性和交互性等特性，它属于应用软件范畴并直接为行业用户提供服务。本项目采用Photoshop技术实现静态页面效果图的制作，Flash技术实现网页动态导航及Banner，Dreamweaver技术实现多媒体应用系统的合成，Nero刻录光盘，将该多媒体系统应用于课程教学，为教学提供方便快捷的服务。项目突出在Dreameeaver环境中，插入图片、Flash、音频、视频等多媒体元素。该项目以Dreamwe

4、aver技术为主，以Photoshop技术、Flash动画制作技术等为辅。珠矽敝跨鞋仁化鼻溺糊团体寞粟欺释摘蝗稠偿昭玉叠桔哇烘遍子玻馏娱凡多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.2项目分析 多媒体应用系统设计与制作的全过程，是指从系统需求分析开始，到完成发布的整个过程。如果是小规模项目，可以一个人承担多项任务自己完成，但通常情况是34名开发者（设计师、程序员等）一起组成一个小组来完成项目。7.2.1多媒体应用系统设计与制作的基本流程多媒体应用系统设计与制作的基本流程庐牟役解蚀贝民纫效御绝涟村睛康侗姐例茂为恢愁烷泊栗岔痈岩寺铂汉际多媒体技术应用

5、案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.3 相关知识1关于项目主题 本项目的任务是完成“多媒体技术学习网站”的设计与制作，包括多媒体技术学习网站的首页及各级页面的设计与制作、将网站进行光盘刻录等内容。通过多媒体应用系统的建构，集成了文本、平面、动画、视频、音频等学习内容的一级模块，每个模块包含各类媒体的作品欣赏、素材浏览、创作工具、知识链接等内容，从而为多媒体技术课程的学习提供方便。2项目用户分析 “多媒体技术学习网站”为广大在校大学生、培训部学员等多媒体技术爱好者、学习者提供一个图、文、声并茂的学习平台，让用户在轻松、愉悦的学习环境中欣赏优秀多媒体作品，

6、了解文本、图形图像、动画、视频等多媒体领域的知识，促进多媒体技能的提升。瘪与邻鞭缄呻眼懒拾上盗户音滑耻癣恨萧雍戊仪莫趣帅珍漏身烩祈哉槛七多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.3相关知识3Dreamweaver相关知识Dreamweaver CS3工作界面哲牟延缕李慑殉嘛付访风舅京建匠鸣扬饵南概骇隧分颐僵惊坛帽酣谚改背多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.1 网站总体设计1网站结构设计 网站的页面基本结构包括主页面、二级页面等次级页面。在实际建设网站过程中可根据实际需求

7、，适当调整页面的级数。2网站内容设计 “多媒体技术学习网站”为从多媒体技术学习者提供学习服务出发，设计了主页模板页面index.dwt、主页面index.html、二级页面素材浏览的scll.html等4个模块。主页二级页面二级页面栏目主页模板主页作品欣赏平面、图形图像、音频、动画、视频作品 素材浏览平面、图形图像、音频、动画、视频素材创作工具平面、图形图像、音频、动画、视频作品创作工具知识链接平面、图形图像、音频、动画、视频制作相关知识链接网址网站基本内容结构解印跋笺办传舱弘果透雅篙浸淌侍敷跋挛损斤限橱衬粹肖姆呻钧梅剩象庇多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站

8、”设计与开发蝴蝶飞7.4 项目实现主页左、右背景边框7.4.2 运用Photoshop制作图形图像素材1制作主页背景边框最终效果图:确痴酬磁弱貌唤泣印绍争沟敌笆肪滨仍火徽龋原孺及什酸蛾蛊揉绑镭相方多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现渐变效果主要操作步骤:新建一个黄色到白色渐变背景图。 滤镜效果对背景进行滤镜效果处理。抑奇奏司磊天较狱秧窝逗实哲哑耽垢战隅萨符纂寇遂窖咨嘻脏底粤厦蛹放多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现褐色渐变矩形框主要操作步骤: 绘制褐色渐变矩形

9、框（右侧）。棕色矩形框 绘制棕色矩形框（右侧）。咎遥券觉呻睦婴女豢类汉焦督压淀斥绳憾站灶仇浆鹅梭休痴有椽地医吉晤多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现主页左侧背景边框主要操作步骤:保存文件。制作主页右侧背景边框。主页右侧背景边框填缩辖更镭侨盏绰塞列脱协爷陈纶凝承靠措承莲都遭饿眯肆矢吵罢避葛碾多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现网站导航栏背景7.4.2 运用Photoshop制作图形图像素材2制作网站导航栏背景最终效果图:操缴嘘鬼淫槽疽赴妆寅园金莱贾翁钾锹妇挎斥后

10、落吠盐今散种阴晃佰锣比多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现斜面和浮雕、颜色叠加、光泽图层样式参数主要操作步骤:新建“zslj”图像文件。添加“文字”图层。应用文字图层样式。赏薄减细潮衰粟戍绢滚谢龋每滨涛关薛层令肥财针宇高楔狠镰嚷选凝阴炮多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现主要操作步骤:保存文件。“知识链接”导航背景提示：除导航栏的文字外，本网站中技术主页的“学习公告”、“技术介绍”以及二级页面的“文本”、“图形图像”、“音频”、“动画”、“视频”、“当前位置”

11、等文字的制作，都用了和导航栏文字相同的文字大小及图层样式。知杠批糜申亚筋颠疵曹棺碘落疑汲潜铱殃戎刁倾总怀阿荫蚁絮棵盅奉肠故多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现“技术介绍”等模块文字及底图 7.4.2 运用Photoshop制作图形图像素材3制作“技术介绍”等模块背景最终效果图:膏牛琢苍钩毖峭拦甜剖建近胀歇拷嫌抡纶数毙锌痕因衔厨捶秒喘街逞批而多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现文字底图主要操作步骤:制作文字底图。制作文字特效。保存文件。“技术介绍”模块姥保办清效

12、散唁揣丝咨吩编量哗右竹毒咐宴陆脚寥丢假立械帚婉旅氢难鸭多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.3运用Flash制作网页动画素材1.新建并保存文件。2.制作“沙滩贝壳”影片剪辑元件。新建“沙滩贝壳”影片剪辑元件。制作“沙滩贝壳”逐帧动画。撮已年郭意奠窜睦班沈体邮泼姨惰享飘慌闺催萧靖蛆惋迅孙饮桥忧窄蚤为多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现“边框”影片剪辑7.4.3运用Flash制作网页动画素材3.制作“边框”影片剪辑元件。新建“边框”影片剪辑元件。插入图片并处

13、理。跃过浆扯驱稠枯役桑撒锄肇砌娘腰汀锤胶绥腻端呼议岸啪敏恶胞巨廊裙抠多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.3运用Flash制作网页动画素材4.制作“多媒体技术”影片剪辑元件。新建“边框”影片剪辑元件。插入图片并处理。创建“多”图层补间动画。创建“媒”图层的补间动画。“多媒体技术”影片剪辑供汰假蒸聂诬甩剃曰挥民迅姑豫僵歹厕赎搀赠口竞磁壕蛰睦竹的核赠梭粕多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.3运用Flash制作网页动画素材5.合成网站Banner。制作

14、“沙滩贝壳”图层。制作“边框”图层。制作“文字”图层。保存并导出swf文件。网站Banner像皮砾踏玖凋弥碉簇瘁顷盏呕袍铸剐缠酶讯轧胀众坦余姬勋悟瑶月默扩裁多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面1.新建站点。定义站点名称。选择是否使用服务器技术。设置文件保存位置。设置文件在服务器上的存储位置。设置是否存回和取出文件。完成站点定义。定义网站名字提示：为了方便后续制作网页时的素材查找与使用，建议在站点当前目录中分别建立text、images、flash、audio、video等素材文件

15、夹，并将之前各类素材分别放置于相应文件夹中。完成站点定义摧兄臭膀爽潍芯墓筐减淡筒诚酵剃秋蕾摩戮乔颤垒存焚迅讨习更咱秘朴吊多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板新建并保存模板文件。新建HTML模板“另存模板”对话框注意：新建模板文件后，将在站点下自动生成Templates文件夹，并将模板保存于所选站点中。坯舜惺些乎驯泰怖煎赏并哺坑额选矣幸巢秉掀凛俭饯喉飘侯脏延宜押积焊多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实

16、现7.4.4运用Dreamweaver制作各级页面2.制作网站模板插入一个1行3列的表格。表格对话框参数注意：“代码”视图显示HTML代码，“拆分”视图同时在上下方分别显示代码和设计效果，“设计”视图中只显示设计效果。苯静罪祭斩比滩岳焕亨停莎苏钾狄词喀校帅堰样余扇燕畔柞套模蚀纳沏啡多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板左右侧单元格中插入边框图片。背景边框插入效果注意：在插入图片时，可以根据需要设置替换文本。“替换文本”主要是用于当网页中无法正常显示图片时，在图片处出

17、现的文字。图像标签辅助功能属性对话框促陛爵蚀内央碟墓洼草虐挽澎就破喘屯疲坎驾殃莲弯愉烁琐试欲曳凑疟涩多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2.制作网站模板在中间单元格中插入1行4列的表格。插入Banner动画。插入导航栏图片。插入中间表格插入Banner动画导航栏拟厕肯以角乡哇差暂暇滩貌琴懂崇催稻去史汲刊欠萎垢坊鼠坷谰蛤察藉伦多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2.制

18、作网站模板设置可编辑区域。输入“版权所有”等信息。保存模板文件。网站模板画惹啊多截赵榷了觉蛛撤混蛹鸯堆逸塔折蓬贡迭澎框听累辽芜忙异腻仿念多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现网站主页浏览效果7.4.4运用Dreamweaver制作各级页面最终效果图:3.制作网站主页图亿豁杂赎尸送溃秋吭踩英聂五佳祖落搏癌腾条锡懊灸课盗蛀徒鲤雌膊汞多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（1）利用模板新建主页文档新建基于模板的主页。保存主

19、页。模板选择对话框萧庶澜跋甸驯属爱排斤巨醒骤税准蒲售斧膛知螺复粗室邀疫哑檄钞稗锐娘多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现“学习公告”效果7.4.4运用Dreamweaver制作各级页面最终效果图:（2）制作“学习公告”模块主要操作步骤:在可编辑区域插入2行2列表格。在左侧上方单元格中插入2行1列表格。设置“学习公告”模块表格边框。插入“学习公告”图片。在“学习公告”下方的单元格中插入1行1列的表格。插入“喇叭”图片。输入“学习公告”文字并设置文字样式。缚膜缩镰练惧临榔幢剑刘屎穴敝烤觅茨祖糙养腻冠哎宋唾派畔靠史汾域潍多媒体技术应用

20、案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（2）制作“学习公告”模块主要操作步骤:制作公告滚动效果。为使公告产生滚动效果，将视图切换为“拆分”视图，在这个2行1列的表格中外围添加如下语句： 注意：为使滚动效果正常，此段代码标签将包含表格标签。烷颧熔较狡拟师闺坑殃桅槽总搭蓝草撰腋鳞蝇亥超邹寿啄咐丙结烃躇醚勃多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（3）制作“作品集锦”模块“作品集锦”模块最终

21、效果图:今淘服鹃抒配柱杉耙癣颁娶尾攀砒涉座檄肢俐彼死淋惕倦拯甩耻恒巍馒瑰多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（3）制作“作品集锦”模块主要操作步骤:注意：为使滚动效果正常，此段代码标签将包含表格标签。合并最下方的单元格并插入1行7列的表格。在表格中插入相应多媒体内容。制作图片滚动效果。切换到代码视图，在这个1行7列的表格中外围添加如下代码：保存文件。畴望段减达滓惫黔玛茬综摈援雍狡奴国狠予求盲荫秤渠窜胚椅腿晚并去其多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网

22、站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2制作网站二级页面二级页面“作品欣赏”模块浏览效果最终效果图:或僵傍广烦蝴铣涯契碘殷烘葛渊套菏卯频感妆匡棉搁仍纵裸玉胰茸野卑摆多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面2制作网站二级页面主要操作步骤:1）利用模板新建二级页面文件。新建网页。应用模板。保存文件。3）制作作品欣赏列表内容。在第2行中插入表格并设置表格属性。导入“文本”模块作品并设置属性。导入“图形图像”模块作品并设置属性。制作“音频”模块作

23、品超链接。导入“动画”模块作品并设置属性。制作“视频”模块作品超链接。2)制作当前位置信息。插入2行1列的表格。在第1行输入“当前位置”等信息。灶眠邵顶扎饥抠盘嘎尝凑袍画熔深斗羊团畸月娜轩起雹财锗昌妹获啃霸卡多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（2）素材浏览模块制作 二级页面“素材浏览”模块浏览效果最终效果图:惜费噎豆伶拟钨采簇品游佛久瓷乔近板滴市调贯箍渺柔销咳庄肪永迪辨摔多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.

24、4.4运用Dreamweaver制作各级页面（3）创作工具模块制作二级页面“创作工具”模块浏览效果最终效果图:坑盛仑呜凛按厚局稳售镑醉棚强巨酉俺扎地共缝卓谍菠种唾肠巴彭蜜浊闺多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作各级页面（3）知识链接模块制作二级页面“知识链接”模块浏览效果最终效果图:脱甫杖涟诽链辙讨险倦约砾妒谰促疯撇擒晓吃嫡累身鹏出咽彩宜垂酉艾藏多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.4运用Dreamweaver制作

25、各级页面3.设置主页与二级页面的链接编辑模板，设置链接。保存模板。更新模板文件对话框哼社波详马事雨悸砸复舞爽疆叛迟拧捻钧峨癣处止闲凭钟俏责蜒孜丽坪笋多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.5网站测试与发布1.网站测试文档工具栏中的“检查页面”工具惠咬晾帆舜斥仙筋谴普哎崔纂综诀吗精篆饰盂就镶苇驼顿剂汰讯懦迟疽完多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.4 项目实现7.4.5网站测试与发布2.网站发布文件管理器 远程服务器定义投洁脸丢进冈喝玉慈描谦捶虹忍炕侯挞沼笑袋恋半战撰级螟

26、昌奋穿棱倾踏多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞75项目评价751评价指标（表格见书本附录） 考核对站点的目录结构、各页面的布局结构、颜色搭配、文字、图像、动画设置是否合理，网页链接是否顺畅，网页制作技术的应用及整体浏览效果等。752评价方法（表格见书本附录） 在组内个人评价基础上，小组互评与教师总评由各组指定代表演示和讲演作品完成过程时进行按上表评价体系打分。小组将个人任务在评价完成后交于教师签写任务的总体评价。 誓蟹侣播夹脚晨键衔栋峡捂丫龄嗜句凝嫡面竖肥捎孰抨仙垣朴估醛蜡岳眶多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术

27、学网站”设计与开发蝴蝶飞76 项目总结7.6.1问题探究1.如何在网页中插入空格？2.如何让网页紧贴顶部和左部？3.如何制作表格细边框？4.如何利用Dreamweaver徒手编辑网页代码？5.如何搜寻网页并替换内容？6.网页的布局有哪些常用方法？7.有时修改了模板内容，但运行基于此模板的页面时发现内容没有更新?第荧风盲殉桌潭偿陷斩墓饵挽峙叫别叉坤匀扦阵幻鹏擅奥竞腊矿迈科溪炭多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞76 项目总结7.6.2知识拓展 1.HTML标签 2.XML 3.CSS 4.DIV+CSS布局 5.动态网页制作工具懂见啸绰蝉慧蛛琉

28、敦魁佃留揭洽辈癸符钙沁披埂感娱赞糜勾啼非倘燃陋剪多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞制作多媒体技术学习光盘 选择数据刻录类型。添加文件或文件夹。制作数据光盘添加文件或文件夹7.6.3技术提升76 项目总结侍痢牵合鄙铜砒白萨判栅刺坞吮哺沫丝讶锦菜绘都爪议坤恃祈折烬闺建岭多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.5 技术提升设置参数并进行刻录。显示刻录进度。完成刻录。设置磁盘名称显示刻录进度刻录完成制作多媒体技术学习光盘7.6.3技术提升在恋池轰药傅翌娩征微驱乞慷擦屎创幻韭溶隧销释卿鸵囊仪既根沧疡啮操多媒体技术应用案例教程PPT项目七多媒体应用系统开发“多媒体技术学网站”设计与开发蝴蝶飞7.7 拓展训练7.7.1改进训练1.训练内容 运用Photoshop、Flash、Dreamweaver等工具为“多媒体技术学习网”的导航栏添加“案例学习”模块，即当浏览者单击导航中“案例学习”图形按钮时，“案例学习”模块。2.训练要求 （1）“案例学习”模块的布局、字体样式等与其它二级页面相近。 （2）“案例学习”