- 相關推薦
網(wǎng)頁平面設計的一般步驟是怎樣的
在學習制作網(wǎng)頁的各種軟件之前,首先要了解網(wǎng)頁設計的一般步驟。這將有助于總體上把握網(wǎng)頁設計的流程。網(wǎng)頁設計的一般步驟包括:需求分析、制作頁面效果圖、切圖、制作靜態(tài)Web頁面、添加程序、發(fā)布Web站點、推廣和維護等幾個方面。下面將逐一對各個步驟進行講解,更多消息請關注應屆畢業(yè)生網(wǎng)!
1.1 需求分析
1.Internet
.Internet的中文名稱是“互聯(lián)網(wǎng)”或者“國際互聯(lián)網(wǎng)”。它來源于美國國防部高級研究計劃局DARPA(Defense Advanced Research Projects Agency)的前身ARPA建立的ARPAnet,是由各種不同類型和規(guī)模的計算機網(wǎng)絡(包括局域網(wǎng)、地域網(wǎng),以及大規(guī)模的廣域網(wǎng)等)構成的全球范圍的計算機網(wǎng)絡。在Internet中的各個計算機之間,可以方便地交換信息。
2.域名
域名是用來標識Internet上相應資源的一個名稱。在Internet中有成千上萬的計算機,為了標識每臺計算機,為每臺計算機分配了一個地址,這個地址就叫做計算機的IP地址。IP地址是由二進制數(shù)來表示的,長32位。由于IP地址難于記憶和書寫,所以在Internet中使用一種字符型的地址來標識各種資源,這個字符型的地址就叫做域名。
3.空間
空間是指用來存放制作好的網(wǎng)站的磁盤空間。在發(fā)布網(wǎng)站時,可以使用提供相應服務的公司的空間,也可以使用自己計算機上的空間。其區(qū)別在于穩(wěn)定性和速度存在著差異。
一般在提供網(wǎng)站建設服務的公司中,需求分析的部分會有相應的人員負責,網(wǎng)頁設計人員只需要分析需求人員提供的文檔,并和需求人員具體溝通,即可完成這個部分工作。
1.2 制作頁面效果圖
1.制作效果圖的軟件
用來制作效果圖的軟件并沒有明確的規(guī)定,可以使用各種圖形制作和處理的軟件,F(xiàn)在通常使用的軟件是Photoshop(關于使用Photoshop的內容,將在后面的章節(jié)中詳細講解)和Fireworks。在制作效果圖時,使用的軟件對最終效果并沒有影響,所以一般只需要精通一種軟件即可。
制作好的效果圖可以保存成各種格式,其中主要包括GIF格式、JPEG格式、PNG格式等。各個圖片格式之間的區(qū)別,將在后面的章節(jié)中詳細講解。
下面是一個制作完成的效果圖的示例,其顯示效果如圖所示(關于該效果圖的詳細制作過程,將在后面的章節(jié)中詳細講解)。
1.4 切圖
在制作靜態(tài)頁面之前,要對效果圖進行切片。切片的目的是制作頁面中使用的修飾圖片。
對效果圖進行切片,可以在Photoshop(或者與之相關聯(lián)的軟件ImageReady)中進行,也可以在Fireworks中進行。下面是一個在Photoshop中切圖的示例,其顯示效果如圖所示。
1.5 制作靜態(tài)Web頁面
靜態(tài)Web頁面是指使用HTML等語言制作的,不能和服務器進行交互的頁面。制作靜態(tài)Web頁面,是為了使網(wǎng)頁制作的分工更加明確。
制作靜態(tài)頁面時,通常使用的軟件是Dreamweaver。制作的靜態(tài)頁面一般是HTML頁面,文件的后綴名為.html。制作完成后的HTML頁面,可以直接在IE等瀏覽器中查看其顯示效果。
1.6 添加程序
添加程序的目的是使頁面能夠和服務器中的資源進行交互,一般要涉及對數(shù)據(jù)庫的操作。添加程序后的頁面處理和顯示信息的效率會更高,更加容易維護。
根據(jù)使用的程序語言不同,網(wǎng)頁中使用的程序可以分為ASP程序、ASP.NET程序、JSP程序、PHP程序等。使用不同的程序,對完成網(wǎng)頁的功能并不影響
1.7 發(fā)布Web站點
客戶對網(wǎng)頁的所有功能和頁面都確認后,就可以正式發(fā)布制作好的站點了。發(fā)布站點的過程就是將本地的站點文件上傳到購買或者設定的空間上去。通常使用FlashFXP等上傳下載軟件來完成
1.8 推廣和維護
網(wǎng)站的推廣和維護也是網(wǎng)站建設中相當重要的部分。針對站點的性質和不同的需求,推廣和維護的方法也不盡相同。其中推廣的方法包括百度、Google等搜索引擎上的推廣、相關論壇推廣、郵件推廣等。維護的情形要視站點的復雜程度和規(guī)模,指定專人或請制作站點的公司一并維護。
1.9 總結
在具體學習網(wǎng)頁制作技巧之前,總體地了解站點的制作步驟,有助于了解使用軟件制作網(wǎng)頁在整個站點制作中的位置,同時避免了一些混淆的概念,便于區(qū)分網(wǎng)頁設計和制作、網(wǎng)站程序開發(fā)、網(wǎng)站使用之間的區(qū)別。通過本章的學習,可以知道網(wǎng)頁制作只是整個站點中的一個很小的部分,一個站點的最終形成和使用,還需要做大量其他的工作。
【網(wǎng)頁平面設計的一般步驟是怎樣的】相關文章:
網(wǎng)頁平面設計基本步驟03-17
怎樣制作網(wǎng)頁 制作網(wǎng)頁詳細操作步驟01-23
網(wǎng)頁設計基本步驟04-27
網(wǎng)頁設計的制作步驟06-30
最新個人網(wǎng)頁設計步驟07-02
網(wǎng)頁設計詳細操作步驟07-01
網(wǎng)頁設計顏色搭配步驟04-20
制作網(wǎng)頁,dreamweaver的基本步驟07-10
DW制作網(wǎng)頁的基本步驟06-26