網站制作流程及設計技巧

教傳艷　張帆

摘 要:隨著網絡的廣泛應用,互聯網已成為人們快速、便捷的獲取資料和信息的重要渠道,在人們的工作生活中發揮著越來越重要的作用。網站作為發布和獲取信息的重要平臺,它的建設與管理尤為關鍵。因此如何制作成功的網站成為計算機領域的熱門話題。本文主要從網站制作的基礎過程出發,闡釋網站的設計技巧。

關鍵詞:網站制作 流程 設計技巧

中圖分類號:TP393.09 文獻標識碼:A 文章編號:1672-3791(2012)10(c)-0154-01

1 網站制作的基本過程

網絡領域內,網站作為發布和獲取信息的重要平臺,其建設與管理尤為重要。一個網站的制作過程是比較復雜的,大致來說可以分為調研環節、策劃環節、完成環節、測試環節、維護環節等。

1.1 調研環節

制作網站不能盲目,要定位網站的主題和類別,對網站進行調研。首先要弄明白網站建設要達到的目的,了解受眾群體的基本情況;其次要了解網站承辦方的需求與喜好。網站制作時要考慮這些問題,以確保網站的實用性和可觀性。另外再結合自身情況,確定網站主題。網站主題不同,網站的設計也應體現出不同。一般來說,大中型企業網站或者門戶網站在設計上常采用信息羅列型,這種類型就是在網站首頁中羅列出網站的主要內容分類、重點信息、網站導航等,它的優勢在于能為訪問者提供大量的信息,同時還能較大的訪問量。還有一種類型是形象展示型,主要是通過藝術設計與布局,借助與企業相關的產品、圖像等構成生動、形象的畫面,目的是展示出一種形象或氛圍,從而吸引網民瀏覽。這就需要設計者在制作主頁時,要定位好自己的方向,設計出切合實際的網站。

1.2 策劃環節

策劃環節是網站制作中的關鍵環節,要結合站點的目標確定站點的內容框架及邏輯結構圖。首先要廣泛搜集能達到這些目的站點的內容,制定出站點設計的需求綱要。然后再結合內容綱要先草畫出站點的結構圖。網站結構圖有很多種如網狀結構、順序結構等,需要采用什么樣的結構要根據內容來定。有時較為復雜的網站會同時用到多種不同的結構圖。在策劃環節畫出結構圖主要的目的是組織站點和鏈接,為以后的任務分配打下基礎。

1.3 完成環節

這一環節是網站制作中的核心,主要是通過繪制布局草圖、網頁設計與制作兩部分實現的。繪制布局草圖可以在紙上完成,只需繪制出富有創意的輪廓即可,也可以多畫幾張,從中選擇一個比較中意的。然后再細化草圖,可以通過在草圖上擺放頁面的功能模塊等確定最終的方案。網頁設計與制作是通過計算機完成的,先以草圖為基礎,通過Photoshop軟件進行網站界面的設計,然后再通過網頁制作工具完成廣告與動態效果添加、鏈接設置等工作,最后完成整個網頁。

1.4 測試環節

網站制作完成后,要進行測試,看看網頁、圖片的鏈接是否正常,內容顯示有沒有出現錯誤的地方等。在測試環節一旦發現問題應及時修改,確保網頁質量。網站發布前要在網絡上申請一個域名和服務器空間來存放網站,經過測試正常的網站才能發布。

1.5 維護環節

網站經測試合格發布后,要隨時給予關注,并及時根據出現的問題進行調整。一般來說,維護、更新多涉及到發布的主體內容、站點安全等方面。另外還要關注技術的更新,美化網頁,使網頁的訪問更為便捷。

2 網站的設計技巧

2.1 風格統一

首先是結構統一。網站風格統一的重要手段是網站結構,主要包括文字排版、導航的統一、圖片的位置、網站布局等,同時在結構一致性中要強調網站或公司名稱、企業標志、公司聯系信息等標志性元素的統一。目前,大多數網站都采用這種結構,一方面能減少設計的工作量;另一方面也便于網站的維護和更新。其次是色彩統一。網站設計中要先確定能體現網站形象的主體色彩后,可以在網站標識、主菜單、標題中應用,這樣能給人整體統一的感覺。色彩運用中,主題色彩確定后,其他的色彩只能作為點綴進行搭配,決不能掩蓋主題色彩。最后是背景統一。在網站制作中可以將公司的標志或者象征性的符號作為背景淡化,訪問者在瀏覽網頁時不自覺的會留下印象,從而塑造出網站的特有形象。

2.2 色彩搭配

在多姿多彩的世界中,色彩在視覺中有很強的識別作用,還能給人留下深刻的印象。因此在網站設計中要運用好色彩,必須了解色彩的搭配技巧。通常情況下,一個網站會有一種或者兩種象征網站內涵的主題色會給你留下深刻的印象,如肯德基的紅色條型、IBM的深藍色等。確定主題色后,在搭配其他的顏色。色彩搭配要研究搭配方案,如主題色綠色配上淡白、金黃,能給人營造舒適的氛圍;紅色與金色、黃色搭配能營造喜慶的氛圍等。不管采用何種顏色搭配,都要顯示出整體感,以達到和諧、悅目的效果。一般來說,色彩搭配方案主要有四種:一是鄰近色、類似色系搭配。選定顏色后,調整顏色的純度和亮度,在網頁上產生新的色彩。利用鄰近色和類似色搭配能給人帶來舒適、自然、柔和的效果。但這種搭配會使頁面顯得單調。二是對比色系搭配。選定顏色后,再確定與其色彩相差較遠的色彩進行搭配。這樣的搭配方案比較適合體現積極素材的網站,從而產生強烈、明快的視覺效果。但這種搭配方案會讓人覺得色彩紛雜,因此搭配中要控制好度。三是過渡色系搭配。色彩搭配中,過渡色如兩種色彩的中間色調、單色中混入相同色彩進行調和等,能將不協調的顏色統一起來,以免視覺上產生突兀之感。四是冷暖色系搭配。色彩是客觀的,沒有冷暖之分,色彩被賦予冷暖,主要是人的心理因素引起的。人們看到紅色時會聯想到高熱度的事物如太陽、火等,內心產生溫暖感;看到藍色時,會想到水等,內心產生寒冷的感覺。同時,色彩的冷暖與其明度和純度有關,白色會讓人覺得冷,黑色會讓人覺得暖。一般來說,冷暖搭配多用于食品、休閑娛樂網站。

2.3 布局類型

同字型是大型網站首頁常用的類型。一般來說,網站最上面是網站的標題及小廣告條,下面是網站的主要內容,左右兩邊分出兩小條內容,中間羅列主要內容,與左右兩邊的內容一直列到下面,網頁底部是一些聯系方式、版權聲明等。這樣的布局直觀、均衡但容易使版式僵化。左右框架型是將網頁分為兩面,左面是導航鏈接,右面是正文。一般來說大型論壇多采用這種方式,給人清晰自然的感覺。但使用這種框架不容易被搜到。另外還有標題正文型、拐角型等類型,采用何種布局,要根據網站內容來定。

總之,建設好網站,既要明確網站建設的內容,把握好網站建設的總體結構,又要掌握好網頁的設計技術。只有將內容與形式有機的結合起來,并不斷的實踐,才能實現網站建設的目的。

參考文獻

[1] 吳上富.網頁制作技巧與設計原則[J].廣東科技,2006(1).

[2] 喻會.淺談網站的設計與制作[J].湖北成人教育學院學報,2007(5).