⑴ 做一個完整的網站需要掌握哪些技術
做一個完整的網站可以說你想做什麼比如QQ新浪等大型網站分好些人做一個人是做不成的(最少包括網頁設計,動畫設計,後台管理,美工,資料庫管理,等)
最小的網站也得須要美工和頁面設計,資料庫管理,一個人是完不成的就是學會了也做不好。
html不論任何網站語言最後顯示到瀏覽器的語言也是網頁的最基礎的語言必學
css好像是版面語言,通常是在ASP中自動生成的文件
ASP是網站的一種語言現在以經有點落後了。不過現在還有很多小一點的網站使用這種語言
以上是網頁語言
可以在學習dreamweaver的時候學到
photoshop 是圖片處理軟體美工用的
VBS是windows系統的一種基礎語言可以在系統中用記事本編輯的一種語言
SQL是資料庫語言管理資料庫用的常用的
⑵ 建一個成功的個人網站所具備的技術
一 基本概念
1 網頁(Web Page)
網頁就是、、、、(很難懂的概念,極其抽象,看得見摸不著),你為什麼到互聯網去,你在WWW上看到的就是網頁。它是由HTML編寫的文件,上面有貼圖,有音樂,有、、、、
2 主頁(Home Page)
主頁(Home Page)它是一個網頁,是進入一個網站的開始畫面,就同「瘟酒吧」的藍天白雲一樣。也就是說,主頁是一個網站的門面,要想設計出一個優秀的網站,就必須有一個「要讓瀏覽者想不看都難」的主頁,它必須引人入勝,能吸引每一個來訪者的注意力,引發人們的好奇心,能讓人產生一種深入探索你的網站的沖動。優秀的主頁是一個好的網站必須具備的第一要素。
3 超級鏈接(Hyperlink)
超級鏈接是WWW的神經系統,它也是向導,把你從一個網頁帶到另一個網頁,或者從網頁的某一部分引導到另一部分。超級鏈接是用特殊的文本或圖象來實現鏈接的,單擊它就可以實現它的功能。
4 超文本(HyperText)
超文本是一種新的文件形式,指一個文件的內容可以無限地與相關資料鏈接。超文本是自然語言文本與計算機交互、轉移和動態顯示等能力結合,超文本系統允許用戶任意構造鏈接,通過Hyperlink來實現。
5 超文本語言(Hyper Text Markup Language)
超文本語言(HTML)是製作編寫網頁、包含超級鏈接的超文件的標准語言,它由文本和標記組成。超文本文件的擴展名一般為 .html或.htm。
網站的組織結構
上網的網蟲一定覺得網路上內容豐富、信息繁雜,但你是否想過一個網站的組織結構。網頁的組織結構有以下四種:
1、線性結構
這是網站最簡單的一種結構,它是以某種順序組織的,可以是時間順序,也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就採用線性結構。線性結構是組織網頁的基本結構,復雜的結構也可以看成是由線性結構組成的。
2、二維表結構
這種結構允許用戶橫向、縱向地瀏覽信息。它就好象一個二維表,如看課表一樣。
3、等級結構
等級結構由一條等級主線構成索引,每一個等級點又由一條線性結構構成。如網站導航等就是這種結構。在構造等級之前,你必須完全徹底的理解你的網站內容,避免線性組織不嚴的錯誤,不方便瀏覽者。
4、網狀結構
這是最復雜的組織結構,它完全沒有限制,網頁組織自由鏈接。這種結構允許訪問者從一個信息欄目跳到另一個欄目去,其目的就是充分利用網路資源和充分享受超級鏈接。整個互聯網就是一個超級大的「網」狀結構。
開始構造你的網站
1、總體規劃你的網站
當你想建立你的網站是你一定已經在網上瀏覽過n個小時了,當看見別人的網上之家的時候,或者受朋友「到我的網頁看看」的精神刺激下,你開始產生網上建家的沖動了!但是這時候你並不知道你建網站的目的,你也不知道你該做成什麼樣的網頁,「家裡」該有些什麼擺設。於是你應該靜下來想一想,怎樣規劃你的網站。首先,你要有信心和知識。再次,你得有內容,網站應該有一個什麼樣的主題,別人來你的網頁看什麼。接著,你要組織你的網頁了,它們該是什麼結構,這種結構不僅要讓訪問者能感覺到你的風格,也要方便你自己維護網站。最後,構思出你的「引人入勝」的門面(Home Page)。
2、准備工具和材料
拿出扳手、電線、螺絲刀和......我們要製作網頁了!安裝好一種編寫HTML語言的編輯器,你可以利用IE的frontpage,但是你應該有更好的,當然是Frontpage了!Word一般的簡易操作;支持Microsoft、Netscape的全部網頁標簽,極好的兼容性;提供多種設計樣板,表單向導等傻瓜功能;強大的管理工能可以檢查網頁鏈接、查看組織結構、上網傳送甚至檢查你的拼寫錯誤;「所見就所得」,普通視圖、HTML、預覽自由切換。當然你也可以按自己的愛好選擇:Hotdog;Pagemill;Homesite......隨便你。有了編程工具就該准備你的網頁素材了!文本、圖片、動畫、midi和mp3音樂等等准備搬上網的東東。製作這些東西你也許要用到做圖片的Photoshop、做gif動畫的GALE、製作image map的工具Map This、中文字型檔也應該拿出來。
3、製作網頁
當然要製作網頁了!......於是你把網頁製作好了!(以後再講)
4、測試網站
網頁做好了,鏈接做好了,測試工作必不可少。用Frontpage的FrontPage web Server(WEB伺服器)可以對你的網頁進行測試,看看鏈接是否正確發現問題及時改正。
5、上傳你的網頁
你還得先申請一個放網頁的空間。現在網上提供免費主頁空間的網站很多,申請到空間後,帶上ftp工具上路了!如 cuteftp,先在site manage添上你的,填寫上傳主機伺服器的地址,你的用戶名,你的密碼,就可以了。開始連接主機,登錄用戶,打開右邊允許你上傳的目錄,
把你要上傳的東東都拖過去。注意:你的主頁名應該是index.htm;index.html或者default.htm;default.html,按申請地方的要求來,還有就是文件名的大小寫,unix主機可區分嚴格喲。上傳後你就可以欣賞你的作品了,怎麼樣?興奮吧!
6、宣傳你的網頁
網頁做好了,也上傳了。但現在沒人知道,怎樣宣傳你的主頁呢?當然是上聊天室,到處貼帖子,發E-MAIL通知好友,登錄搜索引擎,用免費廣告,同別人互相交換連接......
7、網站維護和更新
要想訪問量大,你得經常更新你的網頁,增加網頁內容,並彌補網站存在的缺陷。
⑶ 網站開發人員要會什麼技術
網站前端主要學習三門語言,分別是javascript,css,html,這也是網站開發必須要學習的三門前端語言,如果這三門語言學會之後,建議多學一點框架,比如AngularJs、Bootstrap、Vue等,這些框架可以讓你的前端顯示看起來十分舒服,而且給用戶也會帶來很棒的體驗,交互性非常好。
網站後端開發的語言也是特別多的,比如java、php、c#等,但是建議只學一門語言就夠了,因為人的精力有限,目前很多軟體公司開發都是用的java,主要是因為java跨平台做得比較好(我自己這樣理解的)。那什麼叫跨平台呢,這么給你說吧,因為網站都是部署在伺服器上的,而伺服器有很多種類,比如linux、windows等,如果你的開發的網站可以在多種伺服器上運行,這個就叫跨平台。後端除了要會開發語言還要多學幾種框架,框架學得好不但可以提高自己開發網站的速度,而且可以使網站性能更好。
與其他應用之間的對接要學習介面開發,這個沒有固定的學習方法,因為應用之間的通信介面有很多種,比如可以用webservice通信、webapi、wcf、建立中間資料庫等。要與其他應用通信,要回基本的介面開發,然後還需要根據對方的文檔要求進行編碼,以此傳遞數據和對方通信等。
資料庫這一塊是必須要會的,sql語句也必須要回,不管什麼資料庫都是一樣,mysql、Oracle、sqlservice掌握sql語言都是操作資料庫的基本要求,然後是要會資料庫的事務、數據備份、游標、等等
對於開發網站而言,調試也是必須的,前端調試一般在瀏覽器上進行就可了,後端調試一般在開發工具上,比如Visual Studio開發的時候可以自行調試瀏覽器調試我比較偏愛google,一下是google的調試頁面,至於怎麼使用可以去度娘搜索,不作說明
google調試頁面
總結,開發網站需要會前端,前端必須js(javascript)、html、css和一些前端框架,後端必須後一門開發語言、並且會一些後端框架,同時要會寫介面和會操作資料庫等,開發調試這些也是必要的。當然開發網站完成之後就是網站的部署,部署技能也是必須具備。這就是一個會開發網站的人所必備的基礎技能。
資料來自網路如有侵權請聯系刪除
⑷ 一個人做網站需要掌握哪些知識
這個問題 也許只有我知道了 ,我就是一個人做網站的 。其實做網站 不一定要把全部知識學會 。
網站 分為兩個部分,前端和後端 。(為什麼要羅嗦這個 ,因為怕剛接觸的人不知道) 前端 ,也就網頁在瀏覽器呈現給 瀏覽者看的內容 。這一部分 要掌握的 技術:
xhtml 或者html5
css
javascript
jquery
photoshop 軟體 修圖用的
illustrator 軟體 製作圖形用的
還有 網頁三劍客 ,是什麼這里不說了 ,就是三款軟體 。不過本人 開始的時候用過,現在基本不用了。
還有就是 代碼編輯器的使用。
網頁美工。
上面這些不一定要全部掌握 必須掌握的 1.2. 是必須要會的。
到這里 網頁前端 要學習的內容也就差不多了。
後端要學習的內容 ,包含前端學習的所有內容 。在加上 編程語言
php 這是我最喜歡的語言
asp
java
asp.net
python
上面這些 語言之需要 學會一種就可以了 。其實 就是 控制網站 程序的 一種語言 。當然我是這么理解 的。
到這里 其實 也沒有全部 講完 。 還有一些 前端 框架的使用 。這里就不細說了 ,因為對於一個新手來說 ,當接觸網站一段時間 慢慢就都知道了。
還有一些知識 ,就是網站程序的使用 ,和一些開源程序的使用和學習了 。其實做網站 主要是 分為 兩種 ,一種是用開源程序建設網站 ,一種是 自己寫編程 開發網站 。這里就不細說了 。有什麼不明白的 在追問吧 。 其實 要說 做網站 的事情 ,就是現在 我也沒有說明白 ,因為做網站 太簡單 。要看你做的什麼網站 ,做網站也太難 ,也看你做的什麼網站 。
⑸ 如何搭建個人網站
本篇文章主要講如何用雲伺服器搭建個人網站,針對新手的入門搭建步驟,這里以騰訊雲伺服器為例:
這里講兩種相對比較簡單的方式,用雲伺服器來搭建wordpress網站。
第一種,利用鏡像部署wordpress網站。
如果利用鏡像部署的方法,首先要注意:部分境外地域暫不支持通過鏡像市場創建雲伺服器,如果你選擇的地域下沒有看到「鏡像市場」的選項,那就不能使用這個方法。可以用下面的第二種方法搭建網站。
鏡像部署操作步驟:
在購買雲伺服器時,選擇如下「鏡像」-「鏡像市場」-「wordpress博客平台」
最後,再說一下如何安裝多個站點,點擊面板左側的「網站」,然後點擊「添加站點」即可。如果是純靜態網站文件,則不需要創建資料庫。或者直接在軟體商店裡,選擇一鍵部署wordpress,同樣會自動增加站點,效果是一樣的。
參考來源:新手搭建個人博客網站需要哪些步驟
⑹ 自己一個人建立一個網站需要學習什麼
自己一個建網站需要准備:
域名 (例如Godaddy、萬網、騰訊雲、網路雲都可以)
主機(Web伺服器,用來存放網站程序、圖片等,教程用的是優網主機的博客主機標准版)
網站模板 (在千站素材可以下載),根據不同目的來選擇相應的網站的模版
如果你像搭建廣告網站,等你學會html、Dreamweaver、php等編程語言都不知道猴年馬月了,你可以自己使用模板搭建,或者請人開發才是明智的選擇。
⑺ 你要展現自己製作的人個網站,該如何實現
1、先注冊一個域名和租用一個虛擬主機;
2、網上下載自助建站系統:pageadmin cms、discuz cms都是不錯的、簡單、方便直接;
3、將自助建站系統上傳到虛擬主機上、主機上綁定域名、域名解析到主機上;
4、還需要聯系虛擬主機提交資料備案。
⑻ 一個人自己進行網站建設,需要什麼技術和知識
做一個網站需要需要以下幾個方面:
1:需要注冊域名
2:購買網站空間
3:然後根據自己的需要定製網站功能,界面,確定網站的主題,確定網站的色調,規劃網站的布局等來做網站程序。到時候域名申請後,先把域名解析,就是讓你這個家的門牌號都可以讓大家訪問到,然後綁定到空間上,之後再把網站的程序上傳到空間就好了。
如果你想對網站程序做下了解的話,需要了解動態與語言技術和網站後台的資料庫,對於一些建站的工具DW ,flash, FTP 等等一些工具要做下了解。
⑼ 想做一個自己的網站需要哪些步驟
設計一個網站其實很簡單。首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。
建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的。
第一階段:開始時最好是學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊製作。
第二階段:會用網頁製作軟體後,已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美,還是學習網頁的核心技術吧!網頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。
第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。
怎樣製作網頁,不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要,希望能夠給想要學習製作網頁的朋友一個參考。
一、工具
1、空間
網頁做好了肯定是要發表上網的,所以必須先申請一個空間;免費的空間不是很穩定,容量又小,也不好申請,建議先買一個個人空間,大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver8.0中文版,這個軟體最大的特點就是「所見即所得」,也即是製作過程中看到的,便是到時發布到網路上的。
二、教程
花點時間,找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成,不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素,搞清楚如何將這些元素擺放進去,你也就算懂得如何製作網頁了。
三、製作
開始時建議去下載一個比較簡單的網頁,在製作軟體中將它打開,然後仔細觀察人家的網頁的構成,模仿它去填充各種元素,實踐中再配合著教城,進度會快很多,記得也牢一些。
其實做網頁並不難,但要做出有特色的網頁來,那就非一朝一夕之功了。
一點個人的粗淺體會,不妥之處敬請指正。
三
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
希望我的回答能夠對你有所幫助,如果有網站網頁上面的相關問題,可以直接聯系我,很高興能夠幫得上你
⑽ 關於建立一個網站所需要的技術
時下隨著各種通訊技術的發展,互聯網已在中國逐步進入普及階段,許多人在充分享受瀏覽新聞,網上聊天,網路游戲,網上交易,收發電子郵件等網路的各種樂趣後,開始不滿足於被動式的接受,希望能主動參與網路,因此大量的個人網站應運而生了。
計算機與網路專業技術人員能利用一技之長及在某一方面的專長輕松製作網頁,但大量的網路菜鳥級人物如何製作個人主頁,建立個人網站呢?我大概總結了以下幾點,希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲,並對如何建立網站有一定的興趣,那麼請你繼續讀下去,否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁製作公司代勞,完全沒必要自己動手。
1. 要建立個人網站,首先必須要了解一下目前網頁製作的基本語言HTML,入門即可,大概花個一二小時就可。
2. 學會使用目前流行的網頁製作軟體,如Frontpage、Dreamweaver等一些功能強大,所見所得的軟體,初步了解就可,不用全部掌握,一般是邊用邊學,不斷提高使用水平。
3. 廣泛的上網瀏覽各種網頁,一開始最好能下載一些較簡單的個人網頁,因為他們所用到的技術較為簡單,可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站,學習一些排版經驗,同時可下載一些網頁結構模版供自己套用。
4. 確定你的網站主題,我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題,因為第一你不夠專業,網上已有太多的同類軟體,別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間,不僅一開始你申請不到這么大的空間,而且你也不可能經常上載維護。網站主題最好是有你的個人特色,實在不能確定我建議自己做一個私人門戶網站,將平時自己經常去的網站做一個較為綜合的連結。
5. 網頁最好不要用特別與眾不同的顏色、字體,因為每個人使用的計算機各不相同,特別的顏色、字體別人不一定能看得到。
6. 網頁要增加美觀圖片不可缺少,我建議如果你會用一些專業的作圖軟體最好自己製作,這會有自己的特色,放些私人照片也可以,但切記各種圖片一定要作優化處理,減小它的存儲尺寸。提醒一下每頁不要放過多的圖片,因為第一會使網頁顯得雜亂,第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop,Fireworks等。
7. 網頁上可以用一些動畫與特效增加你主頁的美觀與功能,動畫可上網找,同樣最好能自己製作,GIF格式的最常用,可用Ulead的Gig Animator軟體製作,目前流行的是Flash動畫,更多變化,尺寸更小,缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體,有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用,與圖片一樣,我建議每頁不要放太多的動畫與特效。
8. 網頁基本建成後,上網找免費的主頁空間,以其主機的速度,提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據,所謂CGI是指主機伺服器上提供的程序,一般你可申請有免費計數器、留言板等。找到速度快,主頁存放空間大,域名簡單的網站存放你的網頁。
9. 接下來是將網頁上傳至你申請的伺服器上,具體上傳的辦法你在申請主頁空間時就會了解,具體使用你製作網頁的軟體即可,我個人推薦使用CuteFTP Pro上傳,這個軟體功能強大,簡單易用。
10. 好,現在你的網站已建立,你可通知你的朋友上去瀏覽,把個人網站印在你的名片上,還想推廣你的網站?那你可去各大搜索網站登錄你的新站,如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換,如太極鏈,酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片,動畫最好,存儲大小盡量控制在10k以下。
11. 如果你還想靠你的網站賺一些小錢,你可去一些商業網站申請廣告連結,替他們做廣告,一般以從你的網頁點擊到他們的網頁次數算錢。
12. 最後我要提醒各位未來網主,你的網站千萬不要放一些明顯與國內政治相抵觸的內容,這事關重大,不可兒戲,否則網站被關閉事小,坐牢也說不定哦。另外,網站內容與性有關可大大增加被瀏覽的數量,但黃色的內容不要放,雖說性質比不上反動內容,但也有問題。建議打打擦邊球,提供一些性教育、性知識,情情愛愛的內容無傷大雅。
隨著網路技術的不斷發展,網路應用已經滲透到人類社會的各個角落。作為網路世界的支撐點的網站,更是人們關注的熱點:政府利用網站宣傳自己的施政綱領,日益成為與百姓交流的直通車;企業利用網站宣傳自己的形象,挖掘無限商機;個人利用網站展示個性風采,創建彼此溝通的橋梁。越來越多的人希望擁有網站,開辟網路世界裡的一片天地。如何設計一個出色的網站呢?關於這個問題,人們討論的很多,可以討論的內容也很多,加之網路技術的飛速發展,很難提出一個絕對權威和正確的設計思路,筆者不才,根據自己的設計體
會,總結出以下基本設計思路:
一、定位網站的主題和名稱
網站的主題也就是網站的題材,網站設計開始首先遇到的問題。網站題材千奇百怪,琳琅滿目,只要想的到,就可以把它製作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材:
第1類:網上求職
第2類:網上聊天/即時信息/ ICQ
第3類:網上社區/討論/郵件列表
第4類:計算機技術
第5類:網頁/網站開發
第6類:娛樂網站
第7類:旅行
第8類:參考/資訊
第9類:家庭/教育
第10類:生活/時尚
每個大類都可以繼續細分,比如娛樂類再分為體育/電影/音樂等小類,音樂又可以按格式分為MP3,VQF,Ra等,按表現形式分古典,現代,搖滾等。同時,各個題材相聯系和交叉結合可以產生新得題材,例如旅遊論壇(旅遊+討論),經典進球播放(足球+影視)按這樣分下去,題材可以有成千上萬種。這么多題材,如何選擇呢?遵循的原則如下:
1、主題要小而精
定位要小,內容要精。如果你想製作一個包羅萬象的站點,把所有你認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有,卻樣樣都很膚淺,因為你不可能有那麼多的精力去維護它。網站的最大特點就是新和快,目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示,網路上的"主題站"比"萬全站"更受人們喜愛,就好比專賣店和百貨商店,如果我需要買某一方面的東西,肯定會選擇專買店。
2、題材最好是你自己擅長或者喜愛的內容
比如:你擅長編程,就可以建立一個編程愛好者網站;對足球感興趣,可以報道最新的戰況,球星動態等。這樣在製作時,才不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有熱情,很難設計製作出優秀的網站。
3、題材不要太濫或者目標太高。
"太濫"是指到處可見,人人都有的題材;比如軟體下載,免費信息。"目標太高"是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
如果題材已經確定以後,就可以圍繞題材給網站起一個名字。網站名稱,也是網站設計的一部分,而且是很關鍵的一個要素。你來看,"電腦學習室"和"電腦之家"顯然是後者簡練;"迷笛樂園"和"MIDI樂園"顯然是後者明晰;"兒童天地"和"中國幼兒園"顯然是後者大氣。我們都知道PIII的中文名稱"奔騰",如果改為"奔跑",可能就沒有今天這么"火"了。和現實生活中一樣,網站名稱是否正氣,響亮,易記,對網站的形象和宣傳推廣也有很大影響。我的建議是:
1、名稱要正
其實就是要合法,和理,和情。不能用反動的,色情的,迷信的,危害社會安全的名詞語句。
2、名稱要易記
最好用中文名稱,不要使用英文或者中英文混合型名稱。另外,網站名稱的字數應該控制在六個字(最好四個字)以內,四個字的也可以用成語。字數少還有個好處,適合於其他站點的鏈接排版。
3、名稱要有特色
名稱平實就可以接受,如果能體現一定的內涵,給瀏覽者更多的視覺沖擊和空間想像力,則為上品。例如:音樂前衛,網頁陶吧,e書時空等。在體現出網站主題的同時,能點出特色之處。
二、定位網站的CI形象
所謂CI(corporate identity),意思是通過視覺來統一企業的形象。一個傑出的網站,和實體公司一樣,需要整體的形象包裝和設計。准確的,有創意的CI設計,對網站的宣傳推廣有事半功倍的效果。具體的做法是:
1、設計網站的標志(logo)
就如同商標一樣,標志是你站點特色和內涵的集中體現,看見標志就讓大家聯想起你的站點。標志的設計創意來自你網站的名稱和內容:
(1)網站有代表性的人物、動物、花草等,可以用它們作為設計的藍本,加以卡通化和藝術化,例如迪斯尼的米老鼠,搜狐的卡通狐狸等等。
(2)網站有專業性的,可以以本專業有代表的物品作為標志。比如中國銀行的銅板標志,賓士汽車的方向盤標志等等。
(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。採用不同的字體,字母的變形,字母的組合可以很容易製作好自己的標志。
2、設計網站的標准色彩
網站給人的第一印象來自視覺沖擊,確定網站的標准色彩是相當重要的一步。不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。舉個實際的例子就明白了:IBM的深藍色,肯得基的紅色條型,windows視窗標志上的紅藍黃綠色塊,都使我們覺得很貼切,很和諧。"標准色彩"是指能體現網站形象和延伸內涵的色彩。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。標准色彩要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,只是作為點綴和襯托,絕不能喧賓奪主。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色,要注意色彩的合理搭配。
3、設計網站的標准字體
和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的"與眾不同"和特有風格,我們可以根據需要選擇一些特別字體。例如,為了體現專業可以使用粗仿宋體,體現設計精美可以用廣告體,體現親切隨意可以用手寫體等等。
4、設計網站的宣傳標語
也可以說是網站的精神,網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如:鵲巢的"味道好極了";麥斯威爾的"好東西和好朋友一起分享";Intel的"給你一顆奔騰的心"等等。
三、確定網站的欄目
建立一個網站好比寫一篇文章,首先要擬好提綱,文章才能主題明確,層次清晰。如果網站結構不清晰,目錄龐雜,內容東一塊西一塊。結果不但瀏覽者看得糊塗,自己擴充和維護網站也相當困難。網站的題材確定後,並且收集和組織了許多相關的資料內容,但如何組織內容才能吸引網友們來瀏覽網站呢?欄目的實質是一個網站的大綱索引,索引應該將網
站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面:
1、要緊扣主題
將你的主題按一定的方法分類並將它們作為網站的主欄目。主題欄目個數在總欄目中要佔絕對優勢,這樣的網站顯的專業,主題突出,容易給人留下深刻印象。
2、設立最近更新或網站指南欄目
設立"最近更新"的欄目,是為了照顧常來的訪客,讓你的主頁更有人性化。如果主頁內容龐大,層次較多,而又沒有站內的搜索引擎,設置"本站指南"欄目,可以幫助初訪者快速找到他們想要的內容。
3、設立可以雙向交流的欄目
比如論壇,留言本,郵件列表等,可以讓瀏覽者留下他們的信息。
4、設立下載或常見問題回答欄目
網路的特點是信息共享。如在你主頁上設置一個資料下載欄目,便於訪問者下載所需資料。另外,如果站點經常收到網友關於某方面的問題來信,最好設立一個常見問題回答的欄目,既方便了網友,也可以節約自己更多時間。
四、確定網站的目錄結構
網站的目錄是指你建立網站時創建的目錄。例如:在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的上傳維護,內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議:
1、不要將所有文件都存放在根目錄下,會造成文件管理混亂
你常常搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率。另外,上傳速度慢。伺服器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下,那麼即使你只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件。很明顯,文件量越大,等待的時間也將越長。所以,盡可能減少根目錄的文件存放數。
2、按欄目內容建立子目錄
子目錄的建立,首先按主菜單欄目建立。例如:企業站點可以按公司簡介,產品介紹,價格,在線定單,反饋聯系等建立相應目錄。其他的次要欄目,類似what's new,友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:關於本站,關於站長,站點經歷等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄。例如:CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。
3、在每個主欄目目錄下都建立獨立的images目錄
為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。
4、目錄的層次不要太深
目錄的層次建議不要超過3層,維護管理方便。
5、不要使用中文目錄
6、不要使用過長的目錄
五、確定網站的鏈接結構
網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。建立網站的鏈接結構有兩種基本方式:
1、樹狀鏈接結構
類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出。優點是條理清晰,訪問者明確知道自己在什麼位置,不會"迷"路。缺點是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須繞經首頁。
2、星狀鏈接結構
類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便,隨時可以到達自己喜歡的頁面。缺點是鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。
這兩種基本結構都只是理想方式,在實際的網站設計中,總是將這兩種結構混合起來使用,達到比較理想的效果。比較好的方案是:首頁和一級頁面之間用星狀鏈接結構,一級和以下各級頁面之間用樹狀鏈接結構。
六、設計網站的整體風格
風格(style)是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志,色彩,字體,標語),版面布局,瀏覽方式,交互性,文字,語氣,內容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網易是平易近人的,迪斯尼是生動活潑的,IBM是專業嚴肅的,這些都是網站給人們
留下的不同感受。
風格是獨特的,是站點不同與其他網站的地方。或者色彩,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網路的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁,也可以分辨出是哪個網站的。
風格是有人性的。通過網站的外表,內容,文字,交流可以概括出一個站點的個性,情緒。是溫文儒雅,是執著熱情,是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派",你可以用人的性格來比喻站點。如何樹立網站風格呢?我們可以分這樣幾個步驟:
1、確信風格是建立在有價值內容之上
一個網站有風格而沒有內容,就好比綉花枕頭一包草,好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性,這是最基本的。
2、你需要徹底搞清楚自己希望站點給人的印象是什麼
可以從這幾方面來理清思路:
a.如果只用一句話來描述你的站點,應該是:()
參考答案:有創意,專業,有(技術)實力,有美感,有沖擊力
b.想到你的站點,可以聯想到的色彩是:()
參考答案:熱情的紅色,幻想的天藍色,聰明的金黃色
c.想到你的站點,可以聯想到的畫面是:()
參考答案:一份早報,一輛法拉利跑車,人群擁擠的廣場,雜貨店
d.如果網站是一個人,他擁有的個性是:()
參考答案:思想成熟的中年人,狂野奔放的牛仔,自信憨厚的創業者
e.作為站長,你希望給人的印象是:()
參考答案:敬業,認真投入,有深度,負責,純真,直爽,淑女
f.用一種動物來比喻,你的網站最像:()
參考答案:貓(神秘高貴),鷹(目光銳利),兔子(聰明敏感),獅子(自信威信)
g.瀏覽者覺得你和其他網站的不同是:()
參考答案:可以信賴,信息最快,交流方便,
h.瀏覽者和你交流合作的感受是:()
參考答案:師生,同事,朋友,長幼。
你可以自己先填寫一份答案,然後讓其他網友填寫。比較後的結果會告訴你:你網站現在的差距,弱點及需要改進的地方。
3、在明確自己的網站印象後,開始努力建立和加強這種印象
經過第二步印象的"量化"後,你需要進一步找出其中最有特色特點的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化,宣傳。以下做法可作參考:
(1)將你的標志logo,盡可能的出現在每個頁面上。或者頁眉,或者頁腳,或則背景。
(2)突出你的標准色彩。文字的鏈接色彩,圖片的主色彩,背景色,邊框等色彩盡量使用與標准色彩一致的色彩。
(3)突出你的標准字體。在關鍵的標題,菜單,圖片里使用統一的標准字體。
(4)想一條朗朗上口宣傳標語。把它做在你的banner里,或者放在醒目的位置,告訴大家你的網站的特色是...。
(5)使用統一的語氣和人稱。即使是多個人合作維護,也要讓讀者覺得是同一個人寫的。
(6)使用統一的圖片處理效果。比如,陰影效果的方向,厚度,模糊度都必須一樣。
(7)創造一個你的站點特有的符號或圖標。
(8)用自己設計的花邊,線條,點。
(9)展示你網站的榮譽和成功作品。
(10)告訴網友關於你的真實的故事和想法。風格的形成不是一次定位的,你可以在實踐中不斷強化,調整,修飾。