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