淘寶大學里前輩們的經(jīng)驗真的讓我受益匪淺,,現(xiàn)在我也要跟大家分享一下個人小小的思考成果,,請多多指教喔~ 做為新賣家,,經(jīng)常會遇到10個裝修模版不夠用的情況, 只要掌握了這個方法,,就可以做出簡單精美的模版唷~ 首先當然要打開PS喔,,把做好的圖片(jpg格式)拖到PS里 選擇切片工具,用切片工具將要用的圖片切成幾個部分,,切好的圖片就是要放鏈接的部分,,記住要全部都要切完,要不然就會出現(xiàn)不必要的漏洞 這張圖片,,我總共分成了7個部分,,有7個部分可以做鏈接~ 接下來這一步,只要將圖片存儲為Web所用格式,,就可以了~ 打開存儲后,,在這里,您也可以對圖片做出調(diào)整 存儲的時候注意喔,,可以按照片中您需要的部分來進行切片保存,,在切片選項欄會有三項選擇,按照這個例子來選,,我選的是所有切片這一項,。 來到這一步,不要慌喔,,這是正?,F(xiàn)象,選確定就可以了~ 現(xiàn)在看到的,,就是切片后保存成功的HTML 文檔跟文件夾,,打開這個HTML文檔,里面就是一個網(wǎng)頁,,不過還沒有鏈接呢,,呵呵~ 【images】這個文件夾里的圖片就是切片出來的圖片喔,,然后把這些圖片上傳到淘寶圖片空間或者相冊 然后選中HTML 文檔點擊右鍵~在打開方式那里選擇記事本, 打開記事本后,,您就會發(fā)現(xiàn),,里面都是網(wǎng)頁的代碼,哇神奇吧,, 我打開了這個記事本呢,,大家可以看看喔~選中的部分就是需要的,沒選中的,,是不需要的~為了讓大家明白,,以下我也有截圖呢~
這個是開頭的部份,到箭頭那行開始往下是需要的: 這個是結(jié)尾的部分,,也是在箭頭這一行,,但不包括這行唷~ 然后復制兩個箭頭中間的代碼就可以了~ ------------------------------------------------------------------------- 好了,現(xiàn)在到了店鋪裝修的部分,,要留意喔:
以上的這個圖片,,就是添加自定義內(nèi)容區(qū)~這個相信掌柜們都會吧,呵呵,,我啰嗦了,,然后把代碼復制到代碼區(qū),大家一定要選以下這個舉例圖片中藍色的部分喔,,哈哈,,我又啰嗦了~ ----------------------------------------------------------------- 到了這一步,大家會發(fā)現(xiàn)原來的圖片都是破圖,,不用緊張,,我們可以把這些破圖刪除掉,然后插入【images】文件里的圖片 插入圖片方法1: 插入圖片方法2: ------------------------------------------------------------------- 注意了喔,,大家先來看一下已成功插入的一張圖片,,接近尾聲了,不知道各位是否明白呢,? 其它的圖片如此類推,,都是按照這樣的方法插入,好了,,現(xiàn)在看一下完整的效果吧,,希望不會讓各位失望喔~ 這里的每張圖片都可以做鏈接喔~ |
|
來自: 紫蝶經(jīng)典生活坊 > 《╠淘寶交流╣》