|
很多賣家對網(wǎng)頁制作軟件并不熟悉，相對于dremaweaver軟件來說，懂PS軟件的要多一些，那么，對于我們從未接觸過網(wǎng)頁制作的一些賣家來說，如何去使用PS來制作自定義區(qū)的廣告圖片切片分塊鏈接呢，那么，我就將自己所掌握的東西毫無保留的介紹給大家，希望各位都能制作出漂亮的自定義區(qū)，在此祝愿大家生意興隆，天天開心!
一、先要在PS中創(chuàng)建寬度為750像素,高度不限，分辨率為72，顏色為RGB模式的新文檔。 如圖所示：
二、根據(jù)自己的設(shè)計(jì)風(fēng)格和店鋪經(jīng)營內(nèi)容，設(shè)計(jì)好準(zhǔn)備添加在自定義區(qū)的相關(guān)的圖片 如圖所示：
三、點(diǎn)擊工具欄中的切片工具在圖像中根據(jù)自己的需要切成完整的片(越簡單越好)，方法就是像創(chuàng)建選區(qū)一樣使用切片工具在圖像中框選，本圖我是切了三個片。(圖片中左上角的藍(lán)色小標(biāo)01 02 03就是切片名稱)注：大家做圖片的時候邊框不要做得太復(fù)雜，要不切的時候不好做，對于新手的話會影響出來的效果。。 如圖所示：
四、為切片創(chuàng)建超級鏈接(為了方便客戶直接點(diǎn)擊圖片而進(jìn)入產(chǎn)品介紹界面) 1、打開產(chǎn)品的頁面，復(fù)制地址。 如圖所示：
2、回到PS中，使用切片工具鼠標(biāo)左鍵雙擊切片左上角的藍(lán)色小標(biāo)或者單擊鼠標(biāo)右鍵選擇編輯切片選項(xiàng)。會彈出窗口,如圖所示：
3、在URL地址中粘貼剛才復(fù)制的商品頁面地址，并在“目標(biāo)”一欄中輸入_banck 表示“從新窗口中打開頁面” 如圖所示：
OK，利用相同的辦法，把其它切片也添加相對應(yīng)的超級鏈接。
五、保存文件。 方法：文件菜單----存儲為web所用的格式--再在彈出的窗口右上角選擇save---彈出存儲窗口—注意在格式中選擇“HTML和Lmages（*html）”格式 如圖所示：
六、上傳圖片：我們需要將剛才保存的圖片上傳到QQ相冊里，具體方法如下 1、打開自己的淘寶圖片空間點(diǎn)擊上傳圖片(這個相信大家都知道)，找到保存的圖片：注：當(dāng)我們保存為html和圖像格式后你在保存的地方會多出兩個文件，一個是網(wǎng)頁圖標(biāo)的件，還有一個是images文件夾，那個images文件夾里的圖片就是要上傳的圖片，將里面的圖片全部上傳到圖片空間里。 如圖所示：
完成后，打開剛才保存的 html格式的文件（網(wǎng)頁圖標(biāo)的件），點(diǎn)擊瀏覽器頂部“查看”菜單--選擇“查看源文件” 如圖所示：
選中“body”到"body"之間的文字符號，右擊選擇“復(fù)制” 如圖所示：
七、打開我的店鋪裝修進(jìn)入店鋪裝修頁面，選擇添加自定義內(nèi)容區(qū)---并點(diǎn)擊左側(cè)的“源碼” 圖標(biāo)，把剛輔助的源碼粘貼進(jìn)去。 如圖所示：
然后再點(diǎn)擊源碼進(jìn)入圖片編輯界面。。此時加入的圖片源碼還不能顯示，顯示的是紅叉叉。 如圖所示：
如圖所示：
切換到店鋪?zhàn)远x區(qū)域，鼠標(biāo)右鍵點(diǎn)擊不能顯示的圖片，選擇圖片屬性，然后講地址欄里的圖片地址刪掉復(fù)制成我們剛從圖片空間復(fù)制的地址，其他選項(xiàng)不修改，點(diǎn)擊確定。圖片就可以顯示啦，我的可以了。。。您試一下，看你的可以了嗎。? 如圖所示：
剩余圖片也按照相同的方法把地址改掉，記得最后點(diǎn)保存，再點(diǎn)發(fā)布哦。。。 現(xiàn)在讓我們查看店鋪看看我們的杰作吧。。。 |
|
|
