加载中…
正文 字体大小:

CSP建会秘籍:会议地点用地图名片显示更好看!

(2016-06-13 10:06:40)
标签:

创建会议网站

csp

国际国内会议

会议网站

杂谈

分类: CSP建会秘籍
在会议网站上免不了要公布会议的时间地点等等信息,版面编排有讲究。文字和图片具有一种相互补充的视觉关系,页面上文字太多,就显得沉闷,缺乏生气。页面上图片太多,缺少文字,必然就会减少页面的信息容量。因此,最理想的效果是文字与图片的密切配合,互为衬托,既能活跃页面,又使网页有丰富的内容。

那么会议时间地点页面或者联系我们页面该如何编排才显得好看,提高网站档次呢?这里建议将会议地点用地图名片来显示,以“百度地图名片”为例。只需要将地图的源代码粘贴到中科院国际会议服务平台上所创建的会议网站网页的源代码里即可。

首先,我们打开“百度地图名片”:http://api.map.baidu.com/mapCard/,进入制作流程。页面上也有详细的介绍。
CSP建会秘籍:会议地点用地图名片显示更好看!

第二步,开始填写具体的位置信息,生成地图查看效果,如下图所示。
CSP建会秘籍:会议地点用地图名片显示更好看!

点击蓝色的“提交”按钮后,对地图的样式、显示的内容等进行设置调整,如下图所示:
CSP建会秘籍:会议地点用地图名片显示更好看!

最重要的是设置完毕后要复制左下角“将代码复制到网站相应位置中”这个框里的代码,这段代码就是将来显示地图用的。点击“复制”按钮,提示“iframe复制成功”。

接下来,我们返回到会议网站上需要放这个地图的页面,准备把这行代码插入进去。从网站底部的conference admin进入后台点击“页面编辑(edit page)”开始编辑页面,比如“联系我们”。

首先,编辑这个页面看到word编辑工具栏,将编辑模式调到“源代码”,然后在所有代码的最后将刚刚复制出来的地图代码粘贴进去
CSP建会秘籍:会议地点用地图名片显示更好看!

当然,如果你熟悉代码结构,可以将这段代码复制到其他的位置。现在我们“保存并退出”来看看效果:
CSP建会秘籍:会议地点用地图名片显示更好看!
这样的方式,可以让地址的呈现方式更加的丰富多彩,而且随着鼠标的滚动或者拖拽,地图会自动的放大缩小方便查看附近地图内容。


欢迎访问http://csp.escience.cn免费试用,有任何问题请来电垂询:010-58812326。我们竭诚为您服务!
CSP建会秘籍:会议地点用地图名片显示更好看!

0

阅读 评论 收藏 转载 喜欢 打印举报
已投稿到:
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有