《数字媒体基础与实践》数字媒体的集成与应用_第1页
《数字媒体基础与实践》数字媒体的集成与应用_第2页
《数字媒体基础与实践》数字媒体的集成与应用_第3页
《数字媒体基础与实践》数字媒体的集成与应用_第4页
《数字媒体基础与实践》数字媒体的集成与应用_第5页
已阅读5页，还剩33页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

数字媒体的集成与应用

学习目标理解HTML是如何把各种数字媒体集成到网页中能通过Dreamweaver工具，制作出简单的多媒体网页知道站点的重要性能使用表格和DIV进行网页的简单布局能建立个人的微信公众号对微信小程序有基本的认识和了解能使用网上的数字媒体集成平台，完成跨平台数字媒体的发布互联网上的数字媒体应用网页中的数字媒体集成使用浏览器开发者工具观察网页互联网上的数字媒体应用网页中的数字媒体集成保存网页后观察盘上存储的相关文件互联网上的数字媒体应用HTML网页多媒体集成创建和管理站点例6-1：创建myschool站点，对应于school文件夹，并在站点中创建分别用于放置图片、视频、音频素材的images、video、audio等文件夹。互联网上的数字媒体应用HTML网页多媒体集成创建主页和布局网页例6-2：为在myschoolsite中创建如图6-1-7所示的主页，先创建带表格布局的主页index.html。互联网上的数字媒体应用网页基本代码<html></html>：告诉浏览器这是一个HTML文档。<head></head>：表示这是文档的头部，这里的内容通常作为文档相关说明，不会直接显示在浏览器中<metacharset=”utf-8”>：通过对标志属性charset的定义说明了文档的编码是utf-8标准的<title></title>：定义网页标题，将在浏览器标题栏上显示出来<body></body>：定义网页上的内容互联网上的数字媒体应用网页基本代码表格布局表格相关标识<table></table>：定义了表格<tr></tr>：定义了行<td></td>：定义了行中的单元格<tbody></tbody>表格内的分组标记，方便对表格不同区域定义不同的格式HTML5中才出现的标志互联网上的数字媒体应用网页基本代码表格相关属性border：边框线粗细cellspacing：单元格间距cellpadding：单元格边距colspan：跨列数rowspan：跨行数

表示半角空格互联网上的数字媒体应用网页基本代码网页中的文本、图像、动画、视频、音频等各种数字媒体元素例6-3：在index.html中添加标题、图片等元素。插入图片：<imgsrc=”/image/logo.gif”>互联网上的数字媒体应用网页基本代码网页中的文本、图像、动画、视频、音频等各种数字媒体元素例6-3：在index.html中添加标题、图片等元素。插入文本<p></p>——段落<H1>~<H6>——标题格式，从大到小使用CSS设置字体、大小、颜色互联网上的数字媒体应用网页基本代码网页中的文本、图像、动画、视频、音频等各种数字媒体元素例6-3：在index.html中添加标题、图片等元素。插入居中水平线：<hralign="center">插入页脚：<footer></footer>换行：<br>插入版权符号互联网上的数字媒体应用将网页上的图片设置为背景透明互联网上的数字媒体应用网页上插入背景图片和视频创建div区域为div区域定义CSS格式互联网上的数字媒体应用网页上插入视频互联网上的数字媒体应用网页上插入背景图像互联网上的数字媒体应用例6-5：在首页上添加自动播放不带控制的背景音乐，并设置链接，使单击中北校区图片后，能在新窗口中打开如图6-1-21所示的zhongbei.html网页。插入音频互联网上的数字媒体应用例6-5：在首页上添加自动播放不带控制的背景音乐，并设置链接，使单击中北校区图片后，能在新窗口中打开如图6-1-21所示的zhongbei.html网页。插入音频互联网上的数字媒体应用例6-5：在首页上添加自动播放不带控制的背景音乐，并设置链接，使单击中北校区图片后，能在新窗口中打开如图6-1-21所示的zhongbei.html网页。插入超级链接<ahref=“zhongbei.html”target=“_blank”>超链源</a>超链目标：zhongbei.html在新窗口中打开目标互联网上的数字媒体应用例6-5：在首页上添加自动播放不带控制的背景音乐，并设置链接，使单击中北校区图片后，能在新窗口中打开如图6-1-21所示的zhongbei.html网页。插入超级链接<ahref=“zhongbei.html”target=“_blank”>超链源</a>超链目标：zhongbei.html在新窗口中打开目标移动终端上的数字媒体应用微信公众号订阅号用于信息发布每天可以群发一条信息服务号适用于大型企业用于服务交互每月可以群发4条信息企业微信用于企业内部管理移动终端上的数字媒体应用个人微信公众号的制作确定主题热点话题日常实用推荐行业分析情感娱乐学习考试移动终端上的数字媒体应用个人微信公众号的制作拥有手机号和邮箱打开网址注册登录建立数字媒体页面页面模版自定义菜单移动终端上的数字媒体应用个人微信公众号的运营内容的规划内容表现形式要差异化注重互动关注后台数据移动终端上的数字媒体应用微信小程序简介不需要下载和安装即可使用的应用HybridApp（混合模式移动应用）介于Web-App、Native-App这两者之间的App兼具“NativeApp良好用户交互体验的优势”和“WebApp跨平台开发的优势”移动终端上的数字媒体应用微信小程序简介官方网站：注册登录下载和安装开发工具移动终端上的数字媒体应用微信小程序简介开发微信小程序类似于动态网页制作HTML+CSS+JavaScriptWXML+WXSS+JS移动终端上的数字媒体应用微信小程序简介WXML相当于HTML5，将各种数字媒体元素集成起来WXSSWeiXinStyleSheet，微信样式表相当于CSS，用于定义各种元素的位置、颜色等格式信息JS定义用户控制和交互移动终端上的数字媒体应用微信小程序简介WXML中的各种数字媒体组件数字媒体应用集成平台使用iH5平台制作交互式跨平台H5网页可视化设计工具SaaS（软件即服务）产品，集成了前后端所需的强大功能云计算平台根据用户需求，动态分配计算、存储、数据库、带宽资源保证数据安全性的同时，满足突发流量暴增的需求数字媒体应用集成平台使用iH5平台制作交互式跨平台H5网页注册并登录官网：数字媒体应用集成平台iH5云平台编辑器工作界面工具栏提供了创作H5App的各种组件属性/事件面板设置组件的各种参数和对交互事件进行定义舞台创作和演示作品的场所对象树展示了作品的整体结构和各种对象之间的层级关系数字媒体应用集成平台iH5云平台编辑器工作界面数字媒体应用集成平台例6-6：用iH5云平台编辑器设计“美丽中国”交互式H5

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论