1920全屏海报代码制作流程

时间：2016-08-12

1920全屏海报代码制作流程，所谓全屏海报也就是指布满显示器全屏的海报，本知识点讲解，以淘宝网店铺首页装修为例！
在讲解全屏海报制作之前，我们先了解一个概念，也就是电脑显示器的分辩率，在目前为止，电脑显示器的分辩率从800*600到1920*1080，
最高为1920的宽度，也就是说如果图片的宽度为1920的才能布满全屏，否则就不能全屏显示。
这也就是有所谓的1920全屏海报，因为1920宽度的图片可以适应所有的显示器，
当显示器的分辩率不足图片的宽度的时候，比如显示器的分辩率只有1360宽度，那1920－1360的像素会被默认隐藏，图片一般是居中显示，
因此在1360分辨率的显示器里，1920的图片两边的像素被默认隐藏，因此为了适应更多的显示器，我们尽量在做图片的时候，将有实质性描述的图片或文字尽量做在中间。
这样两边被隐藏的像素点只是些背景颜色，并不影响美观

设计海报的思路：
确定海报所有宣传的方格和意境
海报构成元素:多款颜色衣服、文案、广告语、价格；
设计：彩虹条、彩色文字、动感背景、促销样式。

全屏海报都是用自定义模块的代码实现，因此需要了解一最基本的编程技术，但是现在全屏海报的代码网上到处可找到，我们只要复制过来，把图片的链接替换就可以了、
现在的店铺装修，为了节省时间，一般不用自己编程，网上有许多现成的代码，我们直接复制更改即可。

海报整体代码，我们将此代码复制粘贴到淘宝装修的自定义模块，选择使用代码编辑模式，直接复制以下代码，
<div style="height:1100px;">
<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">
<a href="链接" target="_blank" style="width:1920px;height:500px;display:block;">
                          <img alt="海报" border="0" src="图片1地址" />
                          </a>
                     <a href="#链接" target="_blank" style="width:1920px;height:500px;display:block;">
                    <img border="0" src="图片2地址" />
                  </a>
</div>
</div>
</div>

代码需要更改的有：图片地址、图片链接地址
<img src="http://img01.taobaocdn.com/imgextra/i1/1578214660/T2SlPlXgdaXXXXXXXX-1578214660.jpg"
红色就是图片地址，我们更换成自己的即可,地址可以到淘宝图片空间里复制过来。

<a href="链接" target="_blank" style="width:1920px;height:500px;display:block;">，此链接是海报鼠标点击后跳转的链接。
width:1920px height:500px ，指的是宽度1920像素，高度500像素；可根据海报尺寸更改；

注意一定要看清楚""（冒号不能去掉，不要动里面的其他代码）
不懂代码的话建议不要乱动，错一个字母可能就不能正常显示，切记！！！

本文由诚新网络 www.cx6658.com发布

1920全屏海报代码制作流程

公司服务热线