1、第8章 开放平台实用工具的应用1 1 考核知识点考核知识点百度地图API地图名片。2 2 练习目标练习目标 掌握百度地图API地图名片,制作需要的地图名片。掌握在网页中添加地图名片。实验实验1 1 制作制作桂林电子科技大学北海校区的地图名片桂林电子科技大学北海校区的地图名片请做出以下效果:要求:(1)在网页中插入学校的百度地图名片。3 3 实验内容及要求实验内容及要求实验实验1 1 制作制作桂林电子科技大学北海校区的地图名片桂林电子科技大学北海校区的地图名片通过百度地图名片制作学校的地图名片,把百度地图名片生成的代码,复制到网页相应的位置即可完成。4 4 实验分析实验分析实验实验1 1 制作制
2、作桂林电子科技大学北海校区的地图名片桂林电子科技大学北海校区的地图名片1 1 考核知识点考核知识点QQ通讯组件的应用。2 2 练习目标练习目标 掌握在网站上设置QQ在线客户 掌握腾讯社区开放平台中功能组件的应用实验实验2 2 如何如何在网站上设置在网站上设置QQQQ在线客服在线客服请做出以下效果:要求:(1)QQ图标固定显示在浏览器的右侧,离浏览器的顶部有一定的距离。(2)点击QQ图标发起临时会话。3 3 实验内容及要求实验内容及要求实验实验2 2 如何如何在网站上设置在网站上设置QQQQ在线客服在线客服利用QQ通讯组件实现生成图标,实现临时会话功能。图标固定显示在浏览器的右侧,离浏览器的顶部
3、有一定的距离,利用固定定位实现。4 4 实验分析实验分析实验实验2 2 如何如何在网站上设置在网站上设置QQQQ在线客服在线客服1 1 考核知识点考核知识点社会化工具的应用。2 2 练习目标练习目标 掌握社会化工具的应用。实验实验3 3 社会化社会化分享按钮分享按钮请做出以下效果:要求:(1)利用JiaThis 社会化工具,制作侧栏式分享工具栏。3 3 实验内容及要求实验内容及要求实验实验3 3 社会化社会化分享按钮分享按钮JiaThis专业网站社会化工具提供商,集成了各平台的分享功能,各平台分享无需要再一一制作。JiaThis提供的分享工具条按钮、形式、风格多种多样,本例中的左侧浮窗效果是其
4、中的一种。4 4 实验分析实验分析实验实验3 3 社会化社会化分享按钮分享按钮1 1 考核知识点考核知识点百度搜索框的应用、优酷分享HTML代码的应用。2 2 练习目标练习目标百度搜索框的应用。优酷分享HTML代码的应用。实验实验4 4 媒体与搜索媒体与搜索请做出以下效果:要求:(1)在网页中放入优酷视频(papi酱2016张总教你做电影)。(2)在网页中放百度搜索代码。3 3 实验内容及要求实验内容及要求实验实验4 4 媒体与搜索媒体与搜索优酷视频分享的功能提供了HTML代码分享,将代码加入到网页中,即可插入优酷视频;百度开放了免费下载百度搜索代码,将代码加入网页中,网站即可获得同百度搜索引擎一样强大的搜索功能。4 4 实验分析实验分析实验实验4 4 媒体与搜索媒体与搜索