|
本文檔里面會涉及到 Photoshop,Dreamweaver,Flash,SWiSHmax,Swish3D 等的使用，具體使用方法請參閱本站或者其它網(wǎng)站相關(guān)文檔或者幫助文件。
做網(wǎng)站設(shè)計(jì)制作以及程序編寫這行也很長時(shí)間了，現(xiàn)在所就職公司也有一定的規(guī)模，很喜歡我所在的技術(shù)部門做網(wǎng)站的流程，由于我所在公司體制的關(guān)系，我所面對的客戶以及給他們所設(shè)計(jì)制作的網(wǎng)站都是中小型企業(yè)，其實(shí)很早就想寫出來與大家分享，我會分幾個(gè)大的方面說一下。
一，網(wǎng)站首頁面風(fēng)格以及內(nèi)頁模板風(fēng)格的設(shè)計(jì)(PHOTOSHOP為主)
在我看來這就是平面設(shè)計(jì)中的分支WEB平面設(shè)計(jì)，所有設(shè)計(jì)工作均在PS里面進(jìn)行，目前國內(nèi)網(wǎng)站設(shè)計(jì)的主分辨率還是800*600和1024*768這兩種居多，如果要設(shè)計(jì)成前者，那么在PS里面的長寬應(yīng)該是778*425，這樣在前者分辨率下打開網(wǎng)頁后就是一個(gè)上下左右不帶滾動(dòng)條的“滿IE（瀏覽器裝有很多插件的會影響顯示，此長寬數(shù)值是在安裝“干凈IE”的情況下）”頁面，后者在設(shè)計(jì)時(shí)候要將寬度控制在1004*625比較好，當(dāng)然，寬度是為了沒有左右滾動(dòng)條，高度是一個(gè)最小值，如果>425或者>625那么自然就會出現(xiàn)上下的滾動(dòng)條。這里我就以在PS里面設(shè)計(jì)一個(gè)1024分辨率的網(wǎng)站界面為例(以本站設(shè)計(jì)為例)：
1、新建1004*625的空白文檔
2、進(jìn)行顏色的搭配以及素材圖片的添加修飾
點(diǎn)擊上圖看完整大圖
3、切圖,分配好具體的"圖塊"以備在生成HTML后在DW里面編輯
點(diǎn)擊上圖看完整大圖
點(diǎn)擊上圖看完整大圖
4、利用PS的“存儲為WEB所用格式”進(jìn)行網(wǎng)頁（htm、html）文件的輸出
點(diǎn)擊上圖看完整大圖
圖片格式選擇上根據(jù)"存儲為WEB所用格式"中左下角的"圖片格式,生成大小來判斷用什么格式,色調(diào)少的用GIF,色調(diào)多的用JPG,品質(zhì)可以定在70左右.
點(diǎn)擊上圖看完整大圖
5、保存為html或者h(yuǎn)tm的網(wǎng)頁文件，生成的切片圖片默認(rèn)會放在網(wǎng)頁文件同級目錄下的images目錄里面．
點(diǎn)擊上圖看完整大圖
今天就更新到這兒，待續(xù)~~~~~~~~~
出處：找找吧
責(zé)任編輯：moby
上一頁 下一頁 網(wǎng)站設(shè)計(jì)制作開發(fā)漫談 [2]
◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
第 1 頁 網(wǎng)站設(shè)計(jì)制作開發(fā)漫談 [1]
第 2 頁 
