如何制作網(wǎng)站教程 怎么用photoshop制作導(dǎo)航欄?
怎么用photoshop制作導(dǎo)航欄?用photoshop畫出導(dǎo)航欄的效果用切片工具把每個導(dǎo)航標簽切出來。并保存切片。如下圖:再用html寫出導(dǎo)航欄的代碼,把這幾個圖片鏈接到網(wǎng)頁中,就可以了總結(jié):pho
怎么用photoshop制作導(dǎo)航欄?
用photoshop畫出導(dǎo)航欄的效果用切片工具把每個導(dǎo)航標簽切出來。并保存切片。如下圖:再用html寫出導(dǎo)航欄的代碼,把這幾個圖片鏈接到網(wǎng)頁中,就可以了總結(jié):photoshop是無法直接做出導(dǎo)航欄,它只是輔助設(shè)計出效果,實際功能的,還是要用html代碼的。
導(dǎo)航怎么做成一條線?
有兩種方法可以將導(dǎo)航條變成一條線,如下:
第一種:PS設(shè)計好1920px*150px的店招加導(dǎo)航條切片添加好鏈接,然后用代碼隱藏原來的導(dǎo)航條,直接上傳到店招區(qū);
第二種:還是要用到全屏店招,但是這里高度只需要120px,將全屏店招上傳到裝修頁面的店招區(qū),然后根據(jù)導(dǎo)航條的眼神來設(shè)置頁頭背景色,也就是將這兩個顏色更改為一個顏色,比如:導(dǎo)航條的顏色RGB值分別為R:255、G:255、B:255,這時候只需要將導(dǎo)航條的顏色改成這個值就可以了。
如何用photoshop做網(wǎng)頁?
一、先用Photoshop切片
1、在Photoshop里面打開一張要設(shè)計網(wǎng)站的圖片
2、選擇切片工具剪切網(wǎng)頁的頭部
3、用切片工具剪切網(wǎng)頁的導(dǎo)航欄
4、用切片工具剪切網(wǎng)頁的海報區(qū)
5、用切片工具剪切網(wǎng)頁的正文部分,這樣切片部分就做好了
二、網(wǎng)頁的保存
1、點擊“文件>存儲為web所用格式”
2、將網(wǎng)頁選擇一種預(yù)設(shè)然后點擊存儲
3、將文件的存儲格式“HTML和圖像”最后點擊保存就可以了