如何制作網頁?(圖文)

  制作網頁是有一定順序和步驟的,用戶不可能一開始就直接編輯網頁,應先做一些準備工作。

  

網頁制作需求分析

  


  在進行網頁制作前,首先需要進行需求分析。需求分析的作用是了解網頁的主要功能和應用,有針對性進行頁面設計和實施。由項目負責人來確定對用戶需求的理解程度,而用戶調查和市場調研等需求分析活動的目的就是幫助項目負責人加深對用戶需求的理解和對前期不明確的地方進行明確化,以便于日后在項目開發過程中作為開發成員工作的依據和借鑒。

  

網頁制作布局設計

  

  網頁布局,就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。

  

1.頁面尺寸

  

  頁面尺寸和顯示器大小及分辨率有關系。一般分辨率在800×600像素的情況下,頁面的顯示尺寸為:780×428個像素;分辨率在640×480像素的情況下,頁面的顯示尺寸為:620×31 1個像素;分辨率在1024×768像素的情況下,頁面的顯示尺寸為:1007×600像素。從以上數據可以看出,分辨率越高,頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加,那么當顯示和關閉全部工具欄時,頁面的尺寸是不一樣的。

  

  在網頁設計過程中,向下拖動頁面是唯一給網頁增加更多內容(尺寸)的方法。但需要提醒大家,除非你能肯定站點的內容會吸引大家拖動,否則不要讓訪問者拖動頁面超過三屏。如果需要在同一頁面顯示超過三屏的內容,那么你最好能在上面做上頁面內部連接,以方便訪問者瀏覽。

  

2.網頁整體造型

  

  什么是網頁造型?造型就是創造出來的物體形象。這里是指頁面的整體形象,這種形象應該是一個整體,圖形與文本的接合應該是層疊有序。雖然,顯示器和瀏覽器都是矩形,但對于頁面的造型,你可以充分運用自然界中的其他形狀以及它們的組合:矩形、圓形、三角形、菱形等。

  

  對于不同的形狀,它們所代表的含義是不同的。比如矩形代表著正式、規則,你注意到很多ICP和政府網頁都是以矩形為整體造型;圓形代表著柔和、團結、溫暖、安全等,許多時尚站點喜歡以圓形為頁面整體造型;三角形代表著力量、權威、牢固、侵略性等,許多大型的商業站點為顯示它的權威性,常以三角形為頁面整體造型;菱形代表著平衡、協調、公平,一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀代表著不同含義,但目前的網頁鬻籬制作多數是結合多個圖形加以設計,在這其中某種圖形的構圖比例可能占得多一些。

  

3.頁頭

  

  頁頭又可稱為頁眉,頁眉的作用是定義頁面的主題。比如一個站點的名字多數都顯示在頁眉里。這樣,訪問者能很快知道這個站點是什么內容。頁頭是整個頁面設計的關鍵,它將牽涉到下面的更多設計和整個頁面的協調性。頁頭常放置站點名字的圖片和公司標記以及旗幟廣告。

  

4.文本

  

  文本在頁面中出現都數以行或者塊(段落)出現,它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術的局限,文本放置的位置的靈活性非常小,而隨著DHTML,的興起,文本已經可以按照自己的要求放置到頁面的任何位置。

  

5.頁腳

  

  頁腳和頁頭相呼應。頁頭是放置站點主題的地方,而頁腳是放置制作者或者公司信息的地方。可以看到,許多制作信息都是放置在頁腳的。

  

6.圖片

  

  圖片和文本是網頁的兩大構成元素,缺一不可。如何處理好圖片和文本的位置成了整個頁面布局的關鍵。而你的布局思維也將體現在這里。

  

7.多媒體

  

  除了文本和圖片,還有聲音、動畫、視頻等等其他媒體。雖然它們不是經常能被利用到,但隨著動態網頁的興起,它們在網頁布局上也將變得更重要。

  

開始制作網頁

  


  在制作網頁時需注意以下幾方面的問題,以便瀏覽者輕松瀏覽網站。

  

1.頁面框架的構建

  

  頁面框架的構建是指對網頁的整體布局,針對網頁中的內容應將網頁有條理地劃分為幾部分。

  

2.導航條

  

  導航條將出現在網站的大部分頁面中,提供各個站點的相關主題,引領瀏覽者有條理地瀏覽網站。導航條通常放置在頁面的上部或左側。

  

3.返回首頁鏈接

  

  在分頁面中放置返回首頁鏈接,以便瀏覽者在訪問分頁面后快速回到首頁,以重新選擇其他頁面進行瀏覽。

  

4.添加網頁元素

  

  為網頁添加相應的內容,以傳遞網頁信息給瀏覽者。

  

網頁發布

  

  發布站點之前需在Internet上申請一個網頁空間,以指定網站或主頁在Internet上的位置。網頁發布通常使用FTP(遠程文件傳輸)軟件上傳網頁到服務器中申請的網址目錄下,這樣速度較快,也可使用Dreamweaver或FrontPage中的發布站點命令進行上傳。


標簽:網頁設計網頁制作