╰★可儿★╮ 发表于 2014-4-19 19:13:30

阿里的页面介绍

本帖最后由 ╰★可儿★╮ 于 2014-4-19 19:16 编辑




       虽然阿里弄的不是怎样,我也来弄一下分享一下我的经验吧,希望对一些没有接触过阿里的童鞋有帮助,说错了的别喷我哈,大家只是交流一下而已,请多多指教。 第一步,你首先注册一个淘宝会员账号,进入http://banner.alimama.com/



打开就是这个页面,然后首先你要选择登陆



然后再转回第一张图,选择自己设计,点击进去。



       箭头那里宽度 高度 背景颜色都可以按照更改,宽度最大为999,高度是2600,背景颜色可以选择你喜欢的。 圆角和边框的数值最大为150



圆角值大于100的时候,里面的边框也会带一点微圆的效果,
可以试试看看。边框颜色选择你可以直接点击一下边框,那样就会弹出颜色出来让你选择了。



设置好数据后,你可以加文字和图片了。



   箭头部分就是输入文字,字体种类选择,字体的动画效果,以及
滤镜的特效,右下的小格子是滤镜特效的颜色选择。



然后打开第三个选择商品那里,会弹出右手箭头所示图,点击一下
就会出现在左图箭头所示那样。



一般用了商品的小块块都是需要用到
外链的,这样社区就需要用到H码,图片就会显示,否则显示不了图。
宽度 高度 数据跟先前数据都是一样设置的,不过图片的清晰度要注意了,有时候图不是越大越好的,要和图像素一致或者比像素小一点,图片才不会变形。这个自己摸索就知道了。
      用了外链图片,显示出来的不是饱满的,这个图片比例就要设置拉伸了,这样图就饱满了,如底下所示图例





图片的外链我一般用poco的图片链接。如果你没有poco账号
就用Q号申请一个吧,这个注册是免费,可以保存不少图片。



   注册的新号你要上传你要的图,就把你要的图截图到桌面,打开poco, 然后点击上传照片。



往下拉就可以看到下图



添加水印那里就要注意了,论坛的帖子不允许出现非论坛的水印,
那设置你就要选择不加水印了。

图片上传以后 ,你就要到相册那里找到那刚上传的图片,



点开它



箭头那个就是要放进阿里的图片外链了。



然后这个商品框框的介绍上面已经说过了,跟着设置就是了。

轮播的功能跟商品的图片链接是一样的,只不过图片多了几张,链接
换掉而已,一张图是显示不了效果的,最低要两张以上,而且相同的图不能并列,要用另一张图隔开,里面的效果才会显示。



控件可以选择多样,你可以每一个试试,看看是什么效果。
播放秒数也是可以选择的。

这样阿里加了文字 图片 ,一些播放功能,就是一个成品了,这时候
你可以点击预览保存了,你觉得满意了,就点击输出设计。

然后如下图



获取阿里的外链,因为我这个用了图片外链就必须用H码了,
不然图片不显示的。H码的链接选择第二个复制,然后到社区发帖,
在flash中输入就可以了,如果你没有H码权限,那你就要联系你想发帖的那个版块版主,辛苦一下版主勾H码权限了。你也可以进学院群找里面的管理申请H码权限考试。学院群群号220818465

爱上学院爱上学习欢迎每一个爱好学习的人
      (注:没有H码权限的童鞋最好把基础学好,然后自己去摸索代码的世界,那样会学到很多东西,如果老是依赖版主去勾H码的话,会有一种不好的习惯。)

补充说明
阿里不用图片外链的话,就只有自己上传素材了,但是阿里有一个限制,超过60kb就上传不了,这时候就要压缩图片,把图片控制在59.9了。感谢随心的一个方法,她用美图秀秀来压缩图片,效果不错的。首先你先打开美图秀秀

打开一张你要的图片

然后保存

找到画质,打开

拖动滑块,把数字控制在59.9上传以内,然后保存,再然后上传到阿里的我的素材去就可以了,再然后就是想看到你的阿里。。。
http://www.xiami.com/widget/30509684_1769754696,1770068528,1770222104,1769602045,1768973652,3680250,3680242,1769256217,1770282470,1769719351,1769193849,150629,1770358085,1771409475,26424,_499_80_000000_000000_1/multiPlayer.swf


爱上学院

Me┅☆飛 发表于 2014-4-19 19:32:03

指尖微凉 发表于 2014-4-19 19:35:40

谢谢可儿的热心跟细心

文刂 发表于 2014-4-19 19:44:57

☆んoρе--☆飛 发表于 2014-4-19 19:32
虽然看不懂 但不明觉厉

加油!加油!加油!


感觉就是网页版的美图秀秀。

潴児。 发表于 2014-4-19 20:37:52

昨晚我就是研究这个来着,
到早上才明白一个皮毛。
还有好多要学的。
{:72_516:}

finesay 发表于 2014-4-19 21:52:43

{:2_267:} 原来一直被我当广告屏蔽掉的阿里还是有点实用价值滴嘛。。

青涩蔷薇 发表于 2014-5-19 23:56:05

这个以前都没听说过,进了社区才知道还有这么个东东{:2_269:}

片片枫叶情 发表于 2014-5-21 12:40:10

感谢可儿这么详细的解说。

II.〆无缺° 发表于 2014-6-4 17:51:59

照着先慢慢摸索一下,实在不行就劳您可儿美女的大驾了~~

紫訫鎻噯 发表于 2014-6-11 17:44:42

刚接触阿里看这个会感觉迷糊,自己去摸索做贴,点开每一个地方用用,遇到不懂的回头来看可儿做的这个介绍,就简单多了。会做阿里不难,可做好就要多学习。

无欢 发表于 2014-7-17 01:01:33

学了一点,再接再厉吧
页: [1]
查看完整版本: 阿里的页面介绍