網頁平面設計的一般步驟是怎樣的
在學習製作網頁的各種軟件之前,首先要了解網頁設計的一般步驟。這將有助於總體上把握網頁設計的流程。網頁設計的一般步驟包括:需求分析、製作頁面效果圖、切圖、製作靜態Web頁面、添加程序、發佈Web站點、推廣和維護等幾個方面。下面將逐一對各個步驟進行講解,更多消息請關注應屆畢業生網!
1.1 需求分析
rnet
rnet的中文名稱是“互聯網”或者“國際互聯網”。它來源於美國國防部高級研究計劃局DARPA(Defense Advanced Research Projects Agency)的前身ARPA建立的ARPAnet,是由各種不同類型和規模的計算機網絡(包括局域網、地域網,以及大規模的廣域網等)構成的全球範圍的計算機網絡。在Internet中的各個計算機之間,可以方便地交換信息。
2.域名
域名是用來標識Internet上相應資源的一個名稱。在Internet中有成千上萬的計算機,為了標識每台計算機,為每台計算機分配了一個地址,這個地址就叫做計算機的IP地址。IP地址是由二進制數來表示的,長32位。由於IP地址難於記憶和書寫,所以在Internet中使用一種字符型的地址來標識各種資源,這個字符型的地址就叫做域名。
3.空間
空間是指用來存放製作好的網站的磁盤空間。在發佈網站時,可以使用提供相應服務的公司的空間,也可以使用自己計算機上的空間。其區別在於穩定性和速度存在着差異。
一般在提供網站建設服務的公司中,需求分析的部分會有相應的人員負責,網頁設計人員只需要分析需求人員提供的文檔,並和需求人員具體溝通,即可完成這個部分工作。
1.2 製作頁面效果圖
1.製作效果圖的軟件
用來製作效果圖的軟件並沒有明確的規定,可以使用各種圖形制作和處理的軟件。現在通常使用的軟件是Photoshop(關於使用Photoshop的內容,將在後面的章節中詳細講解)和Fireworks。在製作效果圖時,使用的軟件對最終效果並沒有影響,所以一般只需要精通一種軟件即可。
製作好的效果圖可以保存成各種格式,其中主要包括GIF格式、JPEG格式、PNG格式等。各個圖片格式之間的區別,將在後面的章節中詳細講解。
下面是一個製作完成的效果圖的示例,其顯示效果如圖所示(關於該效果圖的詳細製作過程,將在後面的章節中詳細講解)。
1.4 切圖
在製作靜態頁面之前,要對效果圖進行切片。切片的目的是製作頁面中使用的修飾圖片。
對效果圖進行切片,可以在Photoshop(或者與之相關聯的軟件ImageReady)中進行,也可以在Fireworks中進行。下面是一個在Photoshop中切圖的示例,其顯示效果如圖所示。
1.5 製作靜態Web頁面
靜態Web頁面是指使用HTML等語言製作的,不能和服務器進行交互的`頁面。製作靜態Web頁面,是為了使網頁製作的分工更加明確。
製作靜態頁面時,通常使用的軟件是Dreamweaver。製作的靜態頁面一般是HTML頁面,文件的後綴名為。製作完成後的HTML頁面,可以直接在IE等瀏覽器中查看其顯示效果。
1.6 添加程序
添加程序的目的是使頁面能夠和服務器中的資源進行交互,一般要涉及對數據庫的操作。添加程序後的頁面處理和顯示信息的效率會更高,更加容易維護。
根據使用的程序語言不同,網頁中使用的程序可以分為ASP程序、程序、JSP程序、PHP程序等。使用不同的程序,對完成網頁的功能並不影響
1.7 發佈Web站點
客户對網頁的所有功能和頁面都確認後,就可以正式發佈製作好的站點了。發佈站點的過程就是將本地的站點文件上傳到購買或者設定的空間上去。通常使用FlashFXP等上傳下載軟件來完成
1.8 推廣和維護
網站的推廣和維護也是網站建設中相當重要的部分。針對站點的性質和不同的需求,推廣和維護的方法也不盡相同。其中推廣的方法包括百度、Google等搜索引擎上的推廣、相關論壇推廣、郵件推廣等。維護的情形要視站點的複雜程度和規模,指定專人或請製作站點的公司一併維護。
1.9 總結
在具體學習網頁製作技巧之前,總體地瞭解站點的製作步驟,有助於瞭解使用軟件製作網頁在整個站點製作中的位置,同時避免了一些混淆的概念,便於區分網頁設計和製作、網站程序開發、網站使用之間的區別。通過本章的學習,可以知道網頁製作只是整個站點中的一個很小的部分,一個站點的最終形成和使用,還需要做大量其他的工作。
-
怎麼使用Javascript獲取距今n天前的日期
複製代碼代碼如下:functionTest(day){vartoday=newDate();varbeforMilliseconds=ime()-1000*3600*24*day;varbeforday=newDate();ime(beforMilliseconds);varstrYear=ullYear();varstrDay=ate();varstrMonth=onth()+1;if(strMonth<10){strMonth="0"+strMonth;}...
-
萬惡的function在javascript中的運用實例分析
javascript中最有特色而又讓你困惑的function算一個了下面看一下常用操作複製代碼代碼如下:functiondoit(){.....}doit();javascript中的函數我們可以把它當作方法使用複製代碼代碼如下:varobj=newObject();=function(){.....}();而function實際上就是對象(即F...
-
JavaScript 小型打飛機遊戲實現和原理説明
JavaScript小型打飛機遊戲實現和原理説明玩法説明:上下左右控制移動,空格發彈。每打中一個敵機就加100分,每提升5000分,玩家的飛機的一次發彈數就加一,最多四,被敵機撞到或者讓敵機飛到底部就算輸。。。。演示代碼:http://demo./js/FlyBeat/遊戲目前的功能還是比較簡...
-
網頁設計很糟糕的10個原因
個好的網頁設計,不僅吸引眼球,也是實用的、直觀的、層級簡單卻足夠複雜到保持用户的興趣。但是不好的網頁設計是由很多原因造成的,下面是關於網頁設計很糟糕的10個原因,歡迎閲讀了解!沒有足夠的空白空白可以説是設計中最重要的一部分。它有助於防止用户在瀏覽網站時...