06 H5主流制作工具-易企秀

第6章H5主流制作工具——易企秀H5页面设计与制作目录Contents6.1

H5页面的创建方式6.2

H5素材元素的添加与编辑6.3

H5组件功能的使用6.4

H5的预览与发布6.1.1

利用预设模板创建在易企秀主页面中，将光标移至页面上方“免费模板”选项，在打开的模板列表中根据需要选择模板的类型。单击所需模板即可进入预览页面，选择好版权保障类型，单击免费制作按钮。进入编辑页面后，用户即可根据需要对其模板中的内容进行修改了。6.1.2利用空白画布创建如果没找到合适的模板，那么用户可利用空白图进行自主设计。在平台首页面左侧列表中选择“创建设计”选项，进入“创建设计”页面。在H5选项组中根据制作需求，选择页面版式。这里选择“竖版创建”，便可创建竖版的空白画布。用户可在此画布中进行元素的添加和设计操作。目录Contents6.1

H5页面的创建方式6.2

H5素材元素的添加与编辑6.3

H5组件功能的使用6.4

H5的预览与发布6.2.1设置页面背景易企秀平台有四种背景类型，分别为纯色、渐变、图片和纹理。用户可以根据需求在画布左侧“页面设置”选项卡中进行设置。6.2.2添加与编辑文本元素易企秀平台中用户可使用两种方法来对文本进行编辑操作。一种是使用素材库中的“艺术字”，另一种是使用“文本”工具来设置。下面将分别对这两种方法进行简单介绍。1.使用“艺术字”工具2.使用“文本”工具6.2.3添加页面元素易企秀平台提供了丰富的素材库，包括图文版式、单页版式、装饰素材和艺术字素材这四种。其中艺术字的使用方法已向用户介绍过，下面将对其他三种素材的常规操作进行介绍。1.图文版式2.单页版式3.装饰素材6.2.4创建与管理页面H5页面有两种表达形式，一种是常规页，一页只展示一组内容，用多张页面来展示不同的内容。另一种是长页面，它是将所有的内容都展示在一页中，因此也被称作“单页”。与常规页面相比较，长页面在设计上有着一定的优势，长幅的页面在设计上更有张力。1.新建与删除页面2.复制页面3.设置翻页动画6.2.5添加与编辑图片元素图片的添加与背景图的设置操作相似，都需要通过上传到图片库中来添加。在画布上方工具栏中单击“图片”按钮。打开“图片库”界面，单击“本地上传”按钮，将所需图片加载至图片库中，单击图片即可插入。6.2.6添加元素动画易企秀平台可以为文本、图片、图形等元素添加动态效果，以提高页面的观赏性。在页面中选择所需元素，在“组件设置”面板中单击“动画”选项卡，在此可进行动画效果的添加设置。6.2.7添加画面特殊效果易企秀平台提供了多种画面特效，包含涂抹特效、指纹特效、飘落物特效、渐变特效、重力感应特效、砸玻璃特效。用户可根据内容添加相应的特效，以增强页面视觉效果6.2.8添加背景音乐背景乐的添加与图片添加的方法相似。在画布上方工具栏中单击“音乐”按钮，打开“音乐库”页面，在此可选择内置的正版音乐，也可以单击“上传音乐”选项选择自己的音乐作为背景乐。音乐上传完毕后，单击音乐可进行试听，确认后单击“立即使用”按钮即可添加背景乐。目录Contents6.1

H5页面的创建方式6.2

H5素材元素的添加与编辑6.3

H5组件功能的使用6.4

H5的预览与发布6.3.1添加页面视觉组件视觉组件包含拼图、轮播图、数据图表、随即事件、快闪和画中画这几类。在工具栏中单击“组件”按钮，在“视觉”选项组中根据需要选择所需效果类型即可应用。例如，H5页面中所展示的图片比较多，又没有想到好的排版方式，那么就可利用“拼图”功能来解决。6.3.2添加功能组件在“组件”列表中“功能”组包含了多种功能组件。其中“地图”功能、“二维码”功能、“底部菜单”功能等比较常用。6.3.3添加表单组件表单在H5页面中主要扶着数据的采集，用户可通过表单功能来收集一些重要数据信息，以作为项目推行的判断依据。易企秀平台中提供了多种表单按钮的设置。在“组件”列表的“表单”组中选择所需的按钮即可将其添加至画布中。目录Contents6.1

H5页面的创建方式6.2

H5素材元素的添加与编辑6.3

H5组件功能的使用6.4

H5的预览与发布6.4

H5的预览与发布H5页面制作完成后，用户可通过手机进行扫码预览效果。在编辑页面右上方单击“预览和设置”按钮，可打开预览界面，单击左侧“生成”按钮可自动生成一个二维码，手机扫码即可预览。6.4

H5的预览与发布作品保存后，当下次想对该作品进行修改，可在易企秀首页平台中单击自己的帐户头像，在列表中选择“我的作品”选项。进入“作品”界面，这里会显示出所有已发布和未发布的作品。选择要修改的作品，单击“编辑”按钮即可进入