《淘宝基础版全屏教程》由会员分享，可在线阅读，更多相关《淘宝基础版全屏教程（5页珍藏版）》请在金锄头文库上搜索。
1、淘宝基础版全屏教程1、首先需要准备的：dreamweaver 软件，photoshop 软件，1920*150 （160）的店招，1920*X （任意高度的主页海报）2、在dreamweaver中新建html,在html的body之间粘贴淘宝图片空间的图片源代码（是 源代码，不是图片的链接，源代码在图片空间的链接旁边）3、在dreamweaver的设计栏中看是否显示图片（此图片是店招图片，尺寸750*150）；如果不显示，就把之前粘贴的源代码中https:/的S去掉，变成http： ，这样看看设计 里面能否正常显示图片。4、能显示，然后在设计栏，对图片添加热点，热点的作用是加链接，点击链接能够
2、跳转， 在添加热点的时候注意的地方：热点的属性中地图栏填写ID001,是个名字啊；属性中 的链接填写要跳转的地方，比如收藏的热点，链接就复制店铺的收藏链接；属性的目标 填写： -blank； 如图：5、将代码中BODY之间的代码复制粘贴到导航栏的源代码处 如图lmg src=?rhttp:/img. alicdn. con/ijngextra/iZ/iiLJt)l LJb/lijqyzxwgJ ipubjispjXXcl. pXa_! ! Z1 Jbbl 1 JO. jpg alt=?rfU7Ubl fUU4JOU7. jpgw border=JTUw usejnap=#MapID03,T/m
3、ap name=MapID03 id=wMapID03*coords=ff845J 27, 1008, 115 href=whttps:/shop 150001851. taobao. com/search. htjn?spjiL=2013. 1. w5002-16313215205. 1. 959eebeDrd7Ao&ajnp ; search=yw targe t：area s?L：apB= rect _blarikw /area s?Lape=rect _blanV / area s?Lape=rect blank /jarea s?Lape= rect _blank /area s?L
4、：ape= rect _blarikw /area s?L：apB= rectcoords=,v44J 115, 186, 150* href=,vhttps:/shop 150001851.taobao. com/search. htin?spm=2013. 1. w5002-16313215205. 1. 959eebeDrd7Ao&: search=y,v targetcoords=,T203, 1 16, 241, 1-43,Tcoords=282J 116, 348, 149coords=,T3783 117,435, 145,Thref=ffhttps:/shop 15000
5、1851. taobao. com/search. htm?spm=20131. w5002-16313215205. 1. 959eebeDrd7Ao&:search=ywhref=whttps:/shop 150001851.1aobao. com/search. htjn?spin=2013. 1. w5002-16313215205. 1. 959eebeDrd7Ao&search=ywhref=whttps:/shop 150001851. taobao. com/search. htjn?spjTL=2013. 1. w5002 16313215205. 1. 959
6、eebeDrd7Ao&ajnp ; search=ywtargt t：targe t：coord尸456, 11J 514, 148https:/shop 150001851. taobao. com/search. htin?spm=2013. 1. w5002-16313215205. 1. 959eebeDrd7Ao&: search=yw target=*_blank* /Xarea shape=wrectw coords= 635, 118694149 href=whttps:/shop 150001851. taobao. coin/search. htm?spm=2013
7、1. w5002-16313215205. 1. 959eebeDrd7Ao&: search=y -targe-t=w_blankw / area shape=rect coords=,r921, 69, 930, 74ff href=*rhttps:/shop 150001851. taobao. com/search. htm?spm=2013. 1. w5002-16313215205. 1. 959eebeDrd7Ao&: search=yr target： blank /map；：1?lref /Xarea sl-LapB=，TrBct，T c rds=，v546, 1
8、18S 600. 148，T hrgf=6、这个时候在导航栏就能显示图片，而且图片上的收藏，或者商品都能点击跳转了，但是 图片不是全屏，接下来复制全屏代码此处的图片是店招背景图片，尺寸是1920*150： 此处的代码放在分类里面，就是导航栏里面然后发布预览，就实现了店招全屏了。上面说的店招图片（前面的那个，做了热点的，尺寸750 的，后面背景的 1920 的，都 是带导航类目，就是分类）7、接下来做海报部分，就是产品展示部分和上面的一样，现在 dreamweaver 里面加需要在主页展示的产品图，-aURJCL.Jpe II LIU L1hesd*cWta charsetFurf-兰1： Hl
9、无畅邀天恺t r t Lp a/headshod 尸:img 3i =,lritt.s:/-!mg.alJ1cd-Ccm/-!mge34tra/1l/L2a9L2JL5/TB2mrid!l0kpurjy6rjXKcDba I zn-EgiZSlS. jps* al_t=育邑 92 Jpg/* 1rng src=htti：s: /1 mgallcdr.can/4mgextra/! 1 /L239L23L5/TE2waZ! J mg rc=Mhtti-E-i / /1. al- cdr u com/i mgextra yi 31239123 L5 - T B2zriBCM:lpu r j 5szg
10、XKsrc = fittpsZ/-img. all匚drLCZCnhymEEXi：广丄丿L2日孕LMSLTFTBEEBNFtbSSlpLJFjF日I u!2B91231i Jpg 3 Lt=,r 首帀日5 jpg”F：彳hE2然后在淘宝装修页面加自定义模块，在自定义模块粘贴代码这个时候粘贴过来的产品海报图不是全屏的，加入全屏代码7却至主代屁腕-芝求石兗祥(Fl 肅疏 El lijiroi 琶石SCKgtHIdi v s ty 1 e=whifc i ght: GOSpjj sJiiv l-as5=，fDO-:sr-oDre trigger8 styl5=1 eft 15GS; tcS-aut口
11、.PotTet ：:none：DS!日did呂：0;di v :1fun I ki :ur-!E riyu-j e;1 vl h- 1 nfl ：IOEOjjk I up : mij 1 i,bi.rdh!r-:m :ih pM itrn shjspc cct1 上口ch d.-; 474,45,47,442* lirs-fcjdoctpemeta charset=,utf-8- div clase=foot-er1rgger,p-jesepx:top:a：dto:border;nor-e:padding:內吝区城_:一为吝区閱一丁5皿这个时候就实现了主页海报产品的全屏。7、在最海报的时候注意事项：淘宝全屏海报的所有图片高加起来等于海报全屏代码中的数 值，否则会出现最下面六空白或者无法显示。所有问题全部讲解完了
