iH5基础教程:为H5添加图片、音视频

 时间:2024-11-04 11:24:05

1、在桌面全选素材,拖拉进编辑器的舞台里,在对象树中就可以看到添加的素材。2、可以通过素材前面的勾控制素材的显示和隐藏。

iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频

2、可以在移动舞台里的图片或缩放大小,拖进来的图片都是默认等比缩放,如果要自由缩放图片,可以右键舞台上的图片,或者邮件对象树里的图片,取消等比缩放。也可以选择原始大小,让图片恢复原来的大小。可以通过调整属性面板来控制图片的属性,例如为图片添加背景颜色、改变透明度、旋转和微调图片位置等等2、视频拖进来默认是一个小方块,右键视频选择原始大小可以调整视频大小,放缩和移动的功能与图片一样,视频有时间轴窗口,点击播放按钮可以使视频播放。3、 可以用图片工具上传GIF,GIF会自动播放,如果用GIF工具上传GIF,则需要通过事件触发其播放。4、选中小人图片,点击文本工具,在舞台拖拉一个框,在文本编辑框里输入文字,可以通过属性面板改变文字颜色,文字大小可以输入数值让文本放大。文本只有一个默认的中文字体,如果需要其他中文字体,可以用中文字体工具。5、在一些浏览器里无法识别中文字体的显示,所以用中文字体工具会转化为图片。

iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频

3、对象排列结构1、中文字体与文本是小人图片的子对象,小人是父对象,点击小人图片前面的三角形,可以把子对象收起来。隐藏小人图片,那它的子对象也会一起隐藏,移动父对象,子对象会像黏在父对象上一样,跟着父对象一起移动,移动子对象,其父对象不会受到影响2、对象的排列顺序会影响对象重叠的方式,同一个父对象下,排在上面的中文字体会盖住文本。而中文字体和文本会盖住鞋子,因为子对象优于父对象显示。

iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频
iH5基础教程:为H5添加图片、音视频

4、知识点:1、iH5编辑器支持哪些素材格式:图屡阽咆忌片:JPG,PNG,GIF,SVG音频:mp3视频:mp4的H.D.264格式网页:htm, htm造婷用痃l, zip(zip里面必须包含index.html)图片序列:zip, gif (图片名称不能使用中文名称)2、添加素材:哪些素材是可以在桌面或文件夹中多选后,通过拖曳导入编辑器的:图片,GIF图片,视频,音频哪些素材是需要选中工具,先在舞台定位(拖个框),系统会弹出输入框:图片(如果从工具栏选择),文字T,富文本,网页,图片序列,图画,中文字,GIF,幻灯片哪些素材是选中工具,在舞台定位(拖个框),就直接在舞台上添加了该工具:透明按钮,二维码,按钮哪些素材是选中工具,无需在舞台上定位,就直接导入了舞台:视频,音频,下载文件(会提示你上传电脑中的文件)3、使用图片工具添加GIF图和使用GIF工具添加GIF图的区别?图片工具添加一张GIF图片后,GIF图片会自动播放,您也无法控制它的开始和停止;而用GIF图工具添加一张GIF图片,图片不会自动播放,您需要通过添加控制事件来开始GIF的播放。另一种方法是利用幻灯片控件上传GIF图,并控制其播放,请参考幻灯片工具的具体操作用法。4、iH5编辑器中三种文字工具的区别?iH5编辑器中提供英文字“T”,中文字“字”,及富文本;富文本能更方便地为你整段的文字进行简单的排版。中文字“字”为你提供更丰富的中文字体的选择。绑定变量的只能使用英文字“T”。*如果您想将自己电脑中的中文字体上传到工具中,请联系我们的QQ客服人员。5、按钮和透明按钮有什么区别?按钮是一个带有颜色的圆角方形,你可以调节它的圆角度,颜色,外框颜色等。在它的属性栏中可以直接添加文本,并设置文字大小,颜色,样式等。透明按钮就是一个透明的区域,它可以有按钮的属性,也可以有容器的属性,具体参考后文中的透明按钮的详细解释。6、对象层级:(1)同级对象:a)对象树上面的对象会遮挡下面的对象。例如图片、文本等对象。b)页面一次只显示一个,页面从下往上显示,即对象树最下面的页面是首页。(事件由下往上发生,即同一个触发对象下的事件,排着最下面的事件先发生。)(2)父子对象:c)子对象优于父对象显示,即子对象会遮挡父对象。d)移动父对象,子对象跟着移动,移动子对象,父对象不受影响,即子对象像黏在父对象上一样。

  • iH5高级教程:HTML5建站,页面的滚动剪切
  • iH5高级教程:H5交互菜单,旋转菜单特效
  • iH5怎么点击按钮转到外部链接
  • iH5高级教程:H5交互进阶,打字机效果
  • iH5怎么设置自动翻页
  • 热门搜索
    手抄报边框花纹 中秋节 手抄报 如何制作电子手抄报 普通话规范字手抄报 国学经典手抄报图片 爱国手抄报内容资料 关于科技的手抄报内容 环境手抄报内容 8k手抄报版面设计图 数学手抄报四年级下册