当前位置:大学生在线网营销文章网上开店淘宝模板多图超详细GIF动态闪图回帖模板教程

多图超详细GIF动态闪图回帖模板教程

02-04 19:01:36  浏览次数:5次  栏目:淘宝模板
标签:淘宝模板制作教程,淘宝模板代码, 多图超详细GIF动态闪图回帖模板教程,http://www.dxs89.com

 

回到记事本,找出里面相对应的切片一的本地地址代码本分,如下图的蓝色部分,把他替换成刚才复制的网络地址。

切片二也如此操作。

然后点保存,这样一个动态回帖模板的代码就做好了。

现在开始运用。

好了,到这里就全部讲完了,如果有什么不懂的朋友可以直接找我联系。如果有做出成果的也希望能回来跟帖交下作业让我看看。

祝大家天天开心,生意兴隆。有意向的也可以加15675148旺旺群,交流讨论。

 

单击代码按钮。切换到代码模式。并将代码全部复制。

然后在下面的属性栏设置高度 为108

这里要说明下的是由于等下要插入和图片大小相等的表格,所以这里可以先看下刚刚保存的图片的长宽。这里是400*108

保存后系统会自动生成一个网页预览文件HTML 和一个image文件,里面会将切片部分分别保存。

现在开始做网页模板代码。首先打开Dreamweaver

这里切为两部分 上部是等下做代码时用来做背景的,做了背景就可以在上面打字

下面部分就是图片。

 

最后保存如图

在窗口选择动画,出现动画面板,就可以看到GIF是多张图构成的。

选择第一帧。(这里不选的话,选框可能会错位)

然后选中图层8(最上面的图层)

注明:GIF格式拖入PS后是单图层索引模式,但是拖入imageready后就会自动生成多图层。一共多少帧就有多少个图层。GIF生成动画的原理就是将多张连续的图片逐帧播放。

上一页  [1] [2] 

,多图超详细GIF动态闪图回帖模板教程
《多图超详细GIF动态闪图回帖模板教程》相关文章

tag: 淘宝模板,淘宝模板制作教程,淘宝模板代码,网上开店 - 淘宝模板