《H5页面创意设计课程教学教案.docx》由会员分享，可在线阅读，更多相关《H5页面创意设计课程教学教案.docx（25页珍藏版）》请在课桌文档上搜索。
1、H5页面创意设计下载原文可修改字体底色教学教案课时内容认识H5授课时间135分钟课时3教学目标掌握与H5桁关的概念0了解如何学好H5设计了解H5设计的相关流程教学重点EJH5的概念、类型、风格EJH5页面设计的原则0H5设计人员应具备的案侦0H5的设计与制作源程教学难点HS的类型、风格，H5的优势与不足，H5页面设计的原则,H5设计作品应具备的特点.115的设计与制作流程教学设计教学网路：（1）通过对H5的概念、类型、风格,优势与不足.以及设计原则的介绍.让学生对H5与115页面设计布个基本认识：（2）通过对优秀115页面设计作品的特点，以及H5设计人员应其在的能力进行讲解，告诉学生学好H5需
2、具备的条件：（3对H5的设计与制作流程进行介绍，包括明确设计目标、内容策划、；页面设计、交互设计和H5的生成与发布：（4）通过项目实训炼习本章知识：（5）安排实战演练巩冏本章所学知识，提升设计能力与动手能力.1、教学手段：（D通过理论加案例的方式讲解，帮助学生快速理解知识点：（2）通过课堂讨论提出问题，活跃课堂气氛并激发学员的学习兴建。2、教学资料及要求：除教材中讲解的知识可以通过其他栗道了解更多H5相关知识.加以学习.教学内容讨论问题：1、H5是什么？2、学好H5设计需具备哪些能力？3,115的设计与制作流程是怎样的？内容大纲：具体可结合本率的PPT课件进行配合讲解1.1 HS的基础和以1.
3、1.1 H5是什么1.1.2 H5的矣型1.1.3 HS的风格1.1.4 H5的优势均不足1.1.5H5页而设计的五大原则1.2 如何学好H5设计1.2.1 ft仔的H5i攵计作品应具备的特点1.2.2 HS设计人员应具备的能力1.3 H5的设计与制作流走1.3.1 明稿设计目标1.3.2 内容策,划1.3.3 页面设计1.3.4 交互设计1.3.5 H5的生成和发布1.4 项目实训项H旅游推广H5页而木材的搜集与制作项目二道请函H5页面素材的投集与制作实战演练1、了解H5的基础知识.小结2、常押如何学好H5设计。3、常握H5的设计与制作流程先利用PhotoShoP对端午节图片素材（忆套资源:
4、素材第1次端午节素材.psd）进实战演练行处理，制作端午节H5页面（配套资源:效果第1代然午节H5页面.psd）,然后在MAKA中添加动画效果并进行预览。卜图所示为参考效果.课时内容%：W的设计规范和授课时间180分钟课时4工具教学目标EJ了解H5的设计规范（3掌握H5的图像、功效等元素设计工具0掌握H5的谀计生成制作工具EJ掌握H5的创意开发工具了解H5的辅助设计工具教学重点EJH5的常用设计尺寸0H5页面的安全区Photoshop.I1.1.ustrator.AfterEffects.AUditiOn等元素设计工具0MAKA.一易企秀、兔展、人人秀、初页等H5制作工具0意派Epub360、
5、IH5等H5创意开发工具EJ格式工厂、PSPIay,TinyPNG.草料二维码等H5辅助设it工具教学难点E1.H5的设计规范0H5的元素设计工具0115的设计生成制作工具0H5的创意开发工具0H5的辅助设计工具教学设计我学思路:1）通过对浏览器的选择、H5的常用设计尺寸、H5页面的安全区等知识进行讲解，让学生掌握H5的设计现莅；（2）通过对PhotOShop、I1.1.ustrator.AfterEffectsAUditiOn进行介绍，让学生熟恚H5的元素设计工具：（3）通过对MAKA、一易企秀、免展、人人秀、初贞等进行介绍,让学生熟悉HS的生成制作工具：（4）通过对意派Epub360,iH
6、5等进行介绍.让学生熟悉H5的创逆开发工具：（5）通过对格式J1.厂、PSPIay、TmyPNG、笊料：维码等进行介绍，让学生熟悉H5的辅助设计工具：6通过项目实训练习本章知识：7）安排实战演练巩固本章所学知识，提升设计能力与动手能力.1、教学手段：（1）通过理论加案例的方式讲解，帮助学生快速理解知识点：（2）通过课堂讨论提出问鹿，活跃课堂气象并激发学员的学习兴也；3对于近点内容进行着重讲解.2、教学资料及要求：除教材中讲解的这些工具软件,还可以r解其他工具的使用方法.教学内容知识回顾：在前面介绍了115的基础知识,以及H5设计与制作的流程等内容.讨论问题：1、H5仃哪些设计规范？2、H5行哪
7、些页面元素的设计工具？3、H5的页面生成工具有哪也？4、16仃哪些创意开发工具？内容大纲：具体可结合本武的PPTi果件进行配合讲解。2.1 H5的设计规范2.1.1 浏S1.M的选择2.1.2 HS的常用设计尺寸2.1.3 HS页面的安全区2.2 H5的元素设计工具1.1.1 功能强大的设计工具Photoshop1.1.2 专业的矢量图绘制工具I1.1.ustrator1.1.3 附炫视为特效制作工具AfterEffects1.1.4 效设计制作工具Audition2.3 H5的设计生成.制作工具2.3.1 定制推广H5制作工具MAKA2.3.2 企业管辅H5*1.作工具易企用2.3.3 快逢
8、制作H5工具电展2.3.4 场第H5制作工具人人为2.3.5 砂片故事HS制作工具初贡2.4 H5的创禽开发工乂2.4.1 专业HS工具Epub36082.4.2 在我.编辑H5工具iH52.5 H5的柏助谩计工具2.5.1 声视压Mi工具格式工厂2.5.2 手机使党设计信PSPIay2.5.3 图片压缩工具TinyPNG2.5.4 二维码生成工具草料二维码2.6 项目实训项H-使用MAKA制作H5活动页面项目二使用格式工厂将JPG格式的图片转换为PNG格坎实战演练小结1、掌握H5的设计规范.2、掌握H5的元素设计、生成制作、创意开发和辅助设计工具课后练习（1）使用人人秀中的素材制作H5页面，
9、要求完成后的效果不但美观，而且能动态显示,完成后的参考效果如卜图所示。410力.t!fmCM*MX*MH*充电，（2）使用格式工厂招“夜景png”（花套资源:素材第2章夜景png）转换为T1.F格式（配套资源:效果第2章夜景.5）。（3）使用草料二维码将“我最png”图片生成二维码形式，及累图片及完成后的军考效果如下图所示（配套资源:效果第2章夜景二维码png）,课时内容H5页面的设计基础授课时间135分钟课时3教学目标EJ掌握H5原型图的相关知识掌握H5色彩相关知识掌握H5版面相关知识教学重点0H5原型图的概念色彩三要索0色彩与情感、氛围的关系0H5页面版面类型教学难点0H5坡型图应具备的要
10、素E1.色彩与情感、城围的关系0色彩搭配方法0HS页面8类型设计要点教学设计1、教学思路：(1)通过讲解H5原型图是什么、H5原型图应具条的要素，让学生掌握HS原型图的基础知识：(2通过介绍色彩的三大要素、色彩决定情感、色彩决定筑围、HS页面的配色方法，让学生掌握色彩的相关知识：(3)通过讲解H5版面类型，以及创建画面焦点、单页面视觉层级、多页面视觉层级、让版面设计的原则，学生掌握版面的相关知识；(4)通过项目实训练习本章知识：(5)安排实战演练巩同本章所学知识提升设计能力与动手能力.2、教学手段:D果用理论加案例的方法进行讲解,引导学生快速熟悉并掌握相关知识：(2)通过课堂讨论提出问魄，活跃
11、课堂气氛并激发学员的学习兴趣；3对于.重点内容进行若重讲解。3、教学资料及要求：除教材中讲解的知见.可以学习其他原型图绘制、色彩搭配和版面排版的相关知识.教学内容知识回顾：前面讲解了H5设计现他及各种设计工具等.讨论问逊：1、什么叫H5原型图？有什么用？2,怎么让H5页面的色彩更有吸引力？3、怎么在H5页面中引导用户的浏览视线内容大纲：具体可结合本欧的PPT课件进行配介讲解.3.1 H5原型图3.1.1 HS原RH是什么3.1.2 H5原型图应具各的条米3.26彩3.2.1 /认识色彩的三大突素3.2.2 色彩决定情感3.2.3 色彩决定武333.2.4 HS页而的A己。方法3.2.5 案例分
12、析“炮步App”H5页面的电彩分析3.3版面3.3.1 认识H5版面美型3.3.2 创建色面侬点.3.3.3 单页面祝优层统3.3.4 多页百视觉层里3.3.5 版面设计的原则3.3.6 案例分析分析“2020年度店长总站”HS页面强而布局3.4项目实训，贞目一乐H5页面的色彩与板田装曾项目二躺奖H5页面的电影与版面名8实战演练AOME小结】、掌握H5原型图的基础知识.2、掌握色彩、版面的相关知识.对卜图所示的草打音乐节HS页面进行鉴货，分析其色彩运用与版面布局的特点.实战演练课时内容H5负面的索材设计授课时间】35分钟课时3教学目标0掌握H5页面的图片设计相关知识0掌JH5页面的文字设计相关
13、知识0掌旌H5页而的音效设计相关知识教学束点0图片素材的获取0H5页面中的文字及字体0H5页面中音效素材的狭取方法教学难点三图片的设计原则0H5页面标题文字和正文文字的设计技巧EJH5页面中音效素材的选标注意犷JS教学设计1、教学思路：（1）首先讲解H5负面图片素材的狭取方法、H5页面图片的设计原则，然后通过设计案例进行理论与实践的结合学习；（2）接着认识H5页面中的文字及字体，讲斛H5页面标膻文字的设计技巧、H5页面正文文字的设计技巧等知识，再通过招聃H5页面文字的制作进行综合提升：（3）阱解H5页面中音效设计的生婴性、H5页面存效素材的获取方法、H5页面音效的选择与添加注诙事项等知识，并通
14、过AUditiCn音效制作巩固学习；（1）通过项目实训练习本章知识；5安排实战演练巩固本章所学知识，提升设计能力与动手能力.2,教学手段：1）采用理论加案例的方法进行讲解,引导学生快速熟悉并掌握相关知识：（2）通过课堂讨论提出问遨.活跃课堂气狙并激发学员的学习兴趣：（3）对于重点内容进行着JR讲解，3、教学资料及要求：除讲解教材中的知识外，M以了解图片设计、文字设计与音效设计的其他知识.教学内容知识回顾：在前面讲解了H5原理图、色彩、版面等H5页在设计的基础知识.讨论问逾：1、哪些柔道可以扶得昭页面的图片素材、者效素材？2、如何进行图片和文字的设计？3,选择音效时需注意哪咚问题？内容大纲：具体
15、可结合本章的PPT课件进行配合讲解.4.1 HS百面的图片设计4.1.1 H5页面图片素材的获取方法4.1.2 5页面用片的设计原则4.1.3 设计案例敕剪H5页面的仔景困片4.1.4 设计案例调JfHS页面的图片色彩4.1.5 设计案例绘割H5页面的夫董人物4.1.6 设计发例优化H5页面的困片效果4.2 H5页面的文字谀计4.2.1 认识H5页面中的文字及字体422H5页面标题文字的设计技巧423H5贡而正文文字的谩计技巧4.2.4 谀计案例制作招聘H5再画文字4.2.5 设计案例飘作招肾HS页面长图文字4.3 H54面的音效设计4.3.1 H551面中吾效设计的也要性4.3.2 HS页面
16、音效索材的获取方法4.3.3 HS页而音效的丑杼与渗加注意事项4.3.4 设计案例住用AUdition制作音效4.4 项目实训项目一斜作节三H5页面项目二制作抢红色H5页而实战演练基的.尚城小结实战演练I、握H5页面的图片设计方法2,掌握H5页面的文字设计方法3、掌握H5页面的音效设计方法（1）本例将使用PhOtOShOP制作中秋节H5页面,在制作时先绘制背景，然后停加月饼玉兔等主要素材（配套资源:素材遂4曲中秋YjH5页面素材.psd）,最后尬入文字.完成后的参考效梁如图所示（配套资源:效果第4章中秋节H5页面.psd）.（2）本例制使用PhotoShoP制作阅读HS页面.在制作时先对例读素
17、材（配套资源:素材第4章阅读Jpg）进行调色，如图4112所示，使其符合制作需求，然后进行回读H5页面的制作，最后添加文字。完成后的参考效果如图所示（配套资源:效果第4章阅读H5页i1.psd）.课时内容H5页面的动效设计授课时间135分钟课时3教学目标0了解HS页面的动效设计的基础知识0掌握H5页面的内页动效设诏掌握HS页面的转场动效设计教学重点0H5页面动效的作用内贞动效的选择设计转场功效的注意事项教学难点HS页面动效的主要类型内页动效的层级0设计转场动效的注意，项教学设计1、教学思路：（1）通过介绍H5页面动效的作用、H5页面的主要功效类型，让学生了解H5页面动效设计的艇础；（2先介绍内
18、页动效的选择、内页动效的层级，再通过做信红包H5页面的内页动效设计案例.让学生学会如何设计内页动效：（3）先介绍设计转场动效的注意事项.再通过微信红包H5页面的动效转场设计案例.让学生掌握转场功效的设计方法：（4）通过项目实训缥习本意知识：（5）安排实战演统巩固本章所学知识，提升设计能力与动手能力。2、教学手段：（1）采用理论加案例的方法进行讲解,引导学生快速熟悉并掌握相关知识：2）通过课堂讨论提出问跑,活状课堂气氛并激发学员的学习兴趣：（3对于重点内容进行着更讲解.3、教学资料及饯求：除湃解教材中的知识外，可以结合自身对H5动效的了解，制作其他的动效。教学内容知识回顾：前面讲解了H5页面的图
19、片设计、文字设计和音效设计等内容.讨论何J8：1、如何选择HS页面的内页动效?2,如何进行转场功效的设计？内容大纲：具体可结合本章的PPT课件进行配合讲解,5.1 H5贡田功效设计基屈5.1.1 HS页面功效的作用5.1.2 HS页而的主委动效美型5.2 H5页面的内药功效设计5.2.1 内费功效的通杼5.2.2 内页动效的茶汲5.2.3 设计案例的作微停红包H5页面的内页动效5.3 H5页面的的场功效设计5.3.1 设计转场功效的注急事用5.3.2 设计案例$S作微信红色HS页面的转场功效5.4 项目实训阴目一制作产品投广H5货面动近项目二制作招聘HS页面动收实战演练1.熟悉H5页面动效设计
20、基础小结2,掌握HS页面的内页动效设计3、掌握H5页曲的转场动效设计本练习将在MAKA中打开家居HS页面的相关素材（配食资源:卷材第5堂Y家居HSJSSh）.将其滋加到H5页面中,然后依次为文字和图片添加动效.完成后分享到微信平台。完成后的参考效果如图所示。实战演练课时内容I课时-H5b,j.).-.逋i1.凤口实训练习本9知识：(心安样实根演故巩木本也所学知识.4开设iif/J)fJj-J.一他学资料及般求：陵承制及村中的吧外,可以结合门已的严例学习Ji使用更部力多，4川；心，必包.如,教学内容知回顾:在前,页】设计的础以，内转场,效内，讨论问题：I、如何边打H5页面的父S创意设计？,1H5
21、页山的交互创京注计1.1 住即HS+72O皮全盘残米鱼全景力面1.2 使用H5+人脸识别找人让内车R克.1.3住MHS的尼引挚桂M引皮日心也.1.4便,HS*fHKiEW产的互，力侬沿t1.5 使用H5+小相跟的枝K让糠作史上：1.6 XiHtiK使用儿科M1.传，何作全景HS页面.2HS门面的动怎包RH2.1使用H5快收广去找件涮电体.2仅用H5+粒子斡我发针氏觉体2.3便用H52K提升内黎的展Jt.我.2.4使用H5多城互动提升营优的钱乐,2.6i1.rtM作怏网广告it1H5*GIF，力总让4而E生动一丝IQJ=低ZI1.G；，；2：1.J2、挈奥H5页面的动态创J设计图所示课后练习2d
22、67课时内容综合案例：活动运营H5页面的设计与制作授课时间135分钟课时3教学目标0掌题无宵节活动H5页面的前期准备E1.了解元宵节活动H5页面设计内容0了翻元宵节活动H5页面动效的制作与发布教学重点E1.元宵节活动H5页面设计构思0设计元宵节活动H5标题页0设计元宵节活动H5内容页0设计元宵节活动H5红包页EI设计元宵节活动H5介绍页0发布元宵节活动H5页面教学难点E1.绘制元宵节活动H5页面原型图0搜柒元宵节活动H5页面米材0设计元宵节活动H5标遨仪0设计元宵节活动H5内容页E1.设计元宵节活动H5红包页0设计元宵节活动H5介绍页0为无宵节活动HS页面添加功效教学设计1，教学思路，（1通过
23、分析元宵节活动H5页面的,明确该115页面的设计构思,然后绘制原型图并搜集木材，做好前期准备工作:根据前期准备的内容，进行元宵节活动115页面的标题页、内容页、红包页、介绍页的设计；（3接存为元宵节活动H5页面添加动效和音效.最后再发布元宵节活动H5页面：（4通过项目实训练习活动运营型H5页面的设计与制作方法识：（5）安排实战演练巩固本章所学知识.提升设计能力与动手能力.2,教学手段：（1）理论配合案例讲解设计思路：（2）使用各设计软件设计115页面，并添加音效和动效；（3）潍点内容着51进行讲解，3、教学资料及要求：除教材中的活动运营型H5页面外,学生还可以设计并制作其他的H5页面，提升自己
24、的设计与制作能力.教学内容知识回顾：前面讲解了H5页面的交互创意设计与动态创意设计等内容.讨论问题：1、如何构思元宵节活动H5页面？2,如何设计元宵节活动H5页面的内容？3、如何为元宵节活动H5页面添加功效？4、如何发布元宵节活动H5页面？内容大纲：具体可结合本章的PPT课件进行配合讲解,7.1 制作元9T节活动H5页面的前期欣各7.1.1 元宣节活动H5页面议计构思7.1.2 绘制元宵节活动H5页面原至国7.1.3 搜集元宵节活动H5页面素材7.2 元竹节活动H5页面的设计7.2.1 设计元宣节活动标芯页1.1.2 设计元宵节活动内客更1.1.3 设计元竹节活动红包贝1.1.4 设计元宵节活
25、动介绍页7.3 元宵节活动H5页而的功效制作与发布7.3.1 为元宵节活动HS页而添加功效7.3.2 为元H节活动H5页面添加音效7.3.3 /发布元宵节活动H5页面7.4 项日实训项目一制作会议邀请的H551*项目二制作会议邀请由H5页面功效实战演练小结1、掌握元宵节活动115Hi面的前期准的2、冬担元宵节活动H5页面的内容设计3、掌俎元宵节活动115页面的动效制作与发布本练习将使用素材文件（配套资源:素材第7章端午节活动页面素材.psd）制作端午节活动H5页面。使用Photoshop将H5页面分为川Gi.活动内容和活动介绍3个部分进行制作配套资源:效果第7，7端午书活动页面）.制作完成后使
26、用人人秀制作动效并进行发布.完成后的参芍效果如图所示.课时内容综合案例：产品推广HS页面的设计与制作授课时间135分钟课时3教学目标0掌握.设计制作产品推广H5页面的前期准得0掌握产品推广H5页面设计0至旌产品推广HS页面功效的制作与发布教学重点三产品推广H5页面设计构思0绘制产品推广H5页面原型图EI设计产品推广HS首页0设计产品推广HS内页0设计产品推广HS尾贞0为产品推广H5页面添加功效E1.为产品推广HS页面添加苦效教学难点0产器推广HS页面设计构思0绘制产品推广HS页面原型图0设计产品推广H5首页0设计产品推广H5内页0设计产M推广HS尾页E1.为产品推广H5页面添加动效0为产品推广
27、H5页面添加白效教学设计1.教学思路；(D通过分析产品推广H5页面的，明确该H5页面的设计构思，然后绘制原型图并搜集索材，做好前期准备工作；(2)根据前期i需的内容,进行产品推广H5页面的首页、内页、尾页的设计;(3)接着为产品推广H5页面添加动效和音效，最后再发布产品推广H5页面：(4)通过项目实训练习产品推广H5页面的设计与制作方法识：(5安排实战演练巩固本章所学知识，提升设计能力与动手能力.2,教学手段:(1)理论配合窠例讲解设计思跖：(2)使用各设计软件设计H5页面,并添加音效和动效：(3)里难点内容着型进行讲艇.3、教学资料及要求：除教材中的产品推广型115页面外，学生还可以设计并制
28、作其他的H5页面，提升自己的设计与制作能力。教学内容知识回顾：前面讲解了元宵节活动H5页面设计与制作的前期准卷、元宵节活动H5页面的标题页、内容页、介绍页等的设计，以及音效、动态的添加和页面的发布等内容.讨论问题：1、如何产品推广H5页面的前期构思?2、如何进行产品推广H5页面的设计与功效制作？内容大纲：典体可站台本章的PPT课件进行配合讲解，8.1H5的基段知识8.1 制作产品推广H5页面的前期准各8.1.1 产品推广HS页而设计构思8.1.2 绘制产品推广HS页面原型国8.1.3 搜案产品推广H5页面去材8.2 产品推广H5页面的设计8.2.1 设计产品推广H5首页8.2.2 设计产品推广
29、H5内页8.2.3设计产品根广H5M8.3 产品推广H5页面的动效制作与发布8.3.1 为产品推广H5页面添加动玳8.3.2 为产M推广HS页而海加黄我8.3.3 发布产品柩广HS页面8.4 项目实训项目一制作红湎推广HS5i项目二制作红酒推广HS页而动效实战演练1,掌俎产品推广H5页面制作的前期准备,小结2,掌握产品推广H5页面的设计。3、掌旌产品推广H5页面的动效制作与发布(1)本练习将使用素材文件(配套资源:素材笫8改家震节产晶推广素材psd)制作家装节产品推广HS制作(配套资源:效果第83产品推HS制而)使用Photoshop将H5页面分为首页、产M介绍和活动内容3个部分,完成后的参考
30、效果如图所示。课后练习3QOztf1.UOM*材十分绿沙发(2)木练习将使用人人待制作家装节产品推广H5贝面的动效。在设计时光添加语音来电互动，然后依次淳加首页、产品介绍、活动内容等页面,并为文字添加动效.完成后发布HS页面内容.完成后的参考效果如图所示.绿沙发精材十分课时内容综合案例：企业招聘HS员面的设计与制作授课时间135分钟课时3教学目标0掌握企业招和H5页面的前期准得0掌理企业招聘HS页面的设计0孳旌企业招聘HS页面功效的制作与发布教学束点三企业招聊HS页而设计构思0绘制企业招聘H5页面原型图0搜蛆企业招聘HS页面素材导入企业招转H5页面素材0设计企业招转HS首页0设计企业招聘HS内
31、页E1.为企业招聘H5页面添加动效0为企业招聘H5页面添加白效0发布企业招转H5页面教学难点企业招聃H5页面设计构思三绘制企业招转HS页面原型图0搜集企业招聘HS页面素材E1.设计企业招聘H5首页0设计企业招转H5内页三为企业招利HS页面添加动效0为企业招聘H5页面添加音效教学设计1.教学思路：（1划过分析企业招聘H5页麻明确该H5页面的设计构思,然后绘制原型图并搜集素材，做好前期准备工作：（2）根据前期准备的内容，导入企业招的H5页面的素材，然后进行企业招聘H5页面的首页、内页的设计；（3）接售为企业招聘H5页面添加动效和音效,最后再发布企业招聘H5页面:4通过项目实训练习企业招聊型H5页向
32、的设计与制作方法识：（5）安排实战演练巩冏本章所学知识.提升设计能力与动手能力.2、教学手段：（1）理论配合案例讲解设计思路；（2）使用各设计软件设计H5页面,并添加音效和动效：（3）重难点内容希重进行讲解，3、教学资料及要求：除教材中的企业招聘型115页面外,学生还可以设计并制作其他的H5页面，提升自己的设计与制作能力.教学内容知识回顾：前面讲解了产M推广H5页面的前期准备、页面设计与制作和发布等内容.讨论问题：1、如何准备企业招聘H5页面的设计素材？2,如何设计企业招聘H5页面的各页面？3、如何为企业招聘H5页面添加音效和功效？内容大纲：具体可结合本次的PPTi果件进行配合讲解。9.1 制
33、作企业然婷H5页面的前期很各9.1.1 企业招聘15页面谀计构思9.1.2 绘制企业招聘H5页面原型图9.1.3 将过招聘内容并收集点材9.2 企业招JH5页面的设计9.2.1 导入企业招雅H5百面素材9.2.2 设计一校.到底会亚招聘H5页面首页9.2.3 设计企业招聘H5页面内页93企业招将H5页面的动效阴作与发布9.3.1 为企业招聘H5页面添加功效9.3.2 为企业招聘H5页面添加*放9.3.3 发布企业招聘H5页面9.4项IJ实训断作招聘简章H5j(ft实战演练1,掌j企业招&HS贞血的前期准备小结2、学捱企业招聘HS页面的设计3、学握企业招聘HS页面功效的制作与发布本练习将使用凡科微传单制作企业宣传H5页面,在制作时光添加素材，然后对页面进行制作，整个企业宣传分为首页、公司简介、公司优势、联系我们、招商加盟5个部分.完成后的参考效果如图所示.课后练习
