店鋪首頁裝修.ppt_第1頁
店鋪首頁裝修.ppt_第2頁
店鋪首頁裝修.ppt_第3頁
店鋪首頁裝修.ppt_第4頁
店鋪首頁裝修.ppt_第5頁
已閱讀5頁,還剩33頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、店鋪首頁寶貝陳列裝修,目錄,一.店鋪首頁裝修 二.店鋪寶貝陳列制作 三.寶貝陳列切片 四.寶貝陳列上傳,店鋪首頁裝修,主要是對我們商品的陳列進行排版裝修,一般都可以選擇淘寶默認的模板,但是覺得不好看,那就需要我們自己進行排版上傳了。,寶貝陳列的制作,用得到的就是我們的PS和Dw兩個軟件。 寶貝陳列的制作,一般你也可以網(wǎng)上下載模板,下載后還是需要自己動手去做,修改版式和風(fēng)格。,首先我們要準備7個店鋪里面比較漂亮的寶貝圖片! 你也不一定按照我這個排列 也以根據(jù)自己的寶貝自己排列!,打開ps,新建 ,寬度是750像素 長度703像素 (也可以根據(jù)自己的圖片大小自己設(shè)定),自己改一下名字,其他默認。,

2、先按一下Ctrl+R,把標(biāo)尺找出來方便等一下的排版,也可以點擊視圖標(biāo)尺。,點擊PS右邊的直線選項,按住Shift不要放點擊鼠標(biāo)左鍵在編輯框中畫 出模板邊框 本模板分為兩排 上一排是250X404像素一個 下一排是188X299一個 。 計算方法:寬750/3 ,高703-404。,點找到你準備好的圖片, 然后直接拖到 PS里面去調(diào)整圖片大小。點擊編輯自由變換,把寶貝圖片調(diào)整到和畫布邊框一樣大的位置。,調(diào)整好后 ,按一下回車鍵確認。把調(diào)整好以后的圖片拖到 模板里面,調(diào)整好相應(yīng)位置 就ok了。,接下來我們就把標(biāo)題和價格 給它添加上去吧, 我們先用 矩形選框工具 框出一個長方形來!,然后點選到背景選

3、項 找到左邊的漸變工具選好顏色 。,然后點選到背景選項 找到左邊的漸變工具選好顏色,找到 選擇工具 , 點一下選擇框 按住Ctrl+C 復(fù)制 然后再按住Ctrl+V粘貼 粘貼完以后點點擊鼠標(biāo)左鍵不要放 把復(fù)制的漸變條做到相應(yīng)的格子下面!,接下來就可以在粉紅色的漸變格子上面添加文字,當(dāng)然也要把字體的顏色選好。,在每一個下面都加上文字。,我們在添加一個價格上去,先選好字的顏色,再找一個人民幣的符號,后面打上價格。,為了突出價格,點擊文字圖層的右鍵,點擊混合選項描邊。 把顏色換成 淺灰色、點確認就可以了。,等設(shè)置好以后 把價格圖層復(fù)制一下 然后拖到 每個寶貝右下角就可以了,復(fù)制圖層方法,也可以ctr

4、l+J,復(fù)制圖層,然后拖到 每個寶貝右下角就可以了,接下來我們在添加一個寶貝標(biāo)題,大概就做好了,接下來我們就要切片上傳了,切片,然后按住鼠標(biāo)左鍵,從左上角往右下角拉,把每個格子分開切片!,切片完成以后 找到文件選項 選擇保存為Web格式,點擊確定,就可以保存了,保存時一定要選擇html和圖像類型,保存好后,PS這部分就算完了!,上傳圖片到圖片空間,找到你剛剛保存的Web文件 打 開! 里面有一個網(wǎng)頁文件 和一個圖片文件夾image , 把圖片文件夾image里面的圖片全部上傳到你的網(wǎng)店的圖片空間里面去!方法同以前一樣。,打開Dw,點擊打開,找到剛才保存的html文件,點擊打開。,接下來就要把每個圖片的本地地址 ,換成你圖片空間的地址。方法和以前一樣,復(fù)制圖片鏈接就可以。,點擊第一幅圖片,復(fù)制圖片的源文件在第1欄,把寶貝的鏈接放在第2欄,把第3處目標(biāo)改為-blank就可以了,依次把所有圖片都換了地址和鏈接。,把所有圖片地址和寶貝連接都轉(zhuǎn)換和添加完以后模板就制作成功了。接下來要做的就是復(fù)制代碼。,接下來,點擊店鋪裝修,添加自定義模塊,選擇代碼模式,把代碼粘貼上去就可以了。,最后點擊保存,發(fā)布。這樣就把寶貝陳列做好了,作業(yè),在自己的店鋪里找

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論