⑴ 圖標設計有哪些流程
1. 定義主題
定義主題是指把要設計的圖標所涉及的關鍵詞羅列出來，重點詞彙突出顯示，確定這些圖標是圍繞一個什麼樣的主題展開設計，對整體的設計有一個把控。
2. 尋找隱喻
隱喻是指真實世界與虛擬世界之間的映射關系，尋找隱喻是指通過關鍵詞進行頭腦風暴，在彼類事物的暗示之下感知、體驗、想像此類事物的心理行為。
3. 抽象圖形
抽象圖形要求設計師將生活中的原素材進行歸納，提取素材的顯著特點，明確設計的目的，這是創作圖標的基礎。
4. 繪制草圖
經過對實物的抽象化汲取後，便可以進行草圖的繪制。在這個過程中，設計師需要將實物轉化成視覺形象，即最初的草圖，當然草稿可能有很多方案，這時需要篩選出若干種滿意的方案繼續下面的流程。
5. 確定風格
在確定了圖標的基準圖形後，下一步就是確定標准色。我們可以根據圖標的類型選擇合適的顏色。當不知道使用什麼顏色的時候，藍色是最穩妥的選擇。目前圖標設計主流是扁平化風格。值得一提的是在UI設計中，大部分扁平化圖標以單色圖形為主，從技法上來說這樣降低了設計的難度。
6. 製作和調整
根據既定的風格，使用軟體製作圖標。在扁平化風格盛行的今天，單獨的圖形設計需要更多的設計考量，需要經過大量的推敲，設計調整。因此在圖標的製作中，會修正一些草圖中的不足，也可能增加一些新的設計靈感。
7. 場景測試
圖標的應用環境有很多種，手機的背景色也各不相同，有深色系的，也有淺色系的。我們要保證圖標在各個場景下都有良好的識別性，因此在圖標上線前，設計師需要在多種圖標的應用場景中進行測試。
⑵ 如何製作自己的網頁字體圖標
從設計單獨的圖標開始，到把它們轉化成@font-face格式以備嵌入，乃至授權給他人使用，整個過程中我們將僅使用免費軟體和在線服務。感覺怎麼樣呢？你不必依託於任何深奧的知識就可以製作出一套成功的英文字體（包括字母和數字），而只需要眼睛來設計——你面對的可能是非常非常小的東西。
最終，你將會收獲一個製作設計元素的過程（方法），它的意義遠遠在製作出簡單的圖標之上。
在我們繼續之前，首先應該談談，究竟希望通過在設計中使用圖標達到什麼目的，又是什麼使得一個圖標比下一個更成功。先講理論再講應用。為了完成這個任務，我們必須思考圖標作為符號學的一部分，所扮演的角色。
什麼是優秀的圖標？
符號學，從廣義上來說就是研究符號系統，我們如何對它們的形成和維護做出貢獻，它們亦因我們對世界的理解而受到影響。
不論何時，當你從「它象徵著什麼」—— 它向你的觀眾傳達了什麼信息，或者它喚起了他們什麼概念——思考你的某一部分設計工作時，你就是以符號學家的角度來審視你的設計。符號學像其它語言學一樣，的確可以覆蓋一種語言，在一個網站上面，有很多東西不是通過文字表達出來的，例如顏色、字體、形狀（圖標）。每個人都應該注意的是，這些東西所表達的都含有一種很強的文化因素。在中國，紅色可以表示好運氣，而在很多西方國家，它卻意味著危險。
術語「icon」在符號學中有一個特殊的意思。icon是一個神器，通過相似表達某事物。例如，一個標記地圖位置的icon。它擁有一個類似真實的
地圖標記的形狀,因此它可以表示一個位置，反過來，真正的地圖位置標記使人們想起各種有意義的概念。其中這些有抽象的概念，比如地點；也有不太抽象的概
念，比如這個位置可能在什麼地方。
一些所謂的圖標並不具有真正意義的代表性。無處不在的RSS圖標，一個點和兩個同心圓弧段，沒有什麼比它更像Really Simple
Syndication 了。構成RSS圖標的形狀通過單獨約定具有象徵意義，對此我們已經達成了共識。不過，一個RSS圖標更適合被稱為RSS標志。
現在，我希望我們已經確定了下面兩項成功的網站icon需要遵循的准則：
要有與真實事物的相似點，例如，一個類似真實列印機的列印圖標。
你的圖標在符號系統中應該是一個熟悉的，可識別的標志。
字體圖標日益受到歡迎
Icon字體，由於其提供了一種圖標速記方式，長期以來被認為是一種加強型UI設計，它協助人們理解文本信息。Icon圖像以毒品傳播的速度在整個web設計社區流傳，使用它可以使你的設計更加亮麗、吸引更多用戶點擊。
與圖片相比，使用icon式字體是一個相對新的主意。然而，與圖片（背景圖片方式）相比，它具備很多固有的優勢，因此它的吸引力正在逐漸增長。早在9月初，我在微博上寫了它的一些好處，Chris Coyier顯然也有類似的想法，幾周之後也向更多觀眾介紹了它。基於以上兩篇文章和其它內容，我編寫了這個較為完整的特徵列表：
它們的尺寸能夠輕松調整，並且不會損壞圖像質量（作為矢量圖）；
給icon定義顏色和文本一樣簡單。例如，對於一個rss圖標，color:orange；
可以把許多icons排列在一個組中，也就是一個文件中，這樣只需要一次http請求就可以了;
正如Chris所指出的，它們在IE6中也可以借著透明性顯示出形狀（這一點 與PNG圖片不同）;
對於那些應該出現在文字附近的圖標，對齊方式和包裝都不是問題（因為它們是文本）;
你可以應用CSS3的text-shadow和background-clip:text效果，以便凸顯字型的形狀;
不像SVG，icon字體很容易實現跨瀏覽器兼容；
問題
Chris說過，使用icon字體是一個不錯的主意，我要告訴你。
盡管如此，icon字體的使用現狀並不理想。首先，一些優質的可用字體，如Pictos, Fico, Klepto, Cheetos, Ponyo 和 Sailor Moon都是收費的。實際上意味著真有兩個問題：
你或許不得不投資一部分錢。
無論你是否需要花錢，你將會被迫接受其他一些人的糟糕設計。
除了自動抓取程序，我假定主要是網頁設計師將會閱讀這篇文章。我是一個設計師，我不認為只有我一個討厭依靠別人的作品，使自己的設計思路大打折扣這
種事兒。當然，我更不喜歡那種有支付許可權的想法。我知道自己要使用什麼圖標，並且我知道如何才能使其適合我的整體設計。我想要那種控制力。
經過一些搜索，我想介紹一下Inkscape的svg字體編輯器。通過使用Inkscape和一款在線轉換器（SVG字體到TTF），我製作出了字體「Heyding」，這個字體在 Simurai』s list（由Coyier的文章鏈接到）中有介紹。我不打算將自己的字體賣給你（它是免費的），但是我想它會帶給你一個非常好的概念。
使用Inkscape製作icon字型
啟動Inkscape
我們先從下載和安裝Inkscape開始。你也應該使用我的icon字體啟動器模板，它們被放在這個GitHub倉庫的資源文件夾里（以後這個項目中還會有更多）。一旦你在Inkscape中打開了這個文件，你應該通過在主菜單中打開以下窗口來設置好你的工作空間：
OBJECT → FILL AND STROKE
OBJECT → ALIGN AND DISTRIBUTE
TEXT → SVG FONT EDITOR
在SVG字體編輯面板中，點擊「Font」下的「Font1」。現在，你的工作空間看起來應該有點兒像這個截圖：
值得指出的是， baseline不是在畫布的下邊界之下：如果你希望與相鄰的字體共享同一條基線，你的圖標應該很輕微地懸在畫布的底部。我已經用Georgia，Arial和一些網頁字體進行了測試。
製作你的第一個字型
為定義字型，點擊SVG字體編輯面板中的「Glyphs」選項卡，然後點擊面板下方的「Add
Glyh」按鈕。一開始你可能不太清楚，但如果你在你的字形（「字型1」）上點擊，一個欄位將會顯示出來，它要求你輸入你需要的圖標對應的字元。我們首先
要做一個簡單的星形，所以我建議你輸入的字元「s」，「S」或「*」：
現在我們已經定義了字型對應的字元，我們需要製作字型本身。由於這次我們僅僅要製作一個星星，我們應該從Inkscape左邊的工具欄中選擇有用的
Stars and Polygons tool
，然後，在畫布上繪制一個星星。你會發現，這個工具自帶的選項允許您更改星星的外觀。在我的例子中，選擇了角數為5，spoke
ratio為0.5，rounded value為0.1。
使用Align and Distribute panel（可能在SVG Font Editor下面隱藏著）使星星橫向居中，然後鄉下拖動形狀使觸及基線。關閉網格顯示之後，畫布看起來應該像這樣子：
在我們的icon字體中，字型只是形狀，沒有顏色、層級或者漸變的形狀。因此，為了使我們的星星成為一個合格的字體候選者，我們必須將它由一個對象
轉化成基於路徑的圖形。你可以通過在主按鈕上選擇星星，然後是PATH → OBJECT TO
PATH來完成這一任務。現在，選擇了星星之後，我們可以在SVG Font Editor 中，高亮顯示可用的「s」字型，然後點擊 Get
curves from selection按鈕：
當你在Sample Text 區域輸入「s」時，你的星星應該被預覽出來，如下所示：
製作更加復雜的icon
你已經製作出了第一個可擴展的SVG字體字型。通過使用Fill and
Stroke面板上的選項：編輯路徑節點，以及合並對象和筆畫，能夠使你做出更加不凡的icon設計。由於我們還有很多要講，我不想深入完成一個完整的
Inkscape教程，但是遵循下面的簡單規則會給你帶來好處：
堅持使用黑色筆畫和填充，只是為了提醒你：那些icon僅僅是形狀，而非復雜的矢量圖。為icon上色這件工作，我們會在最終產品中使用CSS來完成。
所有對象和筆畫（線條）必須被轉化成路徑（不管使用PATH → OBJECT TO PATH 或者 PATH → STROKE TO PATH）
當有多個對象和/或筆畫被用來完成一個icon字型時，它們應該被合並起來（使用PATH → COMBINE 或者，在某些情況下，使用 PATH → UNION）
為了在已有的形狀上剪切出想要的形狀，將形狀放置在主形狀上面，選擇兩個形狀，然後選擇 PATH → DIFFERENCE。點擊Get curves from selection ，黑色塊上面的白色區域剔除之後就是你要的形狀。
准備嵌入你的字體
假如你已經重復了很多次我剛才所描述的方法，創建了一些有用的圖標，並且，字體文件被保存為myicons.svg。現在，你將要准備好把這個圖標庫用於網頁中。
把SVG轉化成TTF
你應該採取的第一項措施是，將SVG字體格式轉換成一個更熟悉、更通用的格式。 TTF是一種用於本地安裝的卓越格式。同時，它還為再轉化成@font-face提供了一個良好的基礎。可以進行字體轉換的在線服務包括： http://onlinefontconverter.com，http://www.fontconverter.org和http://www.font2web.com。然而，我個人最喜歡的，是http://www.freefontconverter.com，因為我不會排隊，也從來沒看到它產生什麼故障。
我想，不需要向你介紹如何使用這個資源也足以顯示我的誠意了。醒目的文件上傳欄位，select元素和巨大的轉換按鈕會讓你迅速抓住重點，真的。
編輯字體信息
既然你已經獲得了一個TTF，我推薦你現在編輯產生的元數據。對字體進行重命名、添加屬性和描述，使它准備好被安裝、嵌入和分發。這也是一種聲明字體為你所創造的途徑。運行Windows的讀者可以選擇使用貌似很霸氣的 Microsoft Font Properties Editor或者允許免費使用X天的Typograf。對於蘋果和Linux用戶，我希望得到你們更好的意見。
重要提示：雖然Microsoft Font Properties
Editor允許您添加作者，描述和許可信息，它似乎並沒有讓你編輯字體名稱、附言名稱等基本數據。這些欄位是被禁用的。如果你想使用這些特殊的功能，你
需要在SVG轉換為TTF之前，在SVG代碼中編輯禁止的值。在你喜歡的文本編輯器（我用Notepad++）中打開原始的SVG，並編輯以下內容：
Font Name:標簽中可以尋找到, font-family 屬性
Postscript Name:標簽中可以尋找到, id屬性
Description:你應該在這個標簽中添加一個描述（作者、許可等）。請注意這與TTF描述文字是不同的，轉換過程中將不會被保留；你還需要為TTF添加單獨的描述信息。
嵌入字體
一旦你在本地系統中安裝了TTF，並且已經預覽過，確定沒有出現意外狀況，你就可以在Font Squirrel的 @font-face generator中運行它了。為了使輸出代碼的效率和效果盡量好，這里有幾個專家模式中的選項值得一提：
Subsetting：該選項允許您只運行需要的字元集（包括字元編碼、類型、語言等選項），減少文件大小。
Remove kerning:您的圖標將幾乎總是單獨出現，所以字距是沒有必要的。據稱，這也將減小文件大小。
WebOnly™:如果你希望您的字體僅僅用於web中，而非桌面- 你可以選擇此選項。它也可以更好地滿足您的授權計劃。現在我將介紹許可證。
發布字體
如果你有興趣發布你的字體，給它添加許可是一個比較好的做法。否則許多字體網站將不會帶它玩兒。由於我們製作圖標時使用的是免費、開源的軟體，發布時也不妨這樣做。
目前，有很多可用的授權選項，而逐一調查研究它們有時是令人費解的一件事。 GNU General Public License是完全可以接受的，但你可能要考慮SIL Open Font License。使用這種許可證的主要優點是，reserved font name：即允許其他設計師修改字體，但他們需要用不同的名字。在實踐中，這意味著，對圖標設計的一些不良行為不能以「你的名字」來進行。
有了這兩種許可，你還應該在一個文本文件中保存版本信息，同時在字體的元信息中插入版權聲明和完整許可的URL鏈接。如果需要更具體的說明，請訪問各自的許可證頁面（上面的鏈接）。
CSS spriting的終結者
為什麼要停下使用SVG字體做通用圖標的腳步？有了做圖標的能力，也就有了能力去設計出站點獨有的形狀、品牌元素和裝飾。這一點像CSS
sprities，所有這些視覺元素都可以保存在一個文件中，減少了伺服器調用http請求的次數；不過，icon字體的元素都可以調整大小，而不必依賴
於位置坐標（背景位置值）才能正確顯示。這使它們更適合於 responsive design。
讓我們假裝要選擇使用一個SVG字體去代替一些我的steampunk般的blog里基本的設計元素。組件設計的一個簡單的HTML表格呈現會是這個樣子：
關於這種方式，最好的事情就是通用性。舉例來說，從左邊的第二個齒輪形狀既可作為一個微小的圓點設計，又可以是一個巨大而抽象的背景裝飾。著色很簡
單：color:maroon，但沒有必要堅持扁平的顏色;多種CSS3效果疊加起來可以為它添加紋理和觸感。為了讓你一開始有所啟發，查看this excellent gallery of CSS3-enhanced webfonts。
關於屏幕閱讀器的快速筆記
以這種方式使用字體來顯示視覺元素的一個問題是，在屏幕閱讀器上輸出時會受到影響。直觀上的網站訪問者會看到齒輪，箭頭之類的圖標，但是屏幕閱讀器將堅持讀出指定這些設計的字元。對於使用裝飾性的SVG字體元素，我建議聽取Coyier的建議：為Unicode的Supplementary Private Use Area分配向量。這樣的符號不應該由讀者來讀出。
一個協作式icon web字體
作為我的JavaScript導師，Rupert，有一天向我指出，使用SVG字體來創建圖標集為合作提供了一個有趣的機會。你看，SVG的代碼 - XML的一種形式 - 是高度標准化而且輕松可讀的。正是源碼的順序讓我覺得，icon字體的開發很適合選擇像GitHub這樣的協作編碼服務。
這個想法契合了我想要的符號含義：如果一個圖標是由很多人協商之後一致確定的，那麼它的形成過程中也存在一定的「共識」。通過我們的圖標標識系統設計出來的，一定是最典型的圖標。我們應該創建一種屬於社區的icon詞彙，並且它對於需要的人來說是有意義的。
為了發展這個想法，我創建了一個公開的GitHub倉庫Community Icon Font，這個倉庫的文件結構並不復雜：仔細閱讀上面的Inkscape教程和項目主頁的內容應該可以為你解答所有的疑惑。如果你是GitHub的新成員，嘗試閱讀它們的幫助頁面，或者問問你附近的技術人員（我正是這樣做的）。
⑶ 一個完整的UI設計，需要那些過程
1、確認目標用戶：
在UI設計過程中，需求設計角色會確定軟體的目標用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到目標用戶的不同引起的交互設計重點的不同。
2、採集目標用戶的習慣交互方式：
不同類型的目標用戶有不同的交互習慣。這種習慣的交互方式往往來源於其原有的針對現實的交互流程、已有軟體工具的交互流程。
當然還要在此基礎上通過調研分析找到用戶希望達到的交互效果，並且以流程確認下來。
3、提示和引導用戶：
軟體是用戶的工具。因此應該由用戶來操作和控制軟體。軟體響應用戶的動作和設定的規則。對於用戶交互的結果和反饋，提示用戶結果和反饋信息，引導用戶進行用戶需要的下一步操作。
4、一致性原則：
軟體中往往存在多個組成部分（組件、元素）。不同組成部分之間的交互設計目標需要一致。
例如：如果以電腦操作初級用戶作為目標用戶，以簡化界面邏輯為設計目標，那麼該目標需要貫徹軟體（軟體包）整體，而不是局部。
5、可用性原則：
軟體要為用戶使用，用戶必須可以理解軟體各元素對應的功能。
比如：刪除操作元素。用戶可以點擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認刪除操作，用戶可以更加詳細的理解該元素對應的功能，同時可以取消該操作。
(3)web設計圖標過程擴展閱讀
UI設計師的職能大體包括三方面：
一是圖形設計，軟體產品的「外形」設計。
二是交互設計，主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計，並且確立交互模型，交互規范。
三是用戶測試/研究，這里所謂的「測試」，其目標恰在於測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量UI設計的合理性。
如果沒有這方面的測試研究，UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判，這樣就會給企業帶來極大的風險。
⑷ 設計WEB站點的一般步驟
(1)對Web站點作出具體的規劃
(2)准備Web站點的素材
(3)創建 Web站點和製作網頁
(4)測試Web站點
(5)發布Web站點
(6)宣傳自己的Web站點
(7)對Web站點進行維護和更新
⑸ 軟體裡面那些圖標是怎麼做的
可以用一些在線的工具來製作比較方便快捷，比如這個在線的圖標製作工具，就可以很輕松製作了，他可以選擇不同的圖標尺寸，以及不同用途的圖標的類型，還能選擇輸出不同的圖標格式，挺方便可以嘗試。在線ICO圖標製作生成,圖片轉換ICO圖標
圖片轉換ICO圖標Pro版步驟
一、點擊或者拖拽到上傳框中，即可上傳你要轉換的圖片，直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見的圖片格式，如果上傳圖片並轉換ico圖標成功，則代表支持該格式。
二、此時預覽框中會出現剛剛上傳的圖片，可以任意縮放拖拽裁剪框，選擇你想要截取並轉換ico圖標的區域。在拖拽縮放裁剪框的過程中，左上方會有ico圖標效果的實時預覽。
三、選擇需要生成的ico圖標的尺寸，主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標基本都是32、64或者128像素的。
四、選擇生成的ICO圖標的類型，默認為普通網站ICO圖標，也就是可以在web應用中使用的ICO圖標；也可以選擇Windows系統桌面標准格式ICO圖標類型，這種類型的ICO圖標可以作為Windows桌面圖標等。
五、選擇生成的ICO圖標的編碼格式，默認為不透明背景，適用於非鏤空圖片生成ico，這種格式的ICO文件最小；透明背景的ICO圖標，指的是將原本存在透明背景的圖片生成背景透明的ICO圖標，文件較大。
六、選擇轉換生成的ico圖標的文件格式，默認的格式是.ico，並且有.jpg和.png格式可以選擇。需要注意的是，ico圖標一般都是背景鏤空透明的圖形，只有.ico和.png格式支持透明背景的圖片，而.jpg格式的圖片本身是不支持的。
⑹ 網頁設計流程是什麼
策劃階段
每一個網站的建立同時，都伴隨著諸多尚未解決的需求。為什麼要做這個網站？是製作之處需要想到的問題，無論是為了宣傳業務、提升業績，還是表達觀點、傳遞價值，一個網站都會承載著諸多的功能需求。那麼，在策劃階段，就要圍繞著需求及功能點，將其一一解析出來，並整理成冊為：PRD產品需求文檔。通常這部分是由產品經理（PM）完成，需要在與客戶詳細交談過數次後，才能一並輸出。如果項目中途突然加個需求，程序和設計的心裡一定會很難過的，所以一個新站的策劃初期，至少要考慮到未來2~3年，網站的功能添加的可拓展性。
2.交互設計
這一階段的工作通常由專業的交互設計師來完成，當然也時常可由產品經理兼職。交互設計師得根據解析出的PDR需求文檔，合理地組織網站框架，建立一級、二級導航欄目，規劃網站內頁的瀏覽路徑，以及頁面跳轉關系。通常會用到Sketch、或OminiGraffle、mindnote等軟體來梳理頁面邏輯及框架結構，以完成交互設計稿的繪制。以便網站受眾在瀏覽過程中能高效、愉悅地獲取到他們想要的信息。如果是頁面不多，可在白板上或幾張A4中完成這個環節的工作；頁面巨多，則要將交互稿整理出圖，打包為電子手冊，方便下一工作環節的實施。
3.視覺設計
現在該網頁設計師正式出場了，這一環節中，設計師主要根據交互設計稿，確定網站內頁的具體設計規范，包括網站顏色VI的選用、字體字型大小大小、以及素材的編排、選取及處理、每一根線條、每一個像素，都是由作為准網頁設計師的你來把控了。將所有頁面設計稿完畢後，標注好尺寸、顏色等數值信息，輸出必要的圖片、icon等資源，打包好後一並交給Web前端工程師。
4.前端製作
這個環節的主角是Web前端工程師。其主要根據網頁設計師出具的設計稿，運用HTML、CSS代碼實現頁面重構和頁面邏輯跳轉，運用JavaScript、JQuery等技術優化網站瀏覽體驗，以及網站界面交互動效、功能實現的製作。相信你的程序員哥哥定能給你辦得穩妥妥的，當然在這個過程中會遇到些許問題，作為網頁設計師的你要及時與之溝通，一起將界面的細節做到99%還原設計稿。
5.後端製作
實現後端數據的邏輯處理，比如數據的提交存儲、更新修改、查詢等。這個環節的主角是Web後端工程師，通常要用到PHP、java、C語言或C++等編程技術。作為網頁設計師的我，對於這一環節的工作是持仰望態度，無法展開來講了。
6.測試上線
在網頁重構及後端製作完成後，將代碼模板套入CMS（即：內容管理系統）完成本地測試，以檢驗其可靠性。在排除bug問題後，就可准備上線了。買個域名和伺服器，做些必備的伺服器配置工作，完成DNS解析，將域名和伺服器連接起來，最後再運用FTP工具上傳資料到伺服器。於是該網站就可以正常訪問了。
⑺ web程序的一般設計過程
web程序，就是說B/S架構的系統么，剛好在做一個網站開發，我按照自己的開發過程好想法說說吧
1.
需求分析，可能感覺很虛，但是這是必須的，你這個系統是為什麼而做的，就是它的需求是什
么？有了需求，你去分析，將這種需求轉換成E-R圖，讓客戶能夠看懂，他們的需求都被概括進去了
2.
概要設計，根據你的需求分析文檔，都要完成哪些功能，需要你設計好怎麼去完成這些功能。最好是能夠直接設計出大概的資料庫表以及之間的關系
3.
資料庫的設計（這個是我感覺非常有必要單獨列出來），我感覺資料庫是一個系統的核心，當你的資料庫的表，以及之間的關系，都設計的非常的好，能考慮到這些表之間的可能關聯，後面可能會碰到的問題，系統基本上問題也不大了。
4.
架構設計，你要考慮系統規模大小，主要的關注點，然後考慮你是使用什麼資料庫，什麼框架，什麼界面技術等等。
5.
詳細設計，根據你考慮的架構，輸出詳細設計文檔。這個階段的最後最好將資料庫弄好。前面只是將資料庫設計出來了，還沒有正式的建庫建表，你就先把資料庫弄好
6.
開發，然後就是按照詳細設計開發，界面等等。。。。。
⑻ 基於Tomcat的Web程序如何設置圖標
第一步，准備一個圖標製作軟體。
首先您必須了解所謂的圖標（Icon）是一種特殊的圖形文件格式，它是以 .ico 作為擴展名。普通的圖像設計軟體無法使用這種格式，所以您需要到一個軟體下載站點去下載一個圖標製作軟體。您也可以訪問 http://www.favicon.com/ ，這里提供一個免費的在線「收藏夾」圖標生成器，如果您 E 文夠好的話，在這里您還可以了解到更多的關於「收藏夾」圖標的知識。
第二步，確定「收藏夾」圖標的規格。
「收藏夾」圖標有著它特有的規格：圖標的大小為 16 * 16（以像素為單位）；所使用的顏色不得超過 16 色。
第三步，設計一個屬於您自己的圖標。
您可以將您的網站的 LOGO 做成一個縮圖或者另外設計一個別具特色的圖案來作為「收藏夾」圖標。總之，它一定要是屬於您自己的，並且能很好的代表您的網站的風格和個性。然後將這個圖標文件命名為：f avicon.ico。
最後，將這個圖標文件（favicon.ico）上傳到您的網站所在的伺服器的根目錄下。您不需要對您的網頁文件作任何的修改，IE5 會自動的不停的搜索您的網站的根目錄，只要它一發現了 favicon.ico 這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
如果您希望為不同的頁面設置不同的「收藏夾」圖標，那麼您就需要在該網頁文件的 HEAD 部分加入下面的內容:
<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">
注意：該圖標的路徑一定要使用絕對路徑。
還有一點需要說明的是：有些 Web 站點的主機伺服器（如：Geocities ）不支持圖標文件格式，這時您就需要與管理員聯系，要求他開通圖標文件格式的支持。
⑼ WEB網站的設計過程有那幾個階段
1,確定用途(功能)
2,資料搜集
3,美工
4,框架設計
5,加入代碼/程序/資料庫
6,整體測試