淘寶首頁psd模板教程_如何使用psd模板_淘巧網(wǎng)的淘寶psd模板怎么用?子雨圖文解答!
本文關(guān)鍵詞:psd模板怎么用,由筆耕文化傳播整理發(fā)布。
淘巧網(wǎng)的淘寶psd模板怎么用?子雨圖文解答!
相關(guān)欄目:
2014-03-06 21:06
OK!在淘巧網(wǎng)下載子雨收集整理各類淘寶PSD模板的淘友們,當(dāng)然有的是淘寶美工的高手,但是也有一些事菜鳥的美工或者新手賣家們,看著模板好看但是卻不知道如何安裝到淘寶店鋪中。想試用淘寶PSD模板,其實(shí)就是一個(gè)將PSD模板變成html模板的過程。原理上可以按照你下載好PSD模版后,要把模板中的每一個(gè)項(xiàng)目分別裁切出來,包括店招、促銷海報(bào)、各個(gè)寶貝單品。總的來說比較麻煩的是頁頭部分,需要去不停的去調(diào)試!這塊解決了,下面的就好做了!
頁頭下面的區(qū)域,要分成幾個(gè)版塊裁切出來,用ps里面切割工具,把圖片,文字等等切割出來,根據(jù)你的需求,然后,保存為web所有模式,圖片和HTML的,,然后把html網(wǎng)頁用文檔打開,復(fù)制代碼,到你的淘寶裝修后臺(tái)自定義區(qū),圖片上傳到淘寶圖片空間,根據(jù)html里面的gif,或者jpg名稱,把上傳 到淘寶圖片空間的相同圖片名稱鏈接放上去便可!
每個(gè)模塊區(qū)域,按這樣的方法的即可做出來! 整體難度在頁頭以及全屏海報(bào)部分,熟手也需要去花很多時(shí)間來調(diào)試,這里不是一句二句話能說的清楚,具體問題,具體分析!
如果你使用不來淘巧網(wǎng)的淘寶PSD模板,也可以去淘巧網(wǎng)下載提供的直接可以安裝在淘寶店鋪中淘寶模板代碼!
copyright taoqao
下面是一個(gè)簡單的切片淘寶PSD模板到html文件的圖片教程:
我們的工作就是將圖片切割成一個(gè)小的圖片,加入到HTML中。 內(nèi)容來自taoqao
切圖的方法有很多種,這里先介紹2種:
1. 使用矩形選框工具(快捷鍵M)->選擇想要取得的部位->按下組合鍵Shift,Ctrl+C復(fù)制選擇內(nèi)容->然后Ctrl+n新建->Ctrl+v復(fù)制到新建窗口->另存為gif格式結(jié)束。 本文來自淘巧網(wǎng)
2. 用切片工具將圖片切割好->文件-存儲(chǔ)為WEB格式也能將切片圖片導(dǎo)出 本文來自淘巧網(wǎng)
3. 或用裁剪工具(按快捷鍵c)選中要切割的那一部分,并雙擊得到切割后的圖片 淘巧好,好淘巧
切片的方法有還很多,這里我們就不一一介紹了,本人比較習(xí)慣于使用第一種方法,我覺得比較直觀干凈,想要哪一部分直接切下來。 內(nèi)容來自taoqao
下面正式開始制作:
內(nèi)容來自taoqao
步驟一:使用上述方法的一種獲得圖片; copyright taoqao
我把這個(gè)顯示器的圖片切了下來圖片如下:
淘巧好,好淘巧
copyright taoqao
淘巧好,好淘巧
步驟二:開始布局
打開Dreamweaver工具,新建一個(gè)html文件和一個(gè)css文件。 本文來自淘巧網(wǎng)
copyright taoqao
然后開始在html中編寫代碼:
本文關(guān)鍵詞:psd模板怎么用,由筆耕文化傳播整理發(fā)布。
本文編號(hào):109494
本文鏈接:http://sikaile.net/wenshubaike/mfmb/109494.html