建設(shè)流程說明會課件

精品課程建設(shè)流程說明會主講人：楊一1精品課程建設(shè)流程說明會主講人：楊一1網(wǎng)站建設(shè)與維護(hù)興趣組培訓(xùn)一、網(wǎng)頁和網(wǎng)站的關(guān)系2二、網(wǎng)站制作的流程三、如何發(fā)布網(wǎng)站網(wǎng)站建設(shè)與維護(hù)興趣組培訓(xùn)一、網(wǎng)頁和網(wǎng)站的關(guān)系2二、網(wǎng)站制作的1、什么是網(wǎng)頁2、網(wǎng)頁的定義3、網(wǎng)頁的構(gòu)成4、網(wǎng)頁的分類5、網(wǎng)站制作的相關(guān)工具目錄3一、網(wǎng)頁和網(wǎng)站的關(guān)系1、什么是網(wǎng)頁2、網(wǎng)頁的定義3、網(wǎng)頁的構(gòu)成4、網(wǎng)頁的分類5、什么是網(wǎng)頁？網(wǎng)頁(webpage)，是網(wǎng)站中的一「頁」，通常是HTML格式（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php或.jsp等）。網(wǎng)頁的定義網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗的說，您的網(wǎng)站就是由網(wǎng)頁組成的。如果您只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁的話，您的客戶仍舊無法訪問您的網(wǎng)站。網(wǎng)頁的構(gòu)成文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。你可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容。圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、視頻、程序等等。文字資料圖像檔案Applet（在頁面內(nèi)執(zhí)行的副程式）超鏈結(jié)網(wǎng)頁的合成體為網(wǎng)站。目錄4一、網(wǎng)頁和網(wǎng)站的關(guān)系什么是網(wǎng)頁？網(wǎng)頁(webpage)，是網(wǎng)站中的一「頁」網(wǎng)站的分類？編程語言分類：asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站、A網(wǎng)站等；用途分類：門戶網(wǎng)站（綜合網(wǎng)站）、行業(yè)網(wǎng)站、娛樂網(wǎng)站等；功能分類：單一網(wǎng)站（企業(yè)網(wǎng)站）、多功能網(wǎng)站（網(wǎng)絡(luò)商城）等。持有者分類：個人網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站等。商業(yè)目的分類：營利型網(wǎng)站（行業(yè)網(wǎng)站、論壇）、非營利性型網(wǎng)站（企業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站）目錄5制作網(wǎng)站的相關(guān)工具？Dreamweaver：用與編輯HTML、ASP、JSP、PHP、javascript時的輔助工具。FLASH：網(wǎng)頁需要畫面流動時的首選擇。Photoshop：圖象處理軟件，一般網(wǎng)頁都需要有圖片相搭配，AdobePhotoshop是款很強(qiáng)大的工具。Aspmao：用于快速調(diào)試ASP網(wǎng)站程序的應(yīng)用工具。Flashfxp：發(fā)布網(wǎng)站的主要工具之一。一、網(wǎng)頁和網(wǎng)站的關(guān)系網(wǎng)站的分類？編程語言分類：asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站1、確定網(wǎng)站的主題2、確定網(wǎng)站的配色方案3、整理網(wǎng)站素材和內(nèi)容4、制定網(wǎng)站欄目和布局5、策劃網(wǎng)站并制作網(wǎng)頁及調(diào)試目錄6二、網(wǎng)站制作的流程1、確定網(wǎng)站的主題2、確定網(wǎng)站的配色方案3、整理網(wǎng)站素材和內(nèi)目錄62.1確定網(wǎng)站的主題確定網(wǎng)站的主題,一般來說是確定網(wǎng)站的類型，如個人網(wǎng)站、新聞網(wǎng)站、游戲網(wǎng)站、房產(chǎn)網(wǎng)站、教育網(wǎng)站等，不同的網(wǎng)站，其確定的主題都有一定的歸屬，網(wǎng)頁制作者設(shè)計網(wǎng)頁創(chuàng)建網(wǎng)站時，都應(yīng)該根據(jù)網(wǎng)站的類型來制作。主題是目標(biāo)、內(nèi)容是根本，一個成功的網(wǎng)站在內(nèi)容方面必須緊扣在主題的范圍之內(nèi)，才能不脫離網(wǎng)頁設(shè)計和制作的技術(shù)軌道。所以，確定網(wǎng)站的主題是制作網(wǎng)頁、創(chuàng)建網(wǎng)站的第一步，也是網(wǎng)站制作的關(guān)鍵。確定網(wǎng)站的主題可以從以下幾方面來定位：（1）主題定位要準(zhǔn)確（2）主題要小而精（3）題材最好是自己擅長或者喜愛的內(nèi)容（4）題材不要太濫或者目標(biāo)太高目錄62.1確定網(wǎng)站的主題確定網(wǎng)站的主題,一目錄62.2確定網(wǎng)站的配色方案色彩搭配既是一項(xiàng)技術(shù)性工作，同時也是一項(xiàng)藝術(shù)性很強(qiáng)的工作，因此，設(shè)計者在設(shè)計網(wǎng)頁時除了考慮網(wǎng)站本身的特點(diǎn)外，還要遵循一定的藝術(shù)規(guī)律，從而設(shè)計出色彩鮮明、風(fēng)格獨(dú)特的網(wǎng)站。以下是一些色彩搭配的方法和技巧：

2.2.1網(wǎng)頁色彩搭配的原理

2.2.2網(wǎng)頁色彩搭配的技巧2.2.3網(wǎng)頁色彩如何分配目錄62.2確定網(wǎng)站的配色方案色彩搭配既是一項(xiàng)技目錄62.2.1網(wǎng)頁色彩的搭配原理色彩選用，是展現(xiàn)網(wǎng)站的風(fēng)格的重要手段之一。要學(xué)習(xí)色彩的選用，首先要了解黑白灰色彩的應(yīng)用，因?yàn)楹诎谆沂侨f能色，可以跟任意一種色彩搭配。當(dāng)使用者為某種色彩的搭配苦惱的時候，不防試試用黑白灰。或者當(dāng)使用者覺得兩種色彩的搭配不協(xié)調(diào)時，試試加入黑色或者灰色，或許會收到意想不到的效果。對一些明度較高的網(wǎng)站配以黑色，可以適當(dāng)?shù)亟档推涿鞫?。白色是網(wǎng)站用的最普通的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個組成部分。這就是留白藝術(shù)。很多設(shè)計類網(wǎng)站會較多的運(yùn)用此種方式。留白，給人一個遐想的空間，讓人覺得心情舒暢。恰當(dāng)?shù)牧舭讓τ趨f(xié)調(diào)頁面的均衡起到相當(dāng)大的作用。對于色彩搭配要注意以下幾點(diǎn)：色彩鮮明：網(wǎng)頁的色彩要鮮明，容易引人注目。色彩獨(dú)特：要有與眾不同的色彩，或是點(diǎn)睛之筆，使得大家對網(wǎng)頁的印象強(qiáng)烈。色彩合適：色彩和想表達(dá)的內(nèi)容氣氛相適合、協(xié)調(diào)。色彩聯(lián)想：不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，莊重，紅色想到喜事等，選擇色彩要和網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。總之一切色彩調(diào)和,都離不開色輪，色輪

是搭配色彩的基本工具。目錄62.2.1網(wǎng)頁色彩的搭配原理色彩選用，是展現(xiàn)網(wǎng)站的風(fēng)目錄62.2.1網(wǎng)頁色彩的搭配原理色環(huán)色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過度漸變呈現(xiàn)出來的不同顏色，就可以得到一個色彩環(huán)。色環(huán)通常包括12種不同的顏色。十二色相環(huán)每一色相間距為30度?！鲈?/p>

也叫"三原色"。即紅、黃、藍(lán)三種基本顏色。自然界中的色彩種類繁多，變化豐富，但這三種顏色卻是最基本的原色，原色是其他顏色調(diào)配不出來的。除白色外，把三原色相互混合，可以調(diào)和出其他種顏色。

根據(jù)三原色的特性做出相應(yīng)的色彩搭配，有最迅速最有力最強(qiáng)烈的傳達(dá)視覺信息效果。

■間色：

又叫"二次色"。它是由三原色調(diào)配出來的顏色，是由2種原色調(diào)配出來的。紅與黃調(diào)配出橙色；黃與藍(lán)調(diào)配出綠色；紅與藍(lán)調(diào)配出紫色，橙、綠、紫三種顏色又叫"間色"。在調(diào)配時，由于原色在份量多少上有所不同，所以能產(chǎn)生豐富的間色變化。

■復(fù)色：

也叫“復(fù)合色”。復(fù)色是由原色與間色相調(diào)而成的“三次色”，復(fù)色是純度最低，含灰色成份。復(fù)色包括了除原色和間色以外的所有顏色。將一種原色和一種二次色組合，可得到一種三次色●紅+橙→朱紅●橙+黃→琥珀●黃+綠→黃綠●綠+藍(lán)→碧綠●藍(lán)+紫→靛青●紫+紅→紫紅目錄62.2.1網(wǎng)頁色彩的搭配原理色環(huán)色環(huán)是色彩按紅、黃目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：

是廣義上的對比色。在色環(huán)上劃直徑，正好相對（即距離最遠(yuǎn)）的兩種色彩互為補(bǔ)色。如：紅色是綠色的補(bǔ)色；橙色是藍(lán)色的補(bǔ)色；黃色是紫色的補(bǔ)色。

補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對比。■鄰近色：

是在色環(huán)上任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系，只是范圍縮小了一點(diǎn)。例如紅色和黃色，綠色和藍(lán)色，互為鄰近色。

■同類色：

比鄰近色更加接近的顏色，它主要指在同一色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、桔紅等等種類，黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區(qū)別。它起到色彩調(diào)和統(tǒng)一，又有微妙變化的作用。

■暖色：

指的是紅、橙、黃、這類顏色。暖色系的飽和度越高，其溫暖特性越明顯?？梢源碳と说呐d奮性，使體溫有所升高。

■冷色：

指的是綠、青、藍(lán)、紫等顏色，冷色系亮度越高，其特性越明顯。能夠使人的心情平靜，清爽，恬雅目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：

是廣義上目錄62.2.1網(wǎng)頁色彩的搭配原理■間色：間色是由三原色中的兩原色調(diào)配而成的，因此在視覺刺激的強(qiáng)度相對三原色來說緩和不少。屬于較易搭配之色。

間色盡管是二次色，但仍有很強(qiáng)的視覺沖擊力，容易帶來輕松、明快、愉悅的氣氛。目錄62.2.1網(wǎng)頁色彩的搭配原理■間色：間色是由三原色目錄62.2.1網(wǎng)頁色彩的搭配原理■復(fù)色：復(fù)色是由兩種間色或原色與間色混合而成，因此色相傾向較微妙、不明顯，視覺刺激度緩和，如果搭配不當(dāng)，頁面便呈現(xiàn)易臟或易灰朦朦的效果，沉悶、壓抑之感，屬于不好搭配之色。但有時復(fù)色加深色搭配能很好的表達(dá)神秘感、縱深感空間感；明度高的多復(fù)色（參看明度的網(wǎng)頁例圖）多用來表示寧靜柔和、細(xì)膩的情感，易于長時間的瀏覽。目錄62.2.1網(wǎng)頁色彩的搭配原理■復(fù)色：復(fù)色是由兩種間目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：補(bǔ)色最能傳達(dá)強(qiáng)烈、個性的情感。純度稍低的綠色為背景的大面積使用，對比并突出了前景純度明度較高的、面積較小的紅色圖形，形成了視覺中心重點(diǎn)突出，達(dá)到主次分明的主題效果。

紅綠、橙藍(lán)、黃紫這三組補(bǔ)色中，前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的，可以用兩個字來概括——強(qiáng)烈！

目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：補(bǔ)色最能傳達(dá)強(qiáng)目錄62.2.1網(wǎng)頁色彩的搭配原理■鄰近色：由于是相鄰色系，視覺反差不大，統(tǒng)一、調(diào)和，形成協(xié)調(diào)的視覺韻律美，相較顯得安定、穩(wěn)重的同時不失活力，是一種恰到好處的配色類型。目錄62.2.1網(wǎng)頁色彩的搭配原理■鄰近色：由于是相鄰目錄6■同類色：第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調(diào)和統(tǒng)一。只運(yùn)用同類色系配色，是十分謹(jǐn)慎穩(wěn)妥的做法，但是有時會有單調(diào)感。添加少許相鄰或?qū)Ρ壬?，可以體現(xiàn)出頁面的活躍感和強(qiáng)度。2.2.1網(wǎng)頁色彩的搭配原理目錄6■同類色：第一眼看上去給人溫柔、雅致、安寧的心理感目錄62.2.1網(wǎng)頁色彩的搭配原理■暖色：高明度高純度的色彩搭配，把頁面表達(dá)得鮮艷炫目，有非常強(qiáng)烈刺激的視覺表現(xiàn)力。

充分體現(xiàn)了暖色系的飽和度越高，其溫暖特性越明顯的性格。目錄62.2.1網(wǎng)頁色彩的搭配原理■暖色：高明度高純度的目錄62.2.1網(wǎng)頁色彩的搭配原理■冷色：冷色系的亮度越高，其特性越明顯。單純冷色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系，是設(shè)計中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。目錄62.2.1網(wǎng)頁色彩的搭配原理■冷色：冷色系的亮度越目錄62.2.2網(wǎng)頁色彩的搭配技巧首先，一個網(wǎng)站如果只使用一種顏色，會讓人感覺單調(diào)、乏味；但是如果將所有的顏色都運(yùn)用到網(wǎng)站中，也會適得其反，讓人感覺輕浮、花哨。一個網(wǎng)站必須有一種或者兩種主題色，所以確定網(wǎng)站的主題色是設(shè)計者必須考慮的問題之一。在網(wǎng)頁設(shè)計上，一個頁面盡量不要超過4種顏色，用太多的顏色會讓人覺得沒有側(cè)重。當(dāng)主題色確定以后，考慮其他配色時，一定要考慮其他配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外要考慮哪種因素占主要的地位，是明度、純度還是色相。以下是幾種快速找到網(wǎng)頁色彩搭配的最佳方案：使用同一色系這里是指選定一種色彩，然后調(diào)整透明度或者飽和度，產(chǎn)生新的色彩，用于網(wǎng)頁的不同位置，這樣的頁面看起來色彩統(tǒng)一，又有層次感。巧用對比色先選定一種色彩，然后選擇它的對比色，并調(diào)整一下飽和度找一款和諧的對比色，使整個頁面色彩豐富但不花哨。使用相近色簡單的說就是用一個感覺的色彩，例如淡藍(lán)、淡黃、淡綠；或者土黃、土灰、土藍(lán)。用黑、白或灰搭配一種色彩黑、白或灰色基本可以和任何一種色彩相搭配，不會讓人覺得突兀，讓人感覺比較和諧。有時候又可以配出很“跳”的感覺，如黑色背景配紅色的文字。在網(wǎng)頁中，有以下忌諱：網(wǎng)頁中的色彩要控制在四種以內(nèi)；背景和前文的對比盡量要大，絕對不要用花紋繁復(fù)的圖案作背景。目錄62.2.2網(wǎng)頁色彩的搭配技巧首先，一個網(wǎng)站如果只使用目錄62.2.2網(wǎng)頁色彩的搭配技巧同一色系色環(huán)上45度以內(nèi)的2個顏色就是—同類色取任何一種顏色加黑加白或加灰，而形成的色彩，所構(gòu)成的一系列色系稱為同色系。它們色相的性質(zhì)相同。但色度有深淺之分。（同色系在配色上是一種穩(wěn)定，溫和的組合，其特點(diǎn)是主調(diào)柔和含蓄、有親和力、有層次感。目錄62.2.2網(wǎng)頁色彩的搭配技巧同一色系色環(huán)上45度以內(nèi)目錄62.2.2網(wǎng)頁色彩的搭配技巧巧用對比色在色相環(huán)中處于120度到150度之間的任何兩個原色，它們對比強(qiáng)烈，對比色在運(yùn)用中給人以活潑、明快的感覺。能使色彩達(dá)到最鮮明的程度，并產(chǎn)生強(qiáng)烈的刺激感。目錄62.2.2網(wǎng)頁色彩的搭配技巧巧用對比色在色相環(huán)中處于目錄62.2.2網(wǎng)頁色彩的搭配技巧使用相近色色環(huán)上90度以內(nèi)的2個顏色就是——相近色通常色與色之間是你中有我，我中有你。雖然在色相上差別很大，但在視覺上卻比較接近，色與色之間可以很好的相互融合，展現(xiàn)和諧的效果。目錄62.2.2網(wǎng)頁色彩的搭配技巧使用相近色色環(huán)上90度以目錄6黑、白或灰搭配一種色彩2.2.2網(wǎng)頁色彩的搭配技巧黑色：深沉，莊重，具有神秘之感，灰色：高雅，簡樸，使人有現(xiàn)實(shí)感，白色：明快，無瑕，表純潔之感目錄6黑、白或灰搭配一種色彩2.2.2網(wǎng)頁色彩的搭配技巧黑目錄62.2.3網(wǎng)頁色彩如何分配背景和文字LOGO和BANNER導(dǎo)航、小標(biāo)題鏈接顏色的設(shè)置(如果是企業(yè)網(wǎng)站，而且該企業(yè)又有自己的視覺識別系統(tǒng)，一般會要求用本企業(yè)的VI系統(tǒng)顏色來定義網(wǎng)站的主、輔色調(diào)。)目錄62.2.3網(wǎng)頁色彩如何分配背景和文字目錄62.3整理網(wǎng)站的素材和內(nèi)容網(wǎng)站內(nèi)容的電子文檔網(wǎng)站所需的圖片網(wǎng)站欄目的大體規(guī)劃企業(yè)的LOGO（企業(yè)標(biāo)志）(如果是企業(yè)網(wǎng)站，上述材料客戶都會事先準(zhǔn)備好，交給相關(guān)業(yè)務(wù)人員，再由業(yè)務(wù)員轉(zhuǎn)交給網(wǎng)站設(shè)計師。)目錄62.3整理網(wǎng)站的素材和內(nèi)容網(wǎng)站內(nèi)容的電子文檔目錄62.4制定網(wǎng)站欄目和布局根據(jù)網(wǎng)站要求確定網(wǎng)站欄目(一般情況下業(yè)務(wù)人員會提前和客戶制定好)

常用的幾種網(wǎng)頁布局形式上下布局結(jié)構(gòu)左右布局結(jié)構(gòu)左中右布局結(jié)構(gòu)半包圍布局結(jié)構(gòu)網(wǎng)站拓?fù)鋱D目錄62.4制定網(wǎng)站欄目和布局根據(jù)網(wǎng)站要求確定網(wǎng)站欄目(目錄62.4制定網(wǎng)站欄目和布局上下布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局上下布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局左右布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局左右布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局左中右布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局左中右布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局半包圍布局結(jié)構(gòu)目錄62.4制定網(wǎng)站欄目和布局半包圍布局結(jié)構(gòu)目錄62.5策劃網(wǎng)站并制作網(wǎng)頁及調(diào)試確定主題決定網(wǎng)頁風(fēng)格網(wǎng)頁布局制作的技巧向布局完成的表格中添加內(nèi)容網(wǎng)頁的制作過程中的調(diào)試草圖實(shí)際效果目錄62.5策劃網(wǎng)站并制作網(wǎng)頁及調(diào)試確定主題決定網(wǎng)頁風(fēng)格草3.1、申請域名、空間3.2、上傳網(wǎng)站內(nèi)容3.3、輸入網(wǎng)址，瀏覽網(wǎng)站內(nèi)容目錄6三、如何發(fā)布網(wǎng)站3.1、申請域名、空間3.2、上傳網(wǎng)站內(nèi)容3.3、輸入網(wǎng)址，目錄63.1申請域名、空間如果網(wǎng)頁制作完了，就去互聯(lián)網(wǎng)域名空間服務(wù)商的網(wǎng)站上申請你自己的域名和空間，當(dāng)然這是要付費(fèi)的。如果是個人網(wǎng)站的話，也可以申請免費(fèi)的空間和免費(fèi)的二級域名。申請完后空間服務(wù)商會給你一個IP地址，就是你自己的服務(wù)器IP，還有你自己為該網(wǎng)站申請的用戶名和密碼。收費(fèi)空間：中國萬網(wǎng)新網(wǎng)數(shù)據(jù)中國等免費(fèi)空間：3v.cm

等目錄63.1申請域名、空間如果網(wǎng)頁制作完了，就去互聯(lián)網(wǎng)域名目錄63.2上傳網(wǎng)站內(nèi)容目錄63.2上傳網(wǎng)站內(nèi)容目錄63.3輸入網(wǎng)址瀏覽網(wǎng)站輸入網(wǎng)址，瀏覽我們發(fā)布的網(wǎng)站。目錄63.3輸入網(wǎng)址瀏覽網(wǎng)站幻燈片結(jié)束！謝謝大家！建設(shè)流程說明會精品課程建設(shè)流程說明會主講人：楊一1精品課程建設(shè)流程說明會主講人：楊一1網(wǎng)站建設(shè)與維護(hù)興趣組培訓(xùn)一、網(wǎng)頁和網(wǎng)站的關(guān)系2二、網(wǎng)站制作的流程三、如何發(fā)布網(wǎng)站網(wǎng)站建設(shè)與維護(hù)興趣組培訓(xùn)一、網(wǎng)頁和網(wǎng)站的關(guān)系2二、網(wǎng)站制作的1、什么是網(wǎng)頁2、網(wǎng)頁的定義3、網(wǎng)頁的構(gòu)成4、網(wǎng)頁的分類5、網(wǎng)站制作的相關(guān)工具目錄3一、網(wǎng)頁和網(wǎng)站的關(guān)系1、什么是網(wǎng)頁2、網(wǎng)頁的定義3、網(wǎng)頁的構(gòu)成4、網(wǎng)頁的分類5、什么是網(wǎng)頁？網(wǎng)頁(webpage)，是網(wǎng)站中的一「頁」，通常是HTML格式（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php或.jsp等）。網(wǎng)頁的定義網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗的說，您的網(wǎng)站就是由網(wǎng)頁組成的。如果您只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁的話，您的客戶仍舊無法訪問您的網(wǎng)站。網(wǎng)頁的構(gòu)成文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。你可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容。圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、視頻、程序等等。文字資料圖像檔案Applet（在頁面內(nèi)執(zhí)行的副程式）超鏈結(jié)網(wǎng)頁的合成體為網(wǎng)站。目錄4一、網(wǎng)頁和網(wǎng)站的關(guān)系什么是網(wǎng)頁？網(wǎng)頁(webpage)，是網(wǎng)站中的一「頁」網(wǎng)站的分類？編程語言分類：asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站、A網(wǎng)站等；用途分類：門戶網(wǎng)站（綜合網(wǎng)站）、行業(yè)網(wǎng)站、娛樂網(wǎng)站等；功能分類：單一網(wǎng)站（企業(yè)網(wǎng)站）、多功能網(wǎng)站（網(wǎng)絡(luò)商城）等。持有者分類：個人網(wǎng)站、商業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站等。商業(yè)目的分類：營利型網(wǎng)站（行業(yè)網(wǎng)站、論壇）、非營利性型網(wǎng)站（企業(yè)網(wǎng)站、政府網(wǎng)站、教育網(wǎng)站）目錄5制作網(wǎng)站的相關(guān)工具？Dreamweaver：用與編輯HTML、ASP、JSP、PHP、javascript時的輔助工具。FLASH：網(wǎng)頁需要畫面流動時的首選擇。Photoshop：圖象處理軟件，一般網(wǎng)頁都需要有圖片相搭配，AdobePhotoshop是款很強(qiáng)大的工具。Aspmao：用于快速調(diào)試ASP網(wǎng)站程序的應(yīng)用工具。Flashfxp：發(fā)布網(wǎng)站的主要工具之一。一、網(wǎng)頁和網(wǎng)站的關(guān)系網(wǎng)站的分類？編程語言分類：asp網(wǎng)站、php網(wǎng)站、jsp網(wǎng)站1、確定網(wǎng)站的主題2、確定網(wǎng)站的配色方案3、整理網(wǎng)站素材和內(nèi)容4、制定網(wǎng)站欄目和布局5、策劃網(wǎng)站并制作網(wǎng)頁及調(diào)試目錄6二、網(wǎng)站制作的流程1、確定網(wǎng)站的主題2、確定網(wǎng)站的配色方案3、整理網(wǎng)站素材和內(nèi)目錄62.1確定網(wǎng)站的主題確定網(wǎng)站的主題,一般來說是確定網(wǎng)站的類型，如個人網(wǎng)站、新聞網(wǎng)站、游戲網(wǎng)站、房產(chǎn)網(wǎng)站、教育網(wǎng)站等，不同的網(wǎng)站，其確定的主題都有一定的歸屬，網(wǎng)頁制作者設(shè)計網(wǎng)頁創(chuàng)建網(wǎng)站時，都應(yīng)該根據(jù)網(wǎng)站的類型來制作。主題是目標(biāo)、內(nèi)容是根本，一個成功的網(wǎng)站在內(nèi)容方面必須緊扣在主題的范圍之內(nèi)，才能不脫離網(wǎng)頁設(shè)計和制作的技術(shù)軌道。所以，確定網(wǎng)站的主題是制作網(wǎng)頁、創(chuàng)建網(wǎng)站的第一步，也是網(wǎng)站制作的關(guān)鍵。確定網(wǎng)站的主題可以從以下幾方面來定位：（1）主題定位要準(zhǔn)確（2）主題要小而精（3）題材最好是自己擅長或者喜愛的內(nèi)容（4）題材不要太濫或者目標(biāo)太高目錄62.1確定網(wǎng)站的主題確定網(wǎng)站的主題,一目錄62.2確定網(wǎng)站的配色方案色彩搭配既是一項(xiàng)技術(shù)性工作，同時也是一項(xiàng)藝術(shù)性很強(qiáng)的工作，因此，設(shè)計者在設(shè)計網(wǎng)頁時除了考慮網(wǎng)站本身的特點(diǎn)外，還要遵循一定的藝術(shù)規(guī)律，從而設(shè)計出色彩鮮明、風(fēng)格獨(dú)特的網(wǎng)站。以下是一些色彩搭配的方法和技巧：

2.2.1網(wǎng)頁色彩搭配的原理

2.2.2網(wǎng)頁色彩搭配的技巧2.2.3網(wǎng)頁色彩如何分配目錄62.2確定網(wǎng)站的配色方案色彩搭配既是一項(xiàng)技目錄62.2.1網(wǎng)頁色彩的搭配原理色彩選用，是展現(xiàn)網(wǎng)站的風(fēng)格的重要手段之一。要學(xué)習(xí)色彩的選用，首先要了解黑白灰色彩的應(yīng)用，因?yàn)楹诎谆沂侨f能色，可以跟任意一種色彩搭配。當(dāng)使用者為某種色彩的搭配苦惱的時候，不防試試用黑白灰?；蛘弋?dāng)使用者覺得兩種色彩的搭配不協(xié)調(diào)時，試試加入黑色或者灰色，或許會收到意想不到的效果。對一些明度較高的網(wǎng)站配以黑色，可以適當(dāng)?shù)亟档推涿鞫?。白色是網(wǎng)站用的最普通的一種顏色。很多網(wǎng)站甚至留出大塊的白色空間，作為網(wǎng)站的一個組成部分。這就是留白藝術(shù)。很多設(shè)計類網(wǎng)站會較多的運(yùn)用此種方式。留白，給人一個遐想的空間，讓人覺得心情舒暢。恰當(dāng)?shù)牧舭讓τ趨f(xié)調(diào)頁面的均衡起到相當(dāng)大的作用。對于色彩搭配要注意以下幾點(diǎn)：色彩鮮明：網(wǎng)頁的色彩要鮮明，容易引人注目。色彩獨(dú)特：要有與眾不同的色彩，或是點(diǎn)睛之筆，使得大家對網(wǎng)頁的印象強(qiáng)烈。色彩合適：色彩和想表達(dá)的內(nèi)容氣氛相適合、協(xié)調(diào)。色彩聯(lián)想：不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，莊重，紅色想到喜事等，選擇色彩要和網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)?？傊磺猩收{(diào)和,都離不開色輪，色輪

是搭配色彩的基本工具。目錄62.2.1網(wǎng)頁色彩的搭配原理色彩選用，是展現(xiàn)網(wǎng)站的風(fēng)目錄62.2.1網(wǎng)頁色彩的搭配原理色環(huán)色環(huán)是色彩按紅、黃、綠、藍(lán)、紅依次過度漸變呈現(xiàn)出來的不同顏色，就可以得到一個色彩環(huán)。色環(huán)通常包括12種不同的顏色。十二色相環(huán)每一色相間距為30度?！鲈?/p>

也叫"三原色"。即紅、黃、藍(lán)三種基本顏色。自然界中的色彩種類繁多，變化豐富，但這三種顏色卻是最基本的原色，原色是其他顏色調(diào)配不出來的。除白色外，把三原色相互混合，可以調(diào)和出其他種顏色。

根據(jù)三原色的特性做出相應(yīng)的色彩搭配，有最迅速最有力最強(qiáng)烈的傳達(dá)視覺信息效果。

■間色：

又叫"二次色"。它是由三原色調(diào)配出來的顏色，是由2種原色調(diào)配出來的。紅與黃調(diào)配出橙色；黃與藍(lán)調(diào)配出綠色；紅與藍(lán)調(diào)配出紫色，橙、綠、紫三種顏色又叫"間色"。在調(diào)配時，由于原色在份量多少上有所不同，所以能產(chǎn)生豐富的間色變化。

■復(fù)色：

也叫“復(fù)合色”。復(fù)色是由原色與間色相調(diào)而成的“三次色”，復(fù)色是純度最低，含灰色成份。復(fù)色包括了除原色和間色以外的所有顏色。將一種原色和一種二次色組合，可得到一種三次色●紅+橙→朱紅●橙+黃→琥珀●黃+綠→黃綠●綠+藍(lán)→碧綠●藍(lán)+紫→靛青●紫+紅→紫紅目錄62.2.1網(wǎng)頁色彩的搭配原理色環(huán)色環(huán)是色彩按紅、黃目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：

是廣義上的對比色。在色環(huán)上劃直徑，正好相對（即距離最遠(yuǎn)）的兩種色彩互為補(bǔ)色。如：紅色是綠色的補(bǔ)色；橙色是藍(lán)色的補(bǔ)色；黃色是紫色的補(bǔ)色。

補(bǔ)色的運(yùn)用可以造成最強(qiáng)烈的對比?！鲟徑?/p>

是在色環(huán)上任一顏色同其毗鄰之色。鄰近色也是類似色關(guān)系，只是范圍縮小了一點(diǎn)。例如紅色和黃色，綠色和藍(lán)色，互為鄰近色。

■同類色：

比鄰近色更加接近的顏色，它主要指在同一色相中不同的顏色變化。例如，紅顏色中有紫紅、深紅、玫瑰紅、大紅、朱紅、桔紅等等種類，黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區(qū)別。它起到色彩調(diào)和統(tǒng)一，又有微妙變化的作用。

■暖色：

指的是紅、橙、黃、這類顏色。暖色系的飽和度越高，其溫暖特性越明顯?？梢源碳と说呐d奮性，使體溫有所升高。

■冷色：

指的是綠、青、藍(lán)、紫等顏色，冷色系亮度越高，其特性越明顯。能夠使人的心情平靜，清爽，恬雅目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：

是廣義上目錄62.2.1網(wǎng)頁色彩的搭配原理■間色：間色是由三原色中的兩原色調(diào)配而成的，因此在視覺刺激的強(qiáng)度相對三原色來說緩和不少。屬于較易搭配之色。

間色盡管是二次色，但仍有很強(qiáng)的視覺沖擊力，容易帶來輕松、明快、愉悅的氣氛。目錄62.2.1網(wǎng)頁色彩的搭配原理■間色：間色是由三原色目錄62.2.1網(wǎng)頁色彩的搭配原理■復(fù)色：復(fù)色是由兩種間色或原色與間色混合而成，因此色相傾向較微妙、不明顯，視覺刺激度緩和，如果搭配不當(dāng)，頁面便呈現(xiàn)易臟或易灰朦朦的效果，沉悶、壓抑之感，屬于不好搭配之色。但有時復(fù)色加深色搭配能很好的表達(dá)神秘感、縱深感空間感；明度高的多復(fù)色（參看明度的網(wǎng)頁例圖）多用來表示寧靜柔和、細(xì)膩的情感，易于長時間的瀏覽。目錄62.2.1網(wǎng)頁色彩的搭配原理■復(fù)色：復(fù)色是由兩種間目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：補(bǔ)色最能傳達(dá)強(qiáng)烈、個性的情感。純度稍低的綠色為背景的大面積使用，對比并突出了前景純度明度較高的、面積較小的紅色圖形，形成了視覺中心重點(diǎn)突出，達(dá)到主次分明的主題效果。

紅綠、橙藍(lán)、黃紫這三組補(bǔ)色中，前兩種使用得最頻繁。這三組補(bǔ)色搭配出的最終效果和目的，可以用兩個字來概括——強(qiáng)烈！

目錄62.2.1網(wǎng)頁色彩的搭配原理■補(bǔ)色：補(bǔ)色最能傳達(dá)強(qiáng)目錄62.2.1網(wǎng)頁色彩的搭配原理■鄰近色：由于是相鄰色系，視覺反差不大，統(tǒng)一、調(diào)和，形成協(xié)調(diào)的視覺韻律美，相較顯得安定、穩(wěn)重的同時不失活力，是一種恰到好處的配色類型。目錄62.2.1網(wǎng)頁色彩的搭配原理■鄰近色：由于是相鄰目錄6■同類色：第一眼看上去給人溫柔、雅致、安寧的心理感受，便可知該組同類色系非常調(diào)和統(tǒng)一。只運(yùn)用同類色系配色，是十分謹(jǐn)慎穩(wěn)妥的做法，但是有時會有單調(diào)感。添加少許相鄰或?qū)Ρ壬?，可以體現(xiàn)出頁面的活躍感和強(qiáng)度。2.2.1網(wǎng)頁色彩的搭配原理目錄6■同類色：第一眼看上去給人溫柔、雅致、安寧的心理感目錄62.2.1網(wǎng)頁色彩的搭配原理■暖色：高明度高純度的色彩搭配，把頁面表達(dá)得鮮艷炫目，有非常強(qiáng)烈刺激的視覺表現(xiàn)力。

充分體現(xiàn)了暖色系的飽和度越高，其溫暖特性越明顯的性格。目錄62.2.1網(wǎng)頁色彩的搭配原理■暖色：高明度高純度的目錄62.2.1網(wǎng)頁色彩的搭配原理■冷色：冷色系的亮度越高，其特性越明顯。單純冷色系搭配視覺感比暖色系舒適，不易造成視覺疲勞。藍(lán)色、綠色是冷色系的主要系，是設(shè)計中較常用的顏色，也是大自然之色，帶來一股清新、祥和安寧的空氣。目錄62.2.1網(wǎng)頁色彩的搭配原理■冷色：冷色系的亮度越目錄62.2.2網(wǎng)頁色彩的搭配技巧首先，一個網(wǎng)站如果只使用一種顏色，會讓人感覺單調(diào)、乏味；但是如果將所有的顏色都運(yùn)用到網(wǎng)站中，也會適得其反，讓人感覺輕浮、花哨。一個網(wǎng)站必須有一種或者兩種主題色，所以確定網(wǎng)站的主題色是設(shè)計者必須考慮的問題之一。在網(wǎng)頁設(shè)計上，一個頁面盡量不要超過4種顏色，用太多的顏色會讓人覺得沒有側(cè)重。當(dāng)主題色確定以后，考慮其他配色時，一定要考慮其他配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外要考慮哪種因素占主要的地位，是明度、純度還是色相。以下是幾種快速找到網(wǎng)頁色彩搭配的最佳方案：使用同一色系這里是指選定一種色彩，然后調(diào)整透明度或者飽和度，產(chǎn)生新的色彩，用于網(wǎng)頁的不同位置，這樣的頁面看起來色彩統(tǒng)一，又有層次感。巧用對比色先選定一種色彩，然后選擇它的對比色，并調(diào)整一下飽和度找一款和諧的對比色，使整個頁面色彩豐富但不花哨。使用相近色簡單的說就是用一個感覺的色彩，例如淡藍(lán)、淡黃、淡綠；或者土黃、土灰、土藍(lán)。用黑、白或灰搭配一種色彩黑、白或灰色基本可以和任何一種色彩相搭配，不會讓人覺得突兀，讓人感覺比較和諧。有時候又可以配出很“跳”的感覺，如黑色背景配紅色的文字。在網(wǎng)頁中，有以下忌諱：網(wǎng)頁中的色彩要控制在四種以內(nèi)；背景和前文的對比盡量要大，絕對不要用花紋繁復(fù)的圖案作背景。目錄62.2.2網(wǎng)頁色彩的搭配技巧首先，一個網(wǎng)站如果只使用目錄62.2.2網(wǎng)頁色彩的搭配技巧同一色系色環(huán)上45度以內(nèi)的2個顏色就是—同類色取任何一種顏色加黑加白或加灰，而形成的色彩，所構(gòu)成的一系列色系稱為同色系。它們色相的性質(zhì)相同。但色度有深淺之分。（同色系在配色上是一種穩(wěn)定，溫和的組合，其特點(diǎn)是主調(diào)柔和含蓄、有親和力、有層次感。目錄62.2.2網(wǎng)頁色彩的搭配技巧同一色系色環(huán)上45度以內(nèi)目錄62.2.2網(wǎng)頁色彩的搭配技巧巧用對比色在色相環(huán)中處于120度到150度之間的任何兩個原色，它們對比強(qiáng)烈，對比色在運(yùn)用中給人以活潑、明快的感覺。能使色彩達(dá)到最鮮明的程度，并產(chǎn)生強(qiáng)烈的刺激感。目錄62.2.2網(wǎng)頁色彩的搭配技巧巧用對比色在色相環(huán)中處于目錄62.2.2網(wǎng)頁色彩的搭配技巧使用相近色色環(huán)上90度以內(nèi)的2個顏色就是——相近色通常色與色之間是你中有我，我中有你。