如何設計網站步驟,設計網站( 二 )


1.確定主題 。制作網頁,首先是確定主題,金華有許多特色水果,水果產品豐富,,經過考慮,確定以金華水果品種為主題的網站 ,建立一個簡單的介紹金華水果的網站,專業介紹一些金華地區優秀的水果市場和銷售渠道等 。我們本次間的網站基本以綠色為基點,綠色是生命的顏色,綠色代表著生機勃勃,所以本站以綠色為風格,讓整個網站充滿綠的生機 。
2.設計主頁 。主頁的設計是整個網站的靈魂,構思導航欄的分類,然后是整體規劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,我們構思大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣 。確定導航欄的各個分類標題之后對于建立二級子網尤為重要,我們運用Photoshop CS3技術來設計出導航欄,再用Fireworks CS3或Photoshop CS3技術制作切片,建立導航欄,將整體的主頁效果建立起來 。
3.資料的搜集 。主頁的導航欄設計好后,接下來就是對主頁導航欄的各個內容進行資料的收集,我們采用大量的資料收集再對資料進行塞選,得到最適合導航欄內容的資料 。素材的選擇,要符合網站的主題,圖片的大小要符合模板的輪廓,我們將不符合模板的用Photoshop處理編輯,然后放入站點底下,進行圖文的鏈接和排版 。
4. 建立模板和庫 。此次網站建設中我們決定大量運用模板和庫,運用模板和庫對于建立網站提供便利同時也為我們減少大量的工序 。本次水果網的建設主要采用兩個模板,各具風格,樣式標準 。
5.各個子網頁的建立 。我們設計好模板后只要在可編輯區依次編輯所需資料就可,運用模板建立子網頁少了很多工序,為我們節省大量的時間 。盡管我們建立了模板,但我們在建立子網時很小心,因為一張圖片的大小插入就有可能破壞整個模板的結構尤其在使用表格時,因此我們對所插入的圖片和表格都得進行測量,做到不影響網站整體的美觀 。
6.實現網頁間的鏈接 。做好個格子網和首頁后,接下來就是通過模板的鏈接,將整個網站中的網頁鏈接起來,過程其實很簡單,主要是把要鏈接的文字和圖標選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了 。通過模板建的幾張網頁其實超鏈接都不怎么用鏈接,只需要修改模板上的鏈接就可以了,這也是通過模板新建網頁的好處,省去一張一張超級鏈接的時間了 。做好這一步后,網站基本算是建好了 。
7.向靜太網頁插入動態效果 。在基本建好網頁中的插入層和時間軸,制作其動態效果,讓整個網頁充滿生機 。我們在網上進行flash素材的收集,通過Flash CS3設計出主題下的風格動態效果 。然后插入到靜態網頁中,使網頁更加生動形象 。
六.實訓心得:
通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用實例,教會我們 。使更豐富全面的軟件技術和應用技巧,使我們真正對所學的軟件融會貫通 。所以我結合所學專業的內容制作了企業水果網站,作為實習的成果 。其內容是多樣化的 。制作網頁用的軟件是Deamweaver CS3軟件 。它提供了網頁和表單的動態生成到企業級的解決方案 。主圖是一個網頁的門面,它能體現出這個網頁的整體風格 。
制作網頁,首先是確定主題,經過再三考慮,就做了個關于金華水果的網站 ,要對這些有些了解,于是確定主題,做一些類似的網站,但考慮到,現在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對于我們來說有點不實際,根據這種情況,最后決定建立一個簡單的介紹金華水果的網站,專門介紹一些金華地區優秀的水果市場和銷售渠道等 。于是網站主題確立 。
然后是整體規劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,首頁,特價專區,優質水果,果樹栽培,婺城商場,金東商場,客戶中心,聯系我們,意見反饋等板塊,再加入個別網站等,每一部分又分幾小部分,內容比較充分,多樣 。
再后是收集資料與素材,大量瀏覽相關網站,收集關于金華水果的圖片,進行Photoshop CS3圖片處理和排版,插入好的文章和圖片等,還有參考一些好的網站的布局,特色,顏色搭配,背景圖等 。
再后是設計網頁圖片,用flash制作網友調查表,用Photoshop制作靜態圖片 。再后是建立站點,和制作網頁了,使用dreamweaver制作 。
首頁內容精彩豐富,首頁主要是導航作用 。首頁制作時,時刻考慮著網頁的基本原則:統一,連貫,分割,對比及和諧的原則,內容統一,都是為了主題服務,一個網站強調的就是一個整體,只有圍繞一個統一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體 。

推薦閱讀