下面流程不必定為尺度流程,我們只取其中可取的處所,假如那里你感到分歧適,與現(xiàn)在的方法相往甚遠(yuǎn),那么我們完整不比要再往看,我是這么認(rèn)為的,里面有可取的處所,也有很多不需要的處所,現(xiàn)在基本用不上,多讀沒(méi)什么壞處的
1 策劃與草圖
1.1所有網(wǎng)站和其它設(shè)計(jì)作品的過(guò)程都是從策劃開端的。這是最能體現(xiàn)你的才干和發(fā)明力的處所。人最大的差別于其它動(dòng)物的處所就是會(huì)思考，會(huì)發(fā)明，而且唯有這點(diǎn)是難能可貴的！我們必需要在動(dòng)手打開PS或FW制做界眼前就要完成一個(gè)網(wǎng)站最最關(guān)鍵的策劃部分，它將直接影響
這個(gè)網(wǎng)站的成敗與否。一個(gè)優(yōu)良的網(wǎng)站，不僅做得美麗，而且要方便瀏覽，可讀性強(qiáng)，簡(jiǎn)潔明快！
網(wǎng)站的作風(fēng)，用色，版式，布局，欄目甚至每個(gè)渺小的圖標(biāo)都要經(jīng)過(guò)精雕細(xì)琢，沉思熟慮。而作風(fēng)的制定要取決于你所做網(wǎng)站的瀏覽人群和讀者職業(yè)背景、文化程度和修養(yǎng)愛好等，只有投其所好才干最大化地產(chǎn)生共識(shí)；另一方面取決于公司的類型和企業(yè)法人的愛好，假如不是要強(qiáng)參加你自己的意志的話，那上述幾點(diǎn)已經(jīng)制定了網(wǎng)站大致的努力方向了！
1.2本站是貿(mào)易化的網(wǎng)站面向企業(yè)為主，所以我采用簡(jiǎn)約作風(fēng)，亮麗明快的色彩和作風(fēng)，只要學(xué)學(xué)平面構(gòu)成和色彩構(gòu)成績(jī)知道如何按其作風(fēng)往安排各個(gè)元素和內(nèi)容，以及用何種色彩來(lái)營(yíng)造你要表達(dá)的后果了，包含冷熱明暗都是很關(guān)鍵的。大面積的中性色不刺眼，而重要的領(lǐng)導(dǎo)視線可以讓亮色來(lái)?yè)?dān)負(fù)，冬天愛好熱色夏天愛好冷色是人之常情，藍(lán)色那種給人以信任和科技的底韻是我選擇它的原因，而像橙、黃等增進(jìn)食欲的色彩更輕易受到食品網(wǎng)站的青睞！
1.3本著簡(jiǎn)潔科學(xué)的分類原則來(lái)劃分欄目：首頁(yè) 客戶中心 窄告先容 合作媒體 常見標(biāo)題 媒體報(bào)道 關(guān)于我們
欄目假如劃分不好的話，影響框架的調(diào)劑，成果就是：重頭再來(lái)了，愁悶吧？
本網(wǎng)站重要面向?yàn)H坊企業(yè)，所以要做得本地化，讓人看了感到親切，而且要做得美麗
1.4好了，完成上面這些后請(qǐng)拿起筆在紙上按你的創(chuàng)意和假想畫一草圖，盡是具體些，最好精致到每處暗影和描邊！這步很關(guān)鍵的說(shuō)！
1.5本節(jié)最后就是準(zhǔn)備制做網(wǎng)站時(shí)所需要的素材了，包含圖標(biāo)，LOGO，廣告語(yǔ)，內(nèi)容先容等這都是最基礎(chǔ)的！
2 設(shè)計(jì)與制做
2.1假如草圖都已經(jīng)繪制完善后就可以打開PS或FW開工制做和設(shè)計(jì)我們的界面了，在這里我應(yīng)用PS，固然沒(méi)有FW的高效和專業(yè)但更加機(jī)動(dòng)和自由，這是我最愛好的，也由于用慣了嘛?。蓿摒B(yǎng)兵千日用兵一時(shí)，平時(shí)的練習(xí)和學(xué)習(xí)在這里派上用處了！
2.2可以在新建的778*600頁(yè)面中先打框架然后再采用逐步細(xì)化的方法，還可以采用你自己奇特的伎倆，比如透明玻璃水晶按鈕等后果來(lái)營(yíng)造特別的作風(fēng)，要力求簡(jiǎn)約和精巧！不要放過(guò)每個(gè)細(xì)節(jié)的刻畫，即使是1*1的5%透明度的暗影都會(huì)給你的頁(yè)面增彩，別認(rèn)為別人看不見！
2.3最好養(yǎng)成分層的習(xí)慣，這樣可以方便分類和編纂，不至于把上百個(gè)圖層放在一下層級(jí)里搞得一團(tuán)亂麻，分不明白。
作為一名優(yōu)良的設(shè)計(jì)師應(yīng)當(dāng)有條理，所以請(qǐng)養(yǎng)成分類并為每個(gè)圖層命名的習(xí)慣，這決不是浪費(fèi)你的時(shí)間！
3 切割與導(dǎo)出
無(wú)論是PS還是FW，哪怕是AI做的設(shè)計(jì)界面，在切割的原則都是一樣的，請(qǐng)服從以下幾個(gè)方面：
3.1首先要按大致的框架切割，如國(guó)字型或T字型，注意其完整性
3.2對(duì)于要輸進(jìn)的文字區(qū)域、大面積色塊或單獨(dú)的圖片以及Flash動(dòng)畫要單獨(dú)切割成非圖片格局的切片以備插進(jìn)
3.3對(duì)于添加內(nèi)容需要很長(zhǎng)的區(qū)域要注意其伸縮性切割，若有圖案要保證可以重復(fù)排列
3.4在切割時(shí)要特別認(rèn)真和警惕，不要空留一行或列的一個(gè)象素的間隙，要放大讓切片都對(duì)齊，不留空隙
3.5其它如按鈕和空缺處等主動(dòng)天生的切片，以及創(chuàng)立需要轉(zhuǎn)變圖片外觀的切片等
切割完畢后，選擇文件另存為WEB頁(yè)命令，導(dǎo)出為HTML文件待DW編纂。
4 編纂與模板
4.1在DW中打開導(dǎo)出的HTML文件開端編纂，包含大表格居中，設(shè)置背景，修正空缺可輸進(jìn)區(qū)單元格背景為本來(lái)切割的圖片等
4.2將編纂完畢的文件添加CSS樣式，包含最基礎(chǔ)的TD和ALINK等標(biāo)簽，然后存為模板DWT文件，并＾+alt+v新建可編纂?yún)^(qū)域
4.3通過(guò)模板新建各個(gè)頁(yè)面并添參加相應(yīng)的內(nèi)容
5 動(dòng)畫與廣告
5.1按本來(lái)切片所容留的大小制做FL動(dòng)畫廣告條，應(yīng)用相應(yīng)的文字內(nèi)容和廣告語(yǔ)，在FL中新建文件
5.2復(fù)制粘貼廣告詞到場(chǎng)景中，排版并轉(zhuǎn)換為元件578*104
5.3添加相應(yīng)的背景和動(dòng)畫，調(diào)試節(jié)奏后宣布為SWF文件
5.4插進(jìn)到DW中的模板頁(yè)并調(diào)劑大小后存盤，其它的頁(yè)面會(huì)主動(dòng)更新
6 鏈接與上傳
6.1重新設(shè)置模板頁(yè)的導(dǎo)航鏈接，本步驟也可在第四節(jié)完成
6.2在本地打開首頁(yè)檢查鏈接與文字內(nèi)容直到無(wú)錯(cuò)，確保鏈接可正常拜訪
6.3上傳到申請(qǐng)的空間，在域名解析成功后在瀏覽器中瀏覽網(wǎng)上的后果并做相應(yīng)后期保護(hù)
