淘寶通欄制作教程
158****1921樓主|2022-07-22|17:22|發(fā)布在分類 / 淘寶規(guī)則|閱讀：4655
淘寶通欄制作教程，這個教程很簡單，裝修老手就呼嘯而過吧，呵呵主要是給新手看的。
因為在論壇看了不少前輩的帖子發(fā)現(xiàn)，好像也沒那么難嘛，當然我也沒涉及到深層次的東西呵呵，基本上簡單裝修也就PS和Dream weaver 兩個工具簡單處理下嘛，開工之前把前輩的指導看上幾遍就覺得原來就這樣，在后來的裝修過程中發(fā)現(xiàn)，對于我們這些不懂裝修的店主來說，技術不是最難的，關鍵還是要有耐心堅持??！今天要介紹的是店鋪第一眼的通欄效果，當然是假通欄，看見有前輩裝修出了真通欄，不過我比較愚笨，就是搞不出來！先上一張我自己的效果圖我的挑選的圖片其實不好，全部有顏色且不是白色，如果新裝修的話盡可能挑白色的圖片，或者是要裁剪的地方是白色就行，那種效果就真是以假亂真的通欄了！第1步準備一張你要用的圖片，是一張被分成3張圖之前的完整圖片哦，規(guī)格的話可以自己決定，但是整個首頁的寬度是950（單位是像素）既定，也就是你準備的圖片是950寬。
如果準備的圖片950×550，頁頭高150，下面的圖片高就是400，當然高你可以選擇其他數(shù)值。
第2步你要做的就是把他切成3部分，這里要用到PS的切片。
打開PS，然后打開你的圖片，找到切片按鈕，不同的版本可能切片圖標不太一樣，我的是CS4版本。
切完后點文件，存儲為WEB和設備所用格式，格式為jpeg,品質72，保存類型選擇圖片和HTML，完了會生產一個網頁文件和文件夾，里面是3張被切開的圖片。
這時候最好先按ctrl+R調出刻度尺，一遍精準切片，先切頁頭950×150，下面左邊是200×400，右邊是750×400。
這里要說明的是，其實下面的圖片總寬是940而不是950，因為中間會有10的間隔，你可以切了頁頭把頁頭先保存，然后把下面的圖片調整成寬940再切，不過其實關系不大，950寬的圖切出來后會有微微變形，但是基本上不會感覺到。
第3步如果就是3張簡單的圖片，要裝修店鋪非常簡單，把圖片分別上傳就OK了，先上傳頁頭，然后左右兩邊都添加自定義框分別上傳另外2張圖，不過這2張圖要先存到空間。
不過我想大部分人都不會讓這么大一個“門戶”就只是一幅畫，我們總要放點什么進去啊，放什么呢，就是放按鈕了。
大家可以看到我的首頁左下框中有收藏兩個字，拿個就是收藏的按鈕了，不過我比較喜歡簡單，就放了一個按鈕和一些字，下面就以這個按鈕為例，其他步驟一樣。
這樣我們要先回到第二步，打開要加按鈕的圖片，找到T圖標的按鈕，然后輸入收藏，完了點切片工具，選擇收藏兩個字，這里圖片會被切成好幾塊，不用管。
如果你添加好幾個按鈕，就輸入幾個字框，然后切片的時候選擇全部，點右鍵的劃分切片，就可以平均切等分。
這里水平切成3等分然后同樣選擇保存為WEB和設備所用格式，被無情的切成5片了。
接下去是重點，這里要用到dreamweaver這也有幾個版本，用它打開保存的網頁文件，不是圖片哦，這是打開后的界面。
可以看到好幾排這樣類型的文字
紅色部分就是圖片地址，這時候我們要先把我們切的圖片一張一張全部上傳到空間，然后把紅色的地址換成圖片上傳后的網絡地址。
切碎的圖片要成為功能按鈕，只要我們給它加入鏈接地址就行了，點擊下方的屬性，看到這樣的界面這里有一個源文件和鏈接框，源文件就是圖片地址，連接框就是圖片要鏈接的地址，比如收藏的鏈接地址，我們可以到首頁找，右鍵點擊收藏選擇屬性，可以看到鏈接地址URL，復制到連接框，這樣點收藏的時候就會收藏店鋪了。
其他圖片步驟一樣。
填入相對應的地址就行了最后就是上傳制作的好的圖片了，把剛才的圖片都處理好后，就要用到上面的源代碼了，
|  |
 |
通欄的效果是好，不過很難做到，假通欄相對來說還是比較容易的，主要讓左右兩邊保持同一個水平。
下面是一段左邊空白源代碼，可以用在店鋪保持左右平衡
