如(rú)何自(zì)學(xué)網站建設（自(zì)學(xué)網站搭建）

今天給各位分享如(rú)何自(zì)學(xué)網站建設的(de)知識，其中也會對自(zì)學(xué)網站搭建進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

• 1、網站建設需要學(xué)習什麽
• 2、網頁設計初學(xué)者要怎樣開始學(xué)習
• 3、初學(xué)者，學(xué)習網頁制作 如(rú)何入手？從哪學(xué)起？
• 4、新手自(zì)己如(rú)何制作網頁最簡單的(de)方法
• 5、怎麽快速學(xué)習網頁設計？
• 6、怎麽快速學(xué)習網頁設計

網站建設需要學(xué)習什麽

1、html語言。首先必須要學(xué)這個，html語言又稱為(wèi)“超文本标記語言”，任何網頁的(de)顯示都要靠html語言來表達，也是構成網頁文檔的(de)主要語言。

2、服務器架設。要制作網頁就需要架設服務器來調試你做(zuò)出來的(de)網頁，有(yǒu)iis等很多種，可(kě)以在網上搜索得到。

3、css語言。css又作層疊樣式表，css大部分是自(zì)動生成的(de)，很難理(lǐ)解，需要學(xué)習基本的(de)css知識，是步入高(gāo)手的(de)必經之路。

css控制着網頁圖片、表格、文字等等內(nèi)容在我(wǒ)們(men)面前的(de)顯示樣式，比如(rú)顔色，邊框，大小等。css能夠根據不同使用者的(de)理(lǐ)解能力，簡化或者優化寫法，針對各類人群，有(yǒu)較強的(de)易讀性。

4、div+css布局。這個東西是走向專業制作的(de)必經之路，網頁元素靠它來搭建基本框架，像百度空間，QQ空間的(de)皮膚等就是利用這個來做(zuò)的(de)。

5、數據庫。走向動态網頁的(de)基礎，比如(rú)百度知道(dào)的(de)提問回答這些，都涉及數據庫的(de)讀、寫、改、删。常見的(de)數據庫有(yǒu)mysql、mssql、access等。

數據庫是所有(yǒu)軟件的(de)基礎，80%以上的(de)應用程序都涉及數據庫，而作為(wèi)網頁制作來說沒有(yǒu)必要學(xué)得很深，夠用就行(xíng)。

6、動态語言，asp，php，jsp，.net(c#等）。要操作數據庫，交互就需要動态語言，現在好多動态語言像php都有(yǒu)“框架”，用框架建站好比用活動闆房的(de)零件建房子(zǐ)，全部自(zì)己寫好比一(yī)塊一(yī)塊磚砌房子(zǐ)。

7、javascript腳本。JavaScript是一(yī)種屬于網絡的(de)腳本語言，通常是通過嵌入到HTML網頁中給網頁帶來各式各樣的(de)動态效果。

網頁裏面的(de)驗證碼，彈窗，特效等就靠它了，一(yī)個沒有(yǒu)javascript的(de)頁面基本沒有(yǒu)，這個也有(yǒu)好多的(de)框架可(kě)用，這個語言是最難的(de)，也是最強大的(de)，網頁木馬，病毒大多用這個語言。

8、平面涉及軟件。flash，photoshop等，頁面美化還要靠圖片等東西。

9、學(xué)習一(yī)種動态網頁技術

ASP是微軟公司開發的(de)代替CGI腳本程序的(de)一(yī)種應用，也是微軟公司的(de)第一(yī)個服務器側的(de)腳本引擎，能夠動态産生Web頁面。ASP可(kě)以與Web數據庫以及其它程序進行(xíng)交互，是一(yī)種簡單、方便的(de)編程工具。

擴展資料：

設計事項

一(yī)、注意超鏈接顔色與單純叙述文字的(de)顔色呈現

WWW的(de)語言—HTML允許Webpage設計者特别标明單純叙述文字與超鏈接的(de)顔色，以便豐富Webpage的(de)色彩呈現。

如(rú)果您的(de)網站充滿知識性的(de)信息，欲傳達給訪問者，建議您将網頁內(nèi)的(de)文字與超鏈接顔色，設計成較幹淨素雅的(de)色調，會較有(yǒu)利于閱讀。

純粹的(de)叙述文字采用較暗、較深的(de)顔色來呈現，超鏈接文字則以較鮮明搶眼的(de)色彩來強調，至于探訪過的(de)超鏈接則采用較低(dī)于原超鏈接亮(liàng)度的(de)顔色做(zuò)呈現。

二、測試所有(yǒu)的(de)超鏈接與導覽按鈕的(de)真實可(kě)行(xíng)性

Webpage上線之後，第一(yī)件該做(zuò)的(de)事，是逐一(yī)測試每一(yī)頁的(de)每一(yī)個超鏈接與每一(yī)個導覽按鈕的(de)真實可(kě)行(xíng)性。徹底檢驗有(yǒu)沒有(yǒu)失敗的(de)link無法鏈接到該鏈接的(de)Webpage，卻反而冒出“FileNotFound”的(de)錯誤訊号出來。

三、讓超鏈接的(de)字串長(cháng)短(duǎn)适中且走文自(zì)然

抓住能傳達主要訊息的(de)字眼當做(zuò)超鏈接的(de)錨點(anchor)，可(kě)有(yǒu)效地(dì)控制住超鏈接的(de)字串長(cháng)度，避免字串過長(cháng)(如(rú)∶整行(xíng)、整句都是錨點字串)或過短(duǎn)(如(rú)∶僅一(yī)個字當做(zuò)錨點)，而不利于讀者的(de)閱讀或點取。

四、當導覽按鈕鏈接到當前頁時

各Webpage若重複使用同一(yī)組的(de)導覽按鈕，無可(kě)避免地(dì)會産生某一(yī)導覽按鈕鏈接到當前頁的(de)情形。

為(wèi)達成界面設計的(de)一(yī)緻性，并沒有(yǒu)絕對的(de)必要性拿掉此導覽按鈕，但Webpage設計者可(kě)讓此按鈕不再具有(yǒu)超鏈接的(de)功能;或将此按鈕的(de)彩度、亮(liàng)度降低(dī)，使讀者可(kě)清楚地(dì)意識到∶這個暗設下來的(de)導覽按鈕不再具有(yǒu)超鏈接的(de)功能。

參考資料：百度百科(kē)-網頁設計師

網頁設計初學(xué)者要怎樣開始學(xué)習

網頁設計初學(xué)者應該以下面幾個步驟一(yī)次學(xué)習，便可(kě)以成為(wèi)一(yī)個普通的(de)設計者：

(1)先學(xué)美工：學(xué)習PHOTOSHOP，學(xué)習這個的(de)目的(de)是做(zuò)網頁的(de)效果圖，并且懂得将整個效果圖切割，放入網頁。

(2)學(xué)習DREAMVER這款軟件的(de)基礎知識，特别是HTML語言。

(3)通過以上學(xué)習，會做(zuò)html靜态網頁後，就應該懂得下一(yī)步怎麽學(xué)。

(4)以後會接觸到，數據庫，FLASH，網頁腳本，服務器知識等很多方面。

初學(xué)者，學(xué)習網頁制作 如(rú)何入手？從哪學(xué)起？

先學(xué)習html可(kě)以把網站制作軟件dreamweaver下到你的(de)電腦上，這樣學(xué)起來不是很吃力。你可(kě)以在網上找個dreamweaver的(de)教程先看着。如(rú)果你時間充裕的(de)話，多花點時間學(xué)學(xué)這個，最快1個月就差不多了。

再學(xué)習asp你可(kě)以買本這方面的(de)書，在配合着網上的(de)視(shì)頻教程認真學(xué)習，這個可(kě)是很重要的(de)，一(yī)定不可(kě)以馬虎。平時閑着多研究一(yī)下别人的(de)代碼，沒事時多上網看看别人的(de)網站是咋做(zuò)的(de)，不是讓你看具體內(nèi)容，要看他的(de)整體結構，風格，注意一(yī)下有(yǒu)什麽地(dì)方和(hé)其他網站有(yǒu)不同的(de)地(dì)方。asp是一(yī)門編程語言，短(duǎn)時間是不可(kě)能學(xué)的(de)很好的(de)，要有(yǒu)耐心恒心還要細心。

ps最好學(xué)一(yī)下，和(hé)dreamweaver一(yī)起學(xué)就行(xíng)了，因為(wèi)畢竟你不是專業做(zuò)平面設計的(de)會個差不多就行(xíng)。

你說你隻有(yǒu)2個月時間，那你就将dreamweaver學(xué)好asp學(xué)個一(yī)知半解，能做(zuò)到看懂别人的(de)大體上代碼說的(de)啥，會一(yī)些簡單改動就行(xíng)了，ps會一(yī)些如(rú)改變圖片尺寸，摳圖，截圖，嫁接等等。就基本能用上了，其他的(de)以後慢慢深入。

要想學(xué)好網站制作。2個月時間遠遠不夠，需要日積月累的(de)練習，思考，沒事就看看這方面的(de)內(nèi)容。最後祝你學(xué)習進步！！！

新手自(zì)己如(rú)何制作網頁最簡單的(de)方法

怎樣制作網頁？先說說目前網頁制作流行(xíng)的(de)三類作法： 一(yī)、使用像Dreamweaver、Fontpage一(yī)樣的(de)所見即所得的(de)網頁編輯軟件。Fontpage較容易些，會操作Word就會使用它。專業人士一(yī)般用Dreamweaver來做(zuò)網頁，用flash、firework等來美化網頁，有(yǒu)興趣的(de)可(kě)以下載網頁三劍客Dreamweaver、flash、firework來試試。 二、使用記事本修改網頁Html代碼，不推薦使用Fontpage等網頁編輯軟件修改的(de)原因是：很多網頁格式如(rú)果用網頁編輯軟件打開就會變形，所以直接使用記事本修改網頁Html代碼是最簡潔有(yǒu)效的(de)方法。當然可(kě)以去(qù)下載強化的(de)HTML工具更好，例如(rú)： UltraEdit。 三、其實很多現成網頁模版、網站系統已經做(zuò)好了，而我(wǒ)們(men)不必再次證明“牛頓定律”浪費我(wǒ)們(men)的(de)寶貴時間。就像PHP論壇程序現在别人做(zuò)的(de)挺好的(de)（例如(rú)Discuz!，PHPwind），我(wǒ)們(men)何苦再去(qù)編寫一(yī)個論壇程序呢(ne)？簡直是費力不讨好，并且Bug特别多。當然學(xué)習數據庫編程開發的(de)人例外。 怎麽做(zuò)網站呢(ne)？首先我(wǒ)們(men)需要了解一(yī)下網站的(de)頁面組成，網站一(yī)般包括以下幾部分： 首頁：網站的(de)門面，如(rú)同公司的(de)形象，特别注重設計和(hé)規劃。 次頁：網站的(de)主要導航結構頁面，講究風格的(de)一(yī)緻性，并于首頁呼應。 普通頁：網站主要的(de)承載信息的(de)頁面，設計要求不高(gāo)，但要求鏈接準确、文字無誤、圖文并茂，并沿襲網頁的(de)風格。 彈出頁：一(yī)般用于廣告、新聞、消息、到其他網站的(de)鏈接等等，一(yī)般用的(de)很少。 通過上面的(de)分析，我(wǒ)們(men)可(kě)以看出： 從功能上來看，首頁主要承擔着樹立企業形象（當然不僅僅是首頁）的(de)作用，次頁在導航方面起着重要的(de)作用，比如(rú)各欄目內(nèi)部主要內(nèi)容的(de)介紹，都可(kě)以在次頁中體現再進入普通頁，讓浏覽者能夠迅速了解網站各欄目的(de)主要內(nèi)容，擇其需要而浏覽，而普通頁則是主要的(de)信息頁面，也是網站的(de)最終頁面，對于大型網站，這種結構非常重要，而對于中小型企業，網站規模較小、頁面數量不多，有(yǒu)時次頁就起着普通頁的(de)作用，至于彈出頁，建議您不是必要，最好不要用。下面詳細介紹各頁面的(de)設計技巧： 一(yī)、首頁設計技巧 網站首頁是企業網上的(de)虛拟門面，在此，提醒上網的(de)企業注意自(zì)己門面的(de)設計，決不能敷衍了事、馬馬虎虎。我(wǒ)們(men)會經常看到印刷精美的(de)産品目錄或廣告，當您屢屢看到那些印有(yǒu)産品目錄或廣告的(de)精美印刷制品的(de)時候，相信您或多或少會對有(yǒu)關的(de)産品形成一(yī)種好感，即使您不會購買，也必然對這些産品形成一(yī)定程度的(de)認同。而對于設計毛糙的(de)宣傳品，您肯定會懷疑其內(nèi)容的(de)真實性，從而對其産品或服務産生質疑。好，現在說說網站的(de)設計，相信您會同意這種說法：網站的(de)頁面就好比是“無紙的(de)印刷品”。既然如(rú)此，我(wǒ)們(men)會因此而得出一(yī)個結論：精良和(hé)專業網站的(de)設計，如(rú)同制作精美的(de)印刷品，會大大刺激消費者（訪問者）的(de)購買欲望，反之，您公司所提供的(de)産品或服務将不會給消費者（訪問者）留下較好的(de)印象。值得一(yī)提的(de)是，除非您的(de)企業有(yǒu)專業的(de)網站規劃、設計人員，否則您最好找專業公司或專業人員為(wèi)您設計制作，一(yī)個優秀的(de)專業設計人員會很快明白您的(de)意圖，并根據您的(de)建站目的(de)提出建設性的(de)意見。 一(yī)般來說，網站首頁的(de)形式不外乎有(yǒu)兩種，一(yī)種是純粹的(de)形象展示型，這種類型文字信息較少，圖像信息較多，通過藝術造型和(hé)設計布局，利用一(yī)系列與公司形象和(hé)産品、服務有(yǒu)關的(de)圖像、文字信息，組成一(yī)幅生動的(de)畫面，向浏覽者展示一(yī)種形象、一(yī)個氛圍，從而吸引浏覽者進入浏覽。這需要設計者具有(yǒu)良好的(de)設計基礎和(hé)審美能力，能夠努力挖掘企業深層的(de)內(nèi)涵，展示企業文化。這種類型的(de)首頁在設計過程中一(yī)定要明确要以設計為(wèi)主導，通過色彩、布局給訪問者留下深刻的(de)印象，當然，我(wǒ)們(men)不能為(wèi)了設計而設計，我(wǒ)們(men)的(de)目的(de)是營銷，在設計過程中一(yī)定要牢記這一(yī)點！ 另一(yī)種是信息羅列型，一(yī)般的(de)大、中型企業網站和(hé)門戶網站常用的(de)方式，即在首頁中就羅列出網站的(de)主要內(nèi)容分類、重點信息、網站導航、公司信息等等，這種風格比較适合網站信息量大，內(nèi)容豐富的(de)網站，因為(wèi)是以展示信息為(wèi)主，這是的(de)設計就要在細微之處體現企業形象，建議設計人員最好仔細閱讀企業的(de)CI手冊，熟悉企業标志、吉祥物、字體及用色标準，在網站的(de)局部體現出來，往往平淡之中一(yī)個優美的(de)符合企業特點的(de)曲線就能夠給人以深刻的(de)印象，從而将企業形象印在浏覽者的(de)腦海裏。設計人員在設計過程中要注意使用這些語言符号來表達一(yī)種獨特的(de)企業信息。 網頁設計時注意事項： 1.不要花裏胡哨。 2.要有(yǒu)風格，要突出行(xíng)業的(de)特點。比如(rú)娛樂(yuè)業熱烈活潑些，政府網站則要莊重些；收藏書畫業要古樸典雅，策劃時裝業則要前衛些。 3.一(yī)張網頁一(yī)般兩屏到三屏就可(kě)以了，不要太長(cháng)，會影響你的(de)網頁打開的(de)速度。如(rú)果內(nèi)容實在太多，應該分作幾個頁面，或者分為(wèi)幾個二級欄目。 對初次建站的(de)用戶來說，制作網頁是件頭疼的(de)事情；對于由别人幫助建站的(de)用戶來說，網站的(de)後期更新維護可(kě)能更令人頭疼。缺乏專業人才及專業知識，讓大家對建站望而生畏。推薦您選購『自(zì)助建站專賣店』自(zì)助網站系統，由于不需要專業人員制作網站程序，且SOHO個人工作室不像公司那樣牽扯分享利益的(de)人多而成本高(gāo)，我(wǒ)們(men)所提供的(de)網站建設價格在市(shì)場上具有(yǒu)很強的(de)競争力。我(wǒ)們(men)更懂得每一(yī)個網站的(de)制作質量都是下一(yī)個網站的(de)廣告。三大承諾，放心選擇：“免費試用滿意後再付款”“主機(jī)空間正式付款7天內(nèi)無條件退款承諾”“100%網站及域名所有(yǒu)權”。為(wèi)進一(yī)步免除您的(de)後顧之憂，近期還計劃安裝支付寶等第三方網上支付手段，讓大家放心購買。用戶進入網站後台後，自(zì)己就可(kě)以在現有(yǒu)模闆上對網站內(nèi)容進行(xíng)更新，不用再為(wèi)如(rú)何制作網頁擔心，『自(zì)助建站專賣店』銷售數十種正版品牌建站軟件，享受自(zì)動升級服務和(hé)相關的(de)技術服務(定制模版+內(nèi)容更新)。

怎麽快速學(xué)習網頁設計？

先要了解網頁設計的(de)內(nèi)容及功能：網頁設計是根據公司、學(xué)校、政府部門、企業等單位希望向自(zì)己的(de)受衆所傳遞的(de)信息，合理(lǐ)地(dì)策劃網站功能，然後根據自(zì)己的(de)需要創建好頁面，再對頁面進行(xíng)相應的(de)美化工作。讓自(zì)己的(de)網頁能起到很好的(de)對外宣傳的(de)作用，有(yǒu)助于提升互聯網品牌形象;

了解網頁設計的(de)類别，網頁設計包括功能型網頁設計、形象型網頁設計、信息型網頁設計。學(xué)習網頁設計時，首先要對你所設計的(de)網頁類型有(yǒu)所了解，從而根據自(zì)己的(de)目的(de)，合理(lǐ)選擇不同的(de)網頁策劃、設計方案;

時刻牢記網頁設計的(de)工作目标，要注意使用更合理(lǐ)的(de)顔色、字體、圖片、樣式，對網頁頁面進行(xíng)美化，在有(yǒu)限的(de)網頁功能下，最大限度地(dì)給用戶提供更好的(de)視(shì)覺體驗;

掌握網頁設計的(de)基本理(lǐ)論，先從html語言學(xué)起，可(kě)以選擇學(xué)習html5;

如(rú)果你想學(xué)習靜态網頁制作，要先學(xué)習一(yī)些常用的(de)工具軟件，如(rú)photoshop,flash，fireworks,dreamweaver，javascript等;

如(rú)果你想學(xué)習動态網頁制作，在以上學(xué)習基礎上，還要學(xué)習php;

學(xué)習相關知識時，要根據一(yī)本教材，在網上選擇優秀的(de)教學(xué)視(shì)頻加以學(xué)習，同時一(yī)定要多動手實踐，熟能生巧，隻有(yǒu)先掌握了最基本的(de)制作技能，以後才能結合具體的(de)實例有(yǒu)效的(de)創造、創新，做(zuò)出好的(de)網頁作品;

具備以上基礎之後，在創建網頁進入實戰時，要養成良好的(de)設計習慣，做(zuò)好用戶需求分析，完成網頁功能策劃，完成頁面策劃和(hé)交互功能，美化頁面，根據用戶反饋優化設計，交付使用。

怎麽快速學(xué)習網頁設計

一(yī)、設計的(de)任務設計是一(yī)種審美活動，成功的(de)設計作品一(yī)般都很藝術化。但藝術隻是設計的(de)手段，而并

非設計的(de)任務。設計的(de)任務是要實現設計者的(de)意圖，而并非創造美。

網頁設計的(de)任務，是指設計者要表現的(de)主題和(hé)要實現的(de)功能。站點的(de)性質不同，設計的(de)

任務也不同。從形式上，可(kě)以将站點分為(wèi)以下三類。

第一(yī)類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點将為(wèi)訪問者提供大量

的(de)信息，而且訪問量較大。因此需注意頁面的(de)分割、結構的(de)合理(lǐ)、頁面的(de)優化、界面的(de)

親和(hé)等問題。

第二類是資訊和(hé)形象相結合的(de)網站，像一(yī)些較大的(de)公司、國(guó)內(nèi)的(de)高(gāo)校等。這類網站在設

計上要求較高(gāo)，既要保證資訊類網站的(de)上述要求，同時又要突出企業、單位的(de)形象。然

而就現狀上來看，這類網站有(yǒu)粗制濫造的(de)嫌疑。

第三類則是形象類網站，比如(rú)一(yī)些中小型的(de)公司或單位。這類網站一(yī)般較小，有(yǒu)的(de)則有(yǒu)

幾頁，需要實現的(de)功能也較為(wèi)簡單，網頁設計的(de)主要任務是突出企業形象。這類網站對

設計者的(de)美工水平要求較高(gāo)。

當然，這隻是從整體上來看，具體情況還要具體分析。不同的(de)站點還要區别對待。别忘

了最重要的(de)一(yī)點，那就是客戶的(de)要求，它也屬于設計的(de)任務。

明确了設計的(de)任務之後，接下來要想的(de)就是如(rú)何完成這個任務了。二、設計的(de)實現設計的(de)實現可(kě)以分為(wèi)兩個部分。第一(yī)部分為(wèi)站點的(de)規劃及草(cǎo)圖的(de)繪制，這一(yī)部分可(kě)以在

紙上完成。第二部分為(wèi)網頁的(de)制作，這一(yī)過程是在計算機(jī)上完成的(de)。

設計首頁的(de)第一(yī)步是設計版面布局。我(wǒ)們(men)可(kě)以将網頁看作傳統的(de)報刊雜志來編輯，這裏

面有(yǒu)文字、圖像乃至動畫，我(wǒ)們(men)要做(zuò)的(de)工作就是以最适合的(de)方式将圖片和(hé)文字排放在頁

面的(de)不同位置。

除了要有(yǒu)一(yī)台配置不錯的(de)計算機(jī)外，軟件也是必需的(de)。不能簡單地(dì)說一(yī)個軟件的(de)好壞，

隻要是設計者使用起來覺得方便而且能得心應手的(de)，就可(kě)以稱為(wèi)好軟件。當然，它應該

能滿足設計者的(de)要求。筆(bǐ)者常用的(de)軟件是Macromedia的(de)Dreamweaver、Fireworks、

Flash以及Adobe的(de)Photoshop、imageready，這些都是很不錯的(de)軟件。

接下來我(wǒ)們(men)要做(zuò)的(de)就是通過軟件的(de)使用，将設計的(de)藍圖變為(wèi)現實，最終的(de)集成一(yī)般是在Dreamweaver裏完成的(de)。雖然在草(cǎo)圖上，我(wǒ)們(men)定出了頁面的(de)大體輪廓，但是靈感一(yī)般都

是在制作過程中産生的(de)。設計作品一(yī)定要有(yǒu)創意，這是最基本的(de)要求，沒有(yǒu)創意的(de)設計

是失敗的(de)。在制作的(de)過程中，我(wǒ)們(men)會碰到許多問題，其中最敏感的(de)莫過于頁面的(de)顔色

了。四、造型的(de)組合在網頁設計中，我(wǒ)們(men)主要通過視(shì)覺傳達來表現主題。在視(shì)覺傳達中，造型是很重要的(de)一(yī)

個元素。抛去(qù)是圖還是文字的(de)問題，畫面上的(de)所有(yǒu)元素可(kě)以統一(yī)作為(wèi)畫面的(de)基本構成要

素點、線、面來進行(xíng)處理(lǐ)。在一(yī)幅成功的(de)作品裏，是需要點、線、面的(de)共同組合與搭配

來構造整個頁面的(de)。

通常我(wǒ)們(men)可(kě)以使用的(de)組合手法有(yǒu)秩序、比例、均衡、對稱、連續、間隔、重疊、反複、

交叉、節奏、韻律、歸納、變異、特寫、反射等等，它們(men)都有(yǒu)各自(zì)的(de)特點。在設計中應

根據具體情況，選擇最适合的(de)表現手法，這樣有(yǒu)利于主題的(de)表現。

通過點、線、面的(de)組合，可(kě)以突出頁面上的(de)重要元素，突出設計的(de)主題，增強美感，讓

觀者在感受美的(de)過程中領會設計的(de)主題，從而實現設計的(de)任務。

造型的(de)巧妙運用不僅能帶來極大的(de)美感，而且能較好地(dì)突出企業形象，而且能将網頁上

的(de)各種元素有(yǒu)機(jī)的(de)組織起來，它甚至還可(kě)以引導觀者的(de)視(shì)線。三、色彩的(de)運用色彩是一(yī)種奇怪的(de)東西，它是美麗而豐富的(de)，它能喚起人類的(de)心靈感知。一(yī)般來說，紅(hóng)

色是火的(de)顔色，熱情、奔放；也是血的(de)顔色，可(kě)以象征生命。黃色是明度最高(gāo)的(de)顔色，

顯得華麗、高(gāo)貴、明快。綠(lǜ)色是大自(zì)然草(cǎo)木的(de)顔色，意味着純自(zì)然和(hé)生長(cháng)，象征安甯和(hé)

平與安全，如(rú)綠(lǜ)色食品。紫色是高(gāo)貴的(de)象征，有(yǒu)莊重感。白色能給人以純潔與清白的(de)感

覺，表示和(hé)平與聖潔。

我(wǒ)們(men)知道(dào)，顔色是光的(de)折射産生的(de)，紅(hóng)、黃、藍是三原色，其它的(de)色彩都可(kě)以用這三種色彩調和(hé)而成。換一(yī)種思路，我(wǒ)們(men)可(kě)以用顔色的(de)變化來表現光影效果，這無疑将使我(wǒ)們(men)

的(de)作品更貼近現實。

色彩代表了不同的(de)情感，有(yǒu)着不同的(de)象征含義。這些象征含義是人們(men)思想交流當中的(de)一(yī)

個複雜問題，它因人的(de)年(nián)齡、地(dì)域、時代、民族、階層、經濟地(dì)區、工作能力、教育水

平、風俗習慣、宗教信仰、生活環境、性别差異而有(yǒu)所不同。

單純的(de)顔色并沒有(yǒu)實際的(de)意義，和(hé)不同的(de)顔色搭配，它所表現出來的(de)效果也不同。比如(rú)

綠(lǜ)色和(hé)金黃、淡白搭配，可(kě)以産生優雅，舒适的(de)氣氛。藍色和(hé)白色混合，能體現柔順、

淡雅、浪漫的(de)氣氛。紅(hóng)色和(hé)黃色、金色的(de)搭配能渲染喜慶的(de)氣氛。而金色和(hé)粟色的(de)搭配

則會給人帶來暖意。設計的(de)任務不同，配色方案也随之不同。考慮到網頁的(de)适應性，應

盡量使用網頁安全色。

但顔色的(de)使用并沒有(yǒu)一(yī)定的(de)法則，如(rú)果一(yī)定要用某個法則去(qù)套，效果隻會适得其反。經

驗上我(wǒ)們(men)可(kě)先确定一(yī)種能表現主題的(de)主體色，然後根據具體的(de)需要，應用顔色的(de)近似和(hé)

對比來完成整個頁面的(de)配色方案。整個頁面在視(shì)覺上應是一(yī)個整體，以達到和(hé)諧、悅目

的(de)視(shì)覺效果。五、設計的(de)原則

設計是有(yǒu)原則的(de)，無論使用何種手法對畫面中的(de)元素進行(xíng)組合，都一(yī)定要遵循五個大的(de)

原則：統一(yī)、連貫、分割、對比及和(hé)諧。

統一(yī)，是指設計作品的(de)整體性，一(yī)緻性。設計作品的(de)整體效果是至關重要的(de)，在設計中

切勿将各組成部分孤立分散，那樣會使畫面呈現出一(yī)種枝蔓紛雜的(de)淩亂效果。

連貫，是指要注意頁面的(de)相互關系。設計中應利用各組成部分在內(nèi)容上的(de)內(nèi)在聯系和(hé)表

現形式上的(de)相互呼應，并注意整個頁面設計風格的(de)一(yī)緻性，實現視(shì)覺上和(hé)心理(lǐ)上的(de)連貫

，使整個頁面設計的(de)各個部分極為(wèi)融洽，猶如(rú)一(yī)氣呵成。

分割，是指将頁面分成若幹小塊，小塊之間有(yǒu)視(shì)覺上的(de)不同，這樣可(kě)以使觀者一(yī)目了

然。在信息量很多時為(wèi)使觀者能夠看清楚，就要注意到将畫面進行(xíng)有(yǒu)效的(de)分割。分割不

僅是表現形式的(de)需要。換個角度來講，分割也可(kě)以被視(shì)為(wèi)對于頁面內(nèi)容的(de)一(yī)種分類歸

納。

對比就是通過矛盾和(hé)沖突，使設計更加富有(yǒu)生氣。對比手法很多，例如(rú)：多與少、曲與

直、強與弱、長(cháng)與短(duǎn)、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與醜、

聚與散等等。在使用對比的(de)時候應慎重，對比過強容易破壞美感，影響統一(yī)。

和(hé)諧是指整個頁面符合美的(de)法則，渾然一(yī)體。如(rú)果一(yī)件設計作品僅僅是色彩、形狀、線

條等的(de)随意混合，那麽作品将不但沒有(yǒu)“生命感”，而且也根本無法實現視(shì)覺設計的(de)傳

達功能。和(hé)諧不僅要看結構形式，而且要看作品所形成的(de)視(shì)覺效果能否與人的(de)視(shì)覺感受形成一(yī)種溝通，産生心靈的(de)共鳴。這是設計能否成功的(de)關鍵。　六、網頁的(de)優化在網頁設計中，網頁的(de)優化是較為(wèi)重要的(de)一(yī)個環節。它的(de)成功與否會影響頁面的(de)浏覽速

度和(hé)頁面的(de)适應性，影響觀者對網站的(de)印象。

在資訊類網站中，文字是頁面中最大的(de)構成元素，因此字體的(de)優化顯得尤為(wèi)重要。使用css樣式表指定文字的(de)樣式是必要的(de)，通常我(wǒ)們(men)将字體指定為(wèi)宋體，大小指定為(wèi)12px，

顔色要視(shì)背景色而定，原則上以能看清且與整個頁面搭配和(hé)諧為(wèi)準。在白色的(de)背景上，

我(wǒ)們(men)一(yī)般使用黑色，這樣不易産生視(shì)覺疲勞，能保證浏覽者較長(cháng)時間地(dì)浏覽網頁。

圖片是網頁中的(de)重要元素。圖片的(de)優化可(kě)以在保證浏覽質量的(de)前提下将其size降至最低(dī)

，這樣可(kě)以成倍地(dì)提高(gāo)網頁的(de)下載速度。利用Photoshop6或Fireworks4可(kě)以将圖片切

成小塊，分别進行(xíng)優化。輸出的(de)格式可(kě)以為(wèi)gif或jpeg，要視(shì)具體情況而定。一(yī)般我(wǒ)們(men)

把有(yǒu)較為(wèi)複雜顔色變化的(de)小塊優化為(wèi)jpeg，而把那種隻有(yǒu)單純色塊的(de)卡通畫式的(de)小塊優

化為(wèi)gif，這是由這兩種格式的(de)特點決定的(de)。

表格(table)是頁面中的(de)重要元素,是頁面排版的(de)主要手段。我(wǒ)們(men)可(kě)以設定表格的(de)寬度、

高(gāo)度、邊框、背景色、對齊方式等參數。很多時候，我(wǒ)們(men)将表格的(de)邊框設為(wèi)0，以此來

定位頁面中的(de)元素，或者籍此确定頁面中各元素的(de)相對位置。我(wǒ)們(men)知道(dào)：浏覽器在讀取

網頁html原代碼時，是讀完整個table才将它顯示出來的(de)。如(rú)果一(yī)個大表格中含有(yǒu)多個

子(zǐ)表格，必須等大表格讀完，才能将子(zǐ)表格一(yī)起顯示出來。我(wǒ)們(men)在訪問一(yī)些站點時，等

待多時無結果，按"停止"按鈕卻一(yī)下顯示出頁面就是這個原因。因此，我(wǒ)們(men)在設計頁面

表格的(de)時候，應該盡量避免将所有(yǒu)元素嵌套在一(yī)個表格裏，而且表格嵌套層次盡量要

少。在使用Dreamweaver制作網頁時，會自(zì)動在每一(yī)個td內(nèi)添加一(yī)個空字符“ ”。如(rú)果

單元格內(nèi)沒有(yǒu)填充其它元素，這個空字符會保留，在指定td的(de)寬度或高(gāo)度後，可(kě)以在源

代碼內(nèi)将其删去(qù)。

網頁的(de)适應性是很重要的(de)，在不同的(de)系統上，不同的(de)分辨率下，不同的(de)浏覽器上，我(wǒ)們(men)

将會看到不同的(de)結果，因此設計時要統籌考慮。一(yī)般我(wǒ)們(men)在800*600下制作網頁，最佳

浏覽效果也是在800*600分辨率下，在其它情況下隻要保證基本一(yī)緻，不出現較大問題

即可(kě)。

說了這麽多，隻是希望能對做(zuò)“網頁設計”的(de)人有(yǒu)所幫助，希望他們(men)在做(zuò)網頁的(de)時候能

夠從整體着眼，無愧于“設計”這兩個字。順便說一(yī)下，本文隻代表本人個人觀點，僅

供參考。對于網頁的(de)框架與定位,這個是很難說得清楚的(de),這要看你在做(zuò)網站時,對網站的(de)

規劃,并不能一(yī)并而論的(de),如(rú)果你沒有(yǒu)這方面的(de)經驗,就多多在網上看看别人是如(rú)何設計

的(de)吧(ba),是非常的(de)用的(de),可(kě)以把他們(men)給抓下來,做(zuò)個圖庫,方便自(zì)己設計其實看看一(yī)些設計精良的(de)網頁，會對自(zì)己有(yǒu)很大的(de)作用，

把别人的(de)網頁下載下來，再用相關的(de)軟件，進行(xíng)分析，

可(kě)以學(xué)到許多的(de)東西的(de)，是一(yī)種快捷的(de)學(xué)習方法，

但決不是COPY我(wǒ)認為(wèi)首要的(de)是突出主題

一(yī)個好的(de)網站(個人的(de)隻能算做(zuò)網頁)最首要的(de)是突出你的(de)主題,在别人搜索或訪問時首

先就看有(yǒu)沒有(yǒu)自(zì)己所需要的(de)內(nèi)容,要麽就直奔主題.然後再在主題鮮明的(de)基礎上做(zuò)好框架

設計.一(yī)個好的(de)網站要做(zuò)到層次分明,結構合理(lǐ),讓人一(yī)看就能明白你想要表達的(de)中心思

想是什麽,以及怎樣才能以以最快的(de)速度找到自(zì)己想要的(de)內(nèi)容.這兩個主要問題解決後再

在一(yī)些細節上加以潤色,就能制作出賞心悅目的(de)網站.

如(rú)何自(zì)學(xué)網站建設的(de)介紹就聊到這裏吧(ba)，感謝你花時間閱讀本站內(nèi)容，更多關于自(zì)學(xué)網站搭建、如(rú)何自(zì)學(xué)網站建設的(de)信息别忘了在本站進行(xíng)查找喔。