創(chuàng)新互聯(lián)建站是一家從事企業(yè)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、行業(yè)門戶網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計制作的專業(yè)網(wǎng)站建設(shè)公司,擁有經(jīng)驗豐富的網(wǎng)站建設(shè)工程師和網(wǎng)頁設(shè)計人員,具備各種規(guī)模與類型網(wǎng)站建設(shè)的實力,在網(wǎng)站建設(shè)領(lǐng)域樹立了自己獨特的設(shè)計風格。自公司成立以來曾獨立設(shè)計制作的站點上千余家。
你要自己做的話 用word就可以
網(wǎng)頁設(shè)計這是個概念
網(wǎng)站測試和優(yōu)化工具。使用該工具,您無需投入任何費用就可以提高現(xiàn)有網(wǎng)站的價值和點擊量。通過使用網(wǎng)站優(yōu)化工具對網(wǎng)站內(nèi)容和設(shè)計進行測試和優(yōu)化。
網(wǎng)頁設(shè)計 就是根據(jù)行業(yè)不同需求不同 設(shè)計客戶網(wǎng)站樣式!
網(wǎng)頁設(shè)計--------網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務)的一種方式,是企業(yè)開展電子商務的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是internet上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要,下面是一些網(wǎng)站設(shè)計中應注意的原則。
一、 明確建立網(wǎng)站的目標和用戶需求 web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此我們必須明確設(shè)計站點的目的和用戶需求,從而做出切實可行的設(shè)計計劃。我們會根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,以“消費者(customer)”為中心,而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。在設(shè)計規(guī)劃時我們會考慮: 建設(shè)網(wǎng)站的目的是什么? 為誰提供服務和產(chǎn)品? 企業(yè)能提供什么樣的產(chǎn)品和服務? 網(wǎng)站的目的消費者和受眾的特點是什么? 企業(yè)產(chǎn)品和服務適合什么樣的表現(xiàn)方式(風格)? 二、網(wǎng)頁設(shè)計總體方案主題鮮明 在目標明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。web站點應針對所服務對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現(xiàn)站點的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。web站點主頁應具備的基本成分包括: 頁頭:準確無誤地標識你的站點和企業(yè)標志; email地址:用來接收用戶垂詢; 聯(lián)系信息:如普通郵件地址或電話; 版權(quán)信息:聲明版權(quán)所有者等。充分利用已有信息,如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。
三、網(wǎng)站的版式設(shè)計 網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處。版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
四、色彩在網(wǎng)頁設(shè)計中的作用 色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有cis(企業(yè)形象識別系統(tǒng)),我們將按照其中的vi進行色彩運用。
如果你是新手,建議先學dreamweaver。網(wǎng)上很多地方都有下的 你是要設(shè)計網(wǎng)頁還是網(wǎng)站?網(wǎng)站是由很多網(wǎng)頁組成的 還要看你是先做靜態(tài)網(wǎng)頁還是動態(tài)的。靜態(tài)的做起簡單點。但是維護與管理很麻煩 而且不能保存數(shù)據(jù) asp.net或者jsp或者php 選擇一個作為你的主要方向 這幾個做出來的網(wǎng)站是動態(tài)的。有后臺的。。方便維護與管理
如果說是網(wǎng)站的話(網(wǎng)站有很多個網(wǎng)頁組成,并相互串聯(lián)起組成一個集體)那你就按照以下的順序做就可以了
1、定位:它是有關(guān)什么的,是個人網(wǎng)頁還是企事業(yè)的,你的網(wǎng)站準備怎么做,做成什么樣子的,
2、設(shè)計:網(wǎng)頁界面的設(shè)計,建議使用FIREWORKS,初學者建議用這個。
3、制作:建議使用Dreamweaver來做,當然你要是還覺的麻煩的話,拿直接用word來做也行,只是在存儲的時候選成存為HTML文檔就可以了。
Jiho 回答采納率:22.2% 2008-09-30 22:17 檢舉
線性結(jié)構(gòu)
這是網(wǎng)站最簡單的一種結(jié)構(gòu),它是以某種順序組織的,可以是時間順序,也可以是邏輯甚至是字母順序。通過這些順序呈線性地鏈接。如一般的索引就采用線性結(jié)構(gòu)。線性結(jié)構(gòu)是組織網(wǎng)頁的基本結(jié)構(gòu),復雜的結(jié)構(gòu)也可以看成是由線性結(jié)構(gòu)組成的。
2、二維表結(jié)構(gòu)
這種結(jié)構(gòu)允許用戶橫向、縱向地瀏覽信息。它就好象一個二維表,如看課表一樣。
3、等級結(jié)構(gòu)
等級結(jié)構(gòu)由一條等級主線構(gòu)成索引,每一個等級點又由一條線性結(jié)構(gòu)構(gòu)成。如網(wǎng)站導航等就是這種結(jié)構(gòu)。在構(gòu)造等級之前,你必須完全徹底的理解你的網(wǎng)站內(nèi)容,避免線性組織不嚴的錯誤,不方便瀏覽者。
4、網(wǎng)狀結(jié)構(gòu)
這是最復雜的組織結(jié)構(gòu),它完全沒有限制,網(wǎng)頁組織自由鏈接。這種結(jié)構(gòu)允許訪問者從一個信息欄目跳到另一個欄目去,其目的就是充分利用網(wǎng)絡(luò)資源和充分享受超級鏈接。整個互聯(lián)網(wǎng)就是一個超級大的“網(wǎng)”狀結(jié)構(gòu)
建議用Dreamweaver 這個軟件比較簡單點 如果想設(shè)計網(wǎng)頁 加上本來有點基礎(chǔ)的 那你可以去專門的網(wǎng)站上找找模塊 然后可以按照模塊的樣子 自己制作 或者直接用模塊 但是如果你要做動態(tài)的網(wǎng)站 就最好先把網(wǎng)頁的基礎(chǔ)打好 因為動態(tài)的很難 還要記代碼···
純文本編輯器都可以
FrontPage
FrontPage是一款優(yōu)秀的網(wǎng)頁制作與開發(fā)工具之一,它本身也是Office2000中的一個重要組件,采用了與Office2000其他組件一致的界面和操作方式,只要您使用過Office軟件,就可以輕松掌握FrontPage的用法。
Flash、Dreamweaver、Fireworks合在一起被稱為網(wǎng)頁制作三劍客。這三個軟件相輔相承,是制作網(wǎng)頁的選工具,其中Dreamweaver主要用來制作網(wǎng)頁文件,制作出來的網(wǎng)頁兼容性好、制作效率也很高,F(xiàn)lash用來制作精美的網(wǎng)頁動畫,F(xiàn)ireworks用來處理網(wǎng)頁中的圖形。
網(wǎng)站設(shè)計——
網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息的一種方式,是企業(yè)開展電子商務的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要,下面是一些網(wǎng)站設(shè)計中應注意的原則。
一、 明確建立網(wǎng)站的目標和用戶需求
Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此我們必須明確設(shè)計站點的目的和用戶需求,從而做出切實可行的設(shè)計計劃。我們會根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,以“消費者(customer)”為中心,而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。
在設(shè)計規(guī)劃時我們會考慮:
建設(shè)網(wǎng)站的目的是什么?
為誰提供服務和產(chǎn)品?
企業(yè)能提供什么樣的產(chǎn)品和服務?
網(wǎng)站的目的消費者和受眾的特點是什么?
企業(yè)產(chǎn)品和服務適合什么樣的表現(xiàn)方式(風格)?
二、網(wǎng)頁設(shè)計總體方案主題鮮明
在目標明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。
Web站點應針對所服務對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。
為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現(xiàn)站點的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。
Web站點主頁應具備的基本成分包括: 頁頭:準確無誤地標識你的站點和企業(yè)標志; Email地址:用來接收用戶垂詢; 聯(lián)系信息:如普通郵件地址或電話; 版權(quán)信息:聲明版權(quán)所有者等。
充分利用已有信息,如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。
三、網(wǎng)站的版式設(shè)計
網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處。多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。
四、色彩在網(wǎng)頁設(shè)計中的作用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有CIS(企業(yè)形象識別系統(tǒng)),我們將按照其中的VI進行色彩運用。
五、網(wǎng)頁設(shè)計形式與內(nèi)容相統(tǒng)一
靈活運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài),產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中, 它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。點、線、面作為視覺語言中的基本元素,巧妙地互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果,充分表達完美的設(shè)計意境。
六。結(jié)構(gòu)清晰并且便于使用。
如果人們看不懂或很難看懂您的網(wǎng)站,那么,他如何了解你的企業(yè)和服務呢?使用一些醒目的標題或文字來突出您的產(chǎn)品與服務。并且即使您擁有最棒的產(chǎn)品,如果客戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話,他們是不會喜歡您的網(wǎng)站的,這就是網(wǎng)頁設(shè)計的失敗。
七。導向清晰。
網(wǎng)頁設(shè)計中導航使用超文本鏈接或圖片鏈接,使人們能夠在您的網(wǎng)站上自由前進或后退,而不會讓他們使用瀏覽器上的前進或后退。我們在所有的圖片上使用“ALT”標識符注明圖片名稱或解釋,以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。
八??焖俚南螺d時間。
很多的瀏覽者不會進入需要等待5分鐘下載時間才能進入的網(wǎng)站,在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此,我們會建議您在網(wǎng)頁設(shè)計中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作,將主要頁面的容量控制在50K以內(nèi),平均30K左右,確保普通瀏覽者頁面等待時間不超過10秒。
九。非圖形的內(nèi)容。
我們在必要時適當使用動態(tài)“Gif”圖片,為減少動畫容量,應用巧妙設(shè)計的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。但是,由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們,我們?nèi)匀唤ㄗh您要確定您的網(wǎng)站將為他們提供的是有價值的內(nèi)容,而不是過度的裝飾。
是企業(yè)向用戶和網(wǎng)民提供信息的一種方式
自己編輯的東西
網(wǎng)頁設(shè)計 打個比方 就是把美術(shù)的技術(shù) 從畫紙上搬到網(wǎng)頁上來 一般一個完整的網(wǎng)站 是由網(wǎng)頁設(shè)計和程序設(shè)計組成的 設(shè)計者先將大體倫框和圖片布置好 等待程序開發(fā)人員來實現(xiàn)這些功能
網(wǎng)頁設(shè)計是指使用標識語言(markup language),通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站,什么是網(wǎng)站呢,就是服務器內(nèi)的一系列網(wǎng)頁的組合,終端用戶發(fā)出請求后[[服務器通過傳輸特定的網(wǎng)頁向用戶傳輸所需的信息。簡單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過使用HTML/XHTML/XML放置到網(wǎng)站頁面上。而更復雜的信息如vector graphics,動畫,視頻,聲頻則需要插件程序例如Flash, QuickTime, Java run-time environment,等等,這些插件程序也是通過HTML/XHTML/XML植入網(wǎng)頁的。隨著瀏覽器和W3C標準一致性的改善,XHTML/XML(可擴展標識語言)與CSS(層疊樣式表)共同用作網(wǎng)頁內(nèi)容的設(shè)計已經(jīng)被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發(fā)展,使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。通常,網(wǎng)頁可以分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁。靜態(tài)網(wǎng)頁頁面上的內(nèi)容和格式一般不會改變,只有網(wǎng)管可根據(jù)的需要更新頁面。動態(tài)網(wǎng)頁的內(nèi)容隨著用戶的輸入和互動而有所不同,或者隨著用戶,時間,數(shù)據(jù)修正等而改變。網(wǎng)頁上的內(nèi)容也可以由用戶通過使用客戶端描述語言(JavaScript, JScript, Actionscript,)來改變。當然更普遍的是由服務器端的描述語言(Perl,PHP, ASP, JSP, ColdFusion, 等)進行編譯,從而對動態(tài)網(wǎng)頁的內(nèi)容進行改變。無論是客戶端還是服務器端的改變都需要使用較為復雜的應用軟件。隨著信息技術(shù)的更加專業(yè)化,越來越明顯的傾向表明,網(wǎng)頁設(shè)計和網(wǎng)站的發(fā)展會逐漸成為兩個不同的領(lǐng)域。網(wǎng)頁是借助于美術(shù)構(gòu)圖與程序互動、動畫等方式向大眾推廣相關(guān)信息的媒體,所以網(wǎng)頁設(shè)計包括了幾大部分: 版面構(gòu)圖(見平面設(shè)計) 程序開發(fā)(見網(wǎng)頁應用程式) 網(wǎng)站內(nèi)容管理(見內(nèi)容管理系統(tǒng)、資訊架構(gòu)學) 下面將會介紹網(wǎng)頁的版面構(gòu)圖的技術(shù)為主。目錄 [隱藏] 1 簡史 1.1 HTML 1.2 XHTML 2 外觀的影響 2.1 流動性 對 固定排版 2.2 Flash 2.3 兩種設(shè)計模式 3 參見 4 外部鏈接 簡史 HTML 超文本標記語言(Hypertext Markup Language) 網(wǎng)絡(luò)的資訊越來越多,網(wǎng)站須有引人注意的外觀,才能增加人次,達到宣傳的目的。人們開始注意網(wǎng)頁的外觀,HTML亦因此變得更復雜、更具彈性。表格,原本是更整齊展現(xiàn)資料的工具,變成了排版工具。CSS的出現(xiàn)令以表格為基礎(chǔ)的外觀設(shè)計被視為過時。服務器方面的技術(shù)亦改變了網(wǎng)絡(luò)的構(gòu)造,使用者可以選擇其瀏覽方式、外觀。Flash的出現(xiàn)為設(shè)計師和媒體創(chuàng)作人開創(chuàng)了新路。除了引人的外觀之外,亦有一個重要的考慮點:網(wǎng)絡(luò)無障礙,即使用者能否容易讀取資訊。XHTML 由于XML的可構(gòu)造性,XHTML 1.0在2000年1月26日成為W3C的推薦標準,即HTML將會隨著時間而淘汰。外觀的影響 流動性 對 固定排版 大部分網(wǎng)站設(shè)計師原本是每處地方都有絕對限界的平面設(shè)計師??墒窃诰W(wǎng)頁瀏覽器,卻不能控制某些因素,特別是瀏覽器的闊度。有些設(shè)計師將其網(wǎng)頁定義在固定大小的表格中,每部分的寬度都有精確的數(shù)據(jù),一般使用確定的值,這就是固定排版了。然而有人認為這不好,因為這種設(shè)計罔顧使用者的設(shè)定,他們使用流動性排版,網(wǎng)頁的寬度使用百分比定義寬度,因此網(wǎng)頁會依瀏覽器的屏幕分辨率而改變。但是流動性的排版對于日益增大的屏幕就不一定合適,因為人的眼睛進行橫向閱讀時,過長的文字會增加閱讀的困難度,反之大約在十幾個字即換行的文章,瀏覽者會更好吸收其內(nèi)容。Flash Adobe Flash這套軟件能夠很輕易做到一些華麗的圖像效果,亦可以進行編程,因此近年來出現(xiàn)在不少網(wǎng)站上。有些網(wǎng)站更以Flash完全代替HTML??墒荈lash帶來的問題不少: 搜索引擎不能記錄Flash的內(nèi)容 盲人不能透過文本朗讀軟件來取得其內(nèi)容 所以大部分人都不會以Flash為主要設(shè)計,F(xiàn)lash通常成了首頁的開場畫面或網(wǎng)站內(nèi)的小游戲。兩種設(shè)計模式 從前一般網(wǎng)頁都使用表格進行排版設(shè)計,這樣作的優(yōu)點在于設(shè)計制作速度快,尤其在可視化網(wǎng)頁編輯器,如Microsoft FrontPage中,這樣設(shè)計顯得直觀而方便,然而這讓越來越復雜的版面需要許多不斷嵌套的表格設(shè)計,致使網(wǎng)頁代碼變得冗長復雜,使文件體積增大,且不容易被搜索引擎查找。同時,這樣做也不利于大型網(wǎng)站的改版工作。于是隨著主流網(wǎng)頁瀏覽器對CSS的支援度提高,近年來興起了一種新的網(wǎng)頁設(shè)計模式。被業(yè)界稱為“網(wǎng)頁重構(gòu)”的革命,其核心在于分隔網(wǎng)頁的風格和內(nèi)容(en:Separation of style and content),指標記語言(如HTML,XML)負責定義頁面的內(nèi)容,但不可以定義任何涉及網(wǎng)站外觀(風格)的東西。而網(wǎng)站風格就由另外的CSS檔案負責。在排版方面,新的模式提倡使用由CSS定義的DIV進行頁面排版,而將表格還原為排列數(shù)據(jù)的最初功能。這種模式有很多好處,例如可以協(xié)助搜尋引擎查找網(wǎng)頁的情況,減小文件提及提高瀏覽速度,且由于一個CSS檔案可以控制多個頁面,這也給改版帶來了很大方便。由于W3C是該模式極力的倡導者,于是業(yè)界鑒定網(wǎng)頁是否符合W3C標準,就可以在W3C網(wǎng)站自動檢測該網(wǎng)站的情況。這種模式也有缺點,其中一個弱點就是,在不同瀏覽器出來的效果會有分別,但這種情況主要是由于微軟的Internet Explorer對CSS文檔的支持有眾多缺陷造成的。另一方面,開始設(shè)計CSS時,并不能清楚看到目標,因此顯得不直觀。網(wǎng)頁實際是一個文件,他存放在世界某個角落的的某一臺計算機中,而這臺計算機必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址( URL )來識別與存取,當我們在瀏覽器輸入網(wǎng)址后,經(jīng)過一段復雜而又快速的程序,網(wǎng)頁文件會被傳送到你的計算機,然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容,再展示到你的眼前。要領(lǐng)一:確定網(wǎng)站主題 做網(wǎng)站,首先必須要解決的就是網(wǎng)站內(nèi)容問題,即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材:第1類:網(wǎng)上求職;第2類:網(wǎng)上聊天/即時信息/ICQ;第3類:網(wǎng)上社區(qū)/討論/郵件列表;第4類:計算機技術(shù);第5類:網(wǎng)頁/網(wǎng)站開發(fā);第6類:娛樂網(wǎng)站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續(xù)細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力,沒有創(chuàng)作熱情,很難設(shè)計制作出優(yōu)秀的作品。對于內(nèi)容主題的選擇,要做到小而精,主題定位要小,內(nèi)容要精。不要去試圖制作一個包羅萬象的站點,這往往會失去網(wǎng)站的特色,也會帶來高強度的勞動,給網(wǎng)站的及時更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一,沒有第二! [編輯本段]要領(lǐng)二:選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。
一個非產(chǎn)品推銷的純信息服務網(wǎng)站,其所有建設(shè)的價值,都凝結(jié)在其網(wǎng)站域名之上。失去這個域名,就將前功盡廢 目前,做個人網(wǎng)站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網(wǎng)易的虛擬域名服務,其實這對個人網(wǎng)站的推廣與發(fā)展很為不利,不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網(wǎng)站,而且也妨礙了網(wǎng)頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網(wǎng)站的第一筆財富,要把域名起得形象、簡單、易記。[編輯本段]要領(lǐng)四:確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象,往往決定著網(wǎng)站的可看性,在確定網(wǎng)站的界面時要注意以下三點: ?、贆谀颗c板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文,首先要列出提綱,才能主題明確、層次清晰。網(wǎng)站建設(shè)初學者,最容易犯的錯誤就是:確定題材后立刻開始制作,沒有進行合理規(guī)劃。從而導致網(wǎng)站結(jié)構(gòu)不清晰,目錄龐雜混亂,板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂,制作者自己在擴充和維護網(wǎng)站也相當困難。所以,我們在動手制作網(wǎng)頁前,一定要考慮好欄目和板塊的編排問題。網(wǎng)站的題材確定后,就要將收集到的資料內(nèi)容作一個合理的編排。比如,將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索引,索引應該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是: ●盡可能刪除那些與主題無關(guān)的欄目; ●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上; ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內(nèi)容,如站點簡介、版權(quán)信息、個人信息等大可不必放在主欄目里,以免沖淡主題。另外,板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET硅谷動力(www.enet.com.cn)的站點分新聞、產(chǎn)品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內(nèi)容較少,只要分個欄目也就夠了,不需要設(shè)置板塊。如果有必要設(shè)置板塊的,應該注意: ●各板塊要有相對獨立性; ●各板塊要有相互關(guān)聯(lián); ●各板塊的內(nèi)容要圍繞站點主題; ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如:在用Frontpage建立網(wǎng)站時都默認建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題,大多數(shù)站長都是未經(jīng)規(guī)劃,隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞,對瀏覽者來說并沒有什么太大的感覺,但是對于站點本身的維護,以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細安排,比如: ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關(guān)聯(lián)的文件,影響工作效率;上傳速度變慢,服務器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那么即使只上傳更新一個文件,服務器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長?!癜礄谀績?nèi)容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內(nèi)容較多,需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強,不需要經(jīng)常更新的欄目,例如:網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內(nèi)容也最好放在一個目錄下,便于維護管理?!裨诿總€主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網(wǎng)址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便于記憶;盡量使用意義明確的目錄,以便于記憶和管理。網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。
一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點并不是分布在一個平面上,而是存在于一個立體的空間中。一般的,建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式: ●樹狀鏈接結(jié)構(gòu)(一對一),這類似DOS的目錄結(jié)構(gòu),首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明分雷約涸謔裁次恢?,矒Q帷安恢碓諍未Α保卿佬實?,一个栏目下的子页脣箶図一个栏目下的子页脣偓眳Q牖氐絞滓吃俳小? ●星狀鏈接結(jié)構(gòu)(一對多),類似網(wǎng)絡(luò)服務器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由于鏈接太多,容易使瀏覽者迷路,搞不清自己在什么位置,看了多少內(nèi)容。因此,在實際的網(wǎng)站設(shè)計中,總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結(jié)構(gòu),一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計,在實際的網(wǎng)頁制作中是非常重要一環(huán),采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。③進行形象設(shè)計 網(wǎng)站的設(shè)計可以從以下幾點出發(fā): ●設(shè)計網(wǎng)站標志(LOGO)。LOGO是指網(wǎng)站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設(shè)計創(chuàng)意應當來自網(wǎng)站的名稱和內(nèi)容。比如:網(wǎng)站內(nèi)有代表性的人物、動物、植物,可以用它們作為設(shè)計的藍本,加以卡通化或者藝術(shù)化;專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志,采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志?!裨O(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊,不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪問者的情緒?!皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩,要用于網(wǎng)站的標志,標題,主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網(wǎng)站的標準色彩不超過3種,太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。●設(shè)計網(wǎng)站字體。和標準色彩一樣,標準字體是指用于標志,標題,主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風格,可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那么辛苦設(shè)計制作便可能付之東流了?!裨O(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心,或者是網(wǎng)站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站,進行對外宣傳,可以收到比較好的結(jié)果。[編輯本段]要領(lǐng)五:確定網(wǎng)站風格 “風格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素,網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術(shù)、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的,這就形成了網(wǎng)站的“風格”。風格是有人性的,通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執(zhí)著熱情的;是活潑易變的,還是墨守成規(guī)的??傊?,有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于:在普通網(wǎng)站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識,比如站點的品位,對瀏覽者的態(tài)度等。在明確自己想給人以怎樣的印象后,要找出網(wǎng)站中最有特色的東西,就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳??傊?,風格的形成不是一次定位的,你可以在實踐中不斷強化、調(diào)整、改進。[編輯本段]要領(lǐng)六:有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意,作為網(wǎng)頁設(shè)計制作者,最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站,如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,網(wǎng)站設(shè)計制作者也應當放棄這個創(chuàng)意。另外,主頁內(nèi)容是網(wǎng)站的根本之所在,如果內(nèi)容空洞,即使頁面制作地再怎樣精美,仍然不會有多少用戶。從根本上說,網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量,內(nèi)容為王(Content Is King)依然是個人網(wǎng)站成功的關(guān)鍵。[編輯本段]要領(lǐng)七:推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位,在推廣個人網(wǎng)站之前,請確保已經(jīng)做好了以下內(nèi)容:網(wǎng)站信息內(nèi)容豐富、準確、及時;網(wǎng)站技術(shù)具有一定專業(yè)水準,網(wǎng)站的交互性能良好。一般來說,網(wǎng)站的推廣有以下幾種方式:
(1)搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網(wǎng)址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內(nèi)容的Main頁面。而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址,以保證收錄網(wǎng)站的質(zhì)量,在分類查詢時獲得的信息相關(guān)性比搜索引擎站點(靠Spider自動搜索的)更強。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多,因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網(wǎng)址提交到最合適的目錄下面,要認真詳細的介紹網(wǎng)站,千萬不要有虛假、夸張的成分。
(2)廣告交換技巧 很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗,當與一個個人站點交換鏈接時,對方把網(wǎng)站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那里。通常在首頁,廣告交換才會有很好的效果。
(3)目標電子郵件推廣 使用電子郵件宣傳網(wǎng)址時,主要有如下技巧:可以使用免費郵件列表來進行,只要你申請了免費郵件列表服務,你就可以利用郵件列表來推廣你的網(wǎng)站;可以通過收集的特定郵件地址,來發(fā)送信息到特定的網(wǎng)絡(luò)群體,在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站;發(fā)送HTML格式的郵件,即使其內(nèi)容與接收者關(guān)系不大,也不會被被當作垃圾信件馬上刪掉,人們至少會留意一下發(fā)送者的地址。不過,在進行郵件推廣的時候要注意網(wǎng)絡(luò)道德。[編輯本段]要領(lǐng)八:支撐網(wǎng)站日常運行 當個人網(wǎng)站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網(wǎng)站獲取資金通常有以下兩個渠道:
(1)銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位,一般來說,每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性,以往的廣告經(jīng)驗,技術(shù)以及設(shè)計要求等也會影響到廣告的銷售。一般來說,WEB廣告的收費有3種方式: ?、貱PM (Cost Per Million/Thousand) 放一個廣告,它按每1,000人次來訪問站點收費。這方法對網(wǎng)站經(jīng)營者最為合適,只要有人瀏覽該網(wǎng)頁,就得錢,不管訪問者對廣告有無反應——是否會看或點擊該廣告。②點透(Click-through) 通過Banner廣告點到了廣告商的站點,這才算數(shù),廣告商青睞這個,他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了,據(jù)一些調(diào)查資料表明,只有3%的訪問者會去“CLICK”廣告。③提成 (Commission) 根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對于網(wǎng)站的經(jīng)營者來說,比上面兩個都更加冒險。通常的,個人網(wǎng)站的廣告收費方法往往是第一、第二種方法的結(jié)合,站點和廣告商都可少冒點險。
(2)與大型網(wǎng)站合作 另外,通過與大型網(wǎng)站合作,獲取經(jīng)費,也可以維持個人網(wǎng)站的日常運行。不過,個人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。有時間和充沛的體力,再加上對新技術(shù)和技巧的學習和應用,你就能為自己在網(wǎng)上建一個家了。[編輯本段]如何進行用戶體驗式的網(wǎng)頁制作 1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點 使用JavaScript實現(xiàn)頁面加載完成后立即自動聚焦(focus)到第一個輸入控件。可用TAB鍵(IE缺省實現(xiàn))或方向鍵切換聚焦到下一個輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的 不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標動作提示和回應 對用戶的鼠標定位操作,當移動到可響應的位置上時,應給予視覺或聽覺的提示。
4.盡可能早的在客戶端完成輸入數(shù)據(jù)合法性驗證 輸入數(shù)據(jù)的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在服務器端完成,否則驗證工作應在最早能完成的情況下進行。
5.根據(jù)應用場景決定在表單頁面和提交后返回頁面間是否使用中間過渡頁面 根據(jù)應用場景,決定是否顯示接收表單頁面(表單頁面和提交后返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重復提交處理 對提交按鈕點擊后做變灰處理避免在網(wǎng)絡(luò)響應較慢情況下用戶重復提交同一個表單。使用頁面過期失效避免用戶后退瀏覽重復提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則 一般而言,首頁上鏈接可以使用target=”_blank”屬性打開新窗口,而其他頁面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內(nèi)容相對原頁面來說不重要,是附屬性質(zhì)的,可以使用彈出窗口方式。
8.盡可能少的排列可選項,盡可能少的安排操作步驟 根據(jù)用戶操作習慣安排盡可能少的操作菜單選項,同時要保證盡可能少的操作步驟。
9.操作邏輯無漏洞,保證數(shù)據(jù)是操作安全的 多個頁面間的操作和同個頁面上的多個操作間的邏輯關(guān)系在設(shè)計上是安全和嚴謹?shù)摹1WC不會出現(xiàn)不被允許的用戶操作組合,至少不會因為用戶的不適當?shù)牟僮鲗е鲁鲥e。網(wǎng)頁制作具體流程: 網(wǎng)頁設(shè)計是一個綜合性極強的工作,涉及到商業(yè)策劃、平面設(shè)計、人機界面、程序語言和數(shù)據(jù)庫等。網(wǎng)頁設(shè)計總體上分為策劃、前臺和后臺三部分。一般都是由三種不同專業(yè)的人合作完成的,一個人獨立完成的網(wǎng)站一般很難做到各方面都很專業(yè)。因此,網(wǎng)站設(shè)計一般由團隊完成。策劃是指,網(wǎng)站的整體定位、功能規(guī)劃、應用分析、流程設(shè)計和內(nèi)容架構(gòu)組織。前臺是指,網(wǎng)站頁面的設(shè)計制作,包括版式規(guī)劃、色彩應用、版面設(shè)計、切片輸出、頁面整合、動畫和多媒體設(shè)計、交互環(huán)節(jié)設(shè)計和頁面代碼編寫等。后臺是指,程序設(shè)計、數(shù)據(jù)操作、功能實現(xiàn)、管理界面和管理功能設(shè)計等。關(guān)于需要學習的知識則因你所面對的任務不同而不同。側(cè)重界面設(shè)計的,應在圖形設(shè)計和視覺創(chuàng)意上多下功夫,做頁面代碼和后臺程序則要多熟悉web標準、標記語言、內(nèi)嵌語言、腳本語言、數(shù)據(jù)庫等內(nèi)容。
網(wǎng)頁制作就是做網(wǎng)頁,主要用DW做網(wǎng)頁, 可以用DIV+CSS來布局,也可以用TABLE來布局 但要動態(tài)的就要學一種后臺語言如:ASP,JSP,PHP,ASP。NET