dreamwaver網(wǎng)頁(yè)制作第1章

網(wǎng)頁(yè)設(shè)計(jì)與制作課程知識(shí)識(shí)與就業(yè)業(yè)分析在互聯(lián)網(wǎng)網(wǎng)發(fā)展的的今天，，網(wǎng)頁(yè)已已經(jīng)成為為人們?nèi)杖粘Ｉ罨钪胁豢煽扇鄙俚牡囊徊糠址郑鴰讕缀跛杏械钠髽I(yè)業(yè)都想要要建立一一個(gè)網(wǎng)站站。網(wǎng)頁(yè)設(shè)計(jì)計(jì)與網(wǎng)站站建設(shè)也也已成為為當(dāng)今社社會(huì)上一一種非常常熱門的的技術(shù)。。課程知識(shí)識(shí)與就業(yè)業(yè)分析在最近兩兩年我們們對(duì)IT市場(chǎng)進(jìn)進(jìn)行調(diào)查查后發(fā)現(xiàn)現(xiàn)，隨著著整個(gè)社社會(huì)進(jìn)入入信息化化高速發(fā)發(fā)展的時(shí)時(shí)期，各各行各業(yè)業(yè)的企事事業(yè)單位位提供了了大量的的相關(guān)崗崗位，針針對(duì)有網(wǎng)頁(yè)設(shè)計(jì)計(jì)師、網(wǎng)絡(luò)維護(hù)護(hù)員、網(wǎng)絡(luò)管理理員、軟件工程程師、網(wǎng)站運(yùn)營(yíng)營(yíng)經(jīng)理等崗位群群。課程介紹紹《網(wǎng)頁(yè)設(shè)設(shè)計(jì)與網(wǎng)網(wǎng)站建設(shè)設(shè)》是我我院計(jì)算算機(jī)專業(yè)業(yè)的集理理論與實(shí)實(shí)踐為一一體的綜綜合應(yīng)用用課程，，主要培培養(yǎng)學(xué)生生的網(wǎng)頁(yè)頁(yè)設(shè)計(jì)與與網(wǎng)站建建設(shè)的綜綜合技能能與素質(zhì)質(zhì)，提高高學(xué)生的的職業(yè)行行為能力力。課程現(xiàn)狀狀傳統(tǒng)網(wǎng)頁(yè)頁(yè)設(shè)計(jì)教教學(xué)往往往將80％的教教學(xué)時(shí)間間都放在在工具軟軟件的使使用方法法上，結(jié)結(jié)果是雖雖然學(xué)生生都會(huì)操操作設(shè)計(jì)計(jì)工具，，而且用用得很熟熟練，但但是就是是不能獨(dú)獨(dú)立地進(jìn)進(jìn)行網(wǎng)站站規(guī)劃和和頁(yè)面設(shè)設(shè)計(jì)。即即使是完完成的作作品也達(dá)達(dá)不到應(yīng)應(yīng)有的功功能效果果和視覺(jué)覺(jué)效果。。課程內(nèi)容容上重““技術(shù)””輕“設(shè)設(shè)計(jì)”，，這樣導(dǎo)導(dǎo)致學(xué)生生不會(huì)從從全局的的角度開(kāi)開(kāi)發(fā)設(shè)計(jì)計(jì)，創(chuàng)新新意識(shí)得得不到培培養(yǎng)。課程目標(biāo)標(biāo)通過(guò)本課程的學(xué)習(xí)，使學(xué)生生了解網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)計(jì)的基本本概念和和基礎(chǔ)知知識(shí)，了了解網(wǎng)頁(yè)頁(yè)設(shè)計(jì)與與網(wǎng)站建建設(shè)流程，熟練應(yīng)用用網(wǎng)頁(yè)制制作常用用軟件，，掌握網(wǎng)頁(yè)設(shè)計(jì)計(jì)與制作作技術(shù)，，全面掌握握網(wǎng)站建建設(shè)、管管理和維維護(hù)技術(shù)術(shù)。課程目標(biāo)標(biāo)學(xué)生通過(guò)過(guò)本課程程的學(xué)習(xí)習(xí)，培養(yǎng)養(yǎng)兩個(gè)意意識(shí)，提提高兩種種能力，，即培養(yǎng)養(yǎng)了創(chuàng)新意識(shí)識(shí)和職業(yè)意識(shí)識(shí)，提高學(xué)學(xué)生的分析問(wèn)題題和解決決問(wèn)題的的能力及團(tuán)隊(duì)精神神和合作作能力；并了解解網(wǎng)站技技術(shù)和其其他學(xué)科科領(lǐng)域的的相互聯(lián)聯(lián)系和相相互促進(jìn)進(jìn)的關(guān)系系，為后后續(xù)課程程的學(xué)習(xí)習(xí)和工作作奠定理理論和實(shí)實(shí)踐基礎(chǔ)礎(chǔ)。課程內(nèi)容容課程內(nèi)容容考核方式式《網(wǎng)頁(yè)設(shè)設(shè)計(jì)與制制作》這這門課面面向培養(yǎng)養(yǎng)學(xué)生實(shí)實(shí)踐動(dòng)手手能力，，因此我我們的考考核是面面向培養(yǎng)養(yǎng)學(xué)生能能力的考考核方式式，期末末綜合成成績(jī)由以以下幾個(gè)個(gè)部分組組成：最終成績(jī)績(jī)=平時(shí)成績(jī)績(jī)+實(shí)驗(yàn)成績(jī)績(jī)+課程設(shè)計(jì)計(jì)成績(jī)+課程報(bào)告告成績(jī)按時(shí)上課課，注意意課堂紀(jì)紀(jì)律獨(dú)立完成成作業(yè)和實(shí)實(shí)驗(yàn)報(bào)告告上機(jī)課不不得做聊聊天、看電影、上網(wǎng)、、打游戲等與學(xué)習(xí)習(xí)無(wú)關(guān)的的事情課程要求求第一章網(wǎng)網(wǎng)頁(yè)頁(yè)與網(wǎng)站站基礎(chǔ)知知識(shí)網(wǎng)頁(yè)與網(wǎng)網(wǎng)站的概概念網(wǎng)頁(yè)的設(shè)設(shè)計(jì)網(wǎng)站的規(guī)規(guī)劃網(wǎng)站的開(kāi)開(kāi)發(fā)流程程1.1網(wǎng)網(wǎng)頁(yè)頁(yè)與網(wǎng)站站的概念念1.1..1Internet的的概述Internet是由由成千上上萬(wàn)個(gè)網(wǎng)網(wǎng)絡(luò)、上上億臺(tái)計(jì)計(jì)算機(jī)通通過(guò)特定定的網(wǎng)絡(luò)絡(luò)協(xié)議相相互連接接而成的的全球計(jì)計(jì)算機(jī)網(wǎng)網(wǎng)絡(luò)，是是提供信信息資源源查詢和和信息資資源共享享的全球球最大的的信息資資源平臺(tái)臺(tái)。Internet最初初并不是是為商業(yè)業(yè)性和廣廣泛使用用而設(shè)計(jì)計(jì)的。它它起源于于1969年美美國(guó)國(guó)防防部高級(jí)級(jí)研究計(jì)計(jì)劃署協(xié)協(xié)助開(kāi)發(fā)發(fā)的ARPANET。。最初是是只允許許國(guó)防部部人員進(jìn)進(jìn)入的封封閉式網(wǎng)網(wǎng)絡(luò)。到到1987年，，在美國(guó)國(guó)國(guó)家科科學(xué)基金金會(huì)的推推動(dòng)下，，將之主主要從軍軍事用途途轉(zhuǎn)向科科學(xué)研究究和民事事用途，，形成了了今天的的Internet主主干網(wǎng)雛雛形NSFNET。全全球網(wǎng)絡(luò)絡(luò)的發(fā)展展是空前前且出人人意料的的。今天天，檢查查電子郵郵件、訪訪問(wèn)喜愛(ài)愛(ài)的網(wǎng)站站這些活活動(dòng)已融融入我們們的日常常生活。。從國(guó)內(nèi)Internet的發(fā)發(fā)展現(xiàn)狀狀來(lái)看，，1994年4月，中中科院計(jì)計(jì)算機(jī)網(wǎng)網(wǎng)絡(luò)信息息中心正正式接入入Internet，，在10多年的的時(shí)間里里，中國(guó)國(guó)Internet發(fā)發(fā)生了飛飛速的發(fā)發(fā)展，截截至2011年年07月月20日日，我國(guó)國(guó)網(wǎng)民人人數(shù)達(dá)到到了4..85億億。據(jù)新華社社電,國(guó)國(guó)家互聯(lián)聯(lián)網(wǎng)信息息辦公室室日前披披露的數(shù)數(shù)據(jù)表明明，2012年年，中國(guó)國(guó)將正式式邁入““5億網(wǎng)網(wǎng)民”時(shí)時(shí)代。據(jù)國(guó)家互互聯(lián)網(wǎng)信信息辦公公室統(tǒng)計(jì)計(jì)數(shù)據(jù)，，中國(guó)手手機(jī)上網(wǎng)網(wǎng)用戶約約3.5億人，，微博注注冊(cè)用戶戶已超3億人。。而行業(yè)業(yè)機(jī)構(gòu)易易觀國(guó)際際的分析析報(bào)告則則指出，，去年中中國(guó)移動(dòng)動(dòng)互聯(lián)網(wǎng)網(wǎng)用戶規(guī)規(guī)模已達(dá)達(dá)4.3億，環(huán)環(huán)比增長(zhǎng)長(zhǎng)近50%；今今年，移移動(dòng)互聯(lián)聯(lián)網(wǎng)用戶戶數(shù)將有有可能突突破6億億，超過(guò)過(guò)互聯(lián)網(wǎng)網(wǎng)用戶數(shù)數(shù)量;網(wǎng)網(wǎng)購(gòu)用戶戶近2億億。WWW((WorldWideWeb))簡(jiǎn)稱為為Web或萬(wàn)維維網(wǎng)，客客戶端只只要通過(guò)過(guò)“瀏覽覽器”（（Browser）就就可以非非常方便便地訪問(wèn)問(wèn)Internet上上的服務(wù)務(wù)器端，，迅速地地獲得所所需的信信息。如如圖所示示。Internet瀏覽器WEB服務(wù)器HTTP網(wǎng)絡(luò)協(xié)議萬(wàn)維網(wǎng)之之父伯納斯--李于1989年在歐歐洲粒子子物理研研究所提提出了建建立一個(gè)個(gè)全球超超文本項(xiàng)項(xiàng)目———萬(wàn)維網(wǎng)網(wǎng)，以此此使人們們都能順順利地從從網(wǎng)上獲獲取并共共享信息息。1.1..3網(wǎng)網(wǎng)頁(yè)與與網(wǎng)站瀏覽器是是如何訪訪問(wèn)某個(gè)個(gè)網(wǎng)頁(yè)或或網(wǎng)站的的呢？1.1..4域名與IP地地址在Internet上上的每臺(tái)臺(tái)網(wǎng)絡(luò)設(shè)設(shè)備都要要有一個(gè)個(gè)唯一的的地址才才能被訪訪問(wèn)到，，這個(gè)地地址就是是IP地址址。IP地址址是由32bits的的二進(jìn)制制數(shù)值構(gòu)構(gòu)成，分分成4組組，轉(zhuǎn)化化為十進(jìn)進(jìn)制用點(diǎn)點(diǎn)分隔。。比如：202..207.209.200IP地址知識(shí)識(shí)為了識(shí)別別通信系系統(tǒng)上的的計(jì)算機(jī)機(jī)，需要要建立一一種普通通接受的的標(biāo)識(shí)方方法。這這就如同同通過(guò)郵郵局寄信信，信封封上必須須有收件件人的地地址，包包括國(guó)家家、城市市、街道道、門牌牌號(hào)以及及郵政編編碼。在在Internet上上定義了了兩種方方法來(lái)標(biāo)標(biāo)識(shí)網(wǎng)上上的計(jì)算算機(jī)，分分別是Internet的IP地址址和域名。Internet上的的數(shù)據(jù)能能夠發(fā)送送到目的的端的原原因是：：任何一一個(gè)連接接到Internet上的計(jì)計(jì)算機(jī)都都有一個(gè)個(gè)惟一的的網(wǎng)絡(luò)地地址。為了確保保Internet上上的每一一個(gè)網(wǎng)絡(luò)絡(luò)地址始始終是惟惟一的，，國(guó)際網(wǎng)網(wǎng)絡(luò)信息息中心組組織（InterNIC）根根據(jù)公司司網(wǎng)絡(luò)的的大小給給他們分分配了一一系列IP地址址（又稱稱為Internet地址））。IPv6簡(jiǎn)介當(dāng)前在Internet上使使用的IP地址址是在1978年確定定的協(xié)議議，它由由4段8位二進(jìn)進(jìn)制數(shù)構(gòu)構(gòu)成。由由于Internet協(xié)議的的當(dāng)時(shí)版版本號(hào)為為4，因因而稱為為“IPv4””。IPv4的的地址長(zhǎng)長(zhǎng)度是32位（（bit），理理論上可可以支持持多達(dá)1600萬(wàn)個(gè)網(wǎng)網(wǎng)絡(luò)，容容納四十十多億臺(tái)臺(tái)主機(jī)（（232=4,294,,967,296），，但由于于IP對(duì)對(duì)地址進(jìn)進(jìn)行了分分類，分分成A、、B、C等類地地址，實(shí)實(shí)際可用用的網(wǎng)絡(luò)絡(luò)數(shù)和主主機(jī)數(shù)遠(yuǎn)遠(yuǎn)小于上上述數(shù)目目。但采用A、B、、C三類類編址方式后，，可用的的網(wǎng)絡(luò)地址址和主機(jī)地址址的數(shù)目大大打折扣扣，以至至目前的的IP地地址已于于2011年2月3日日分配完完畢。其其中北美占有3//4，約約30億億個(gè)，而而人口最最多的亞亞洲只有有不到4億個(gè)，，中國(guó)截截止2010年年6月IPv4地址數(shù)數(shù)量達(dá)到到2.5億，落落后于4.2億億網(wǎng)民的的需求。。地址不不足，嚴(yán)嚴(yán)重地制制約了中中國(guó)及其其他國(guó)家家互聯(lián)網(wǎng)的應(yīng)用和和發(fā)展。。IPv6的格式式：地址長(zhǎng)度度是128位（bit），8段的16位十十六進(jìn)制制數(shù)表示示，中間用““：”來(lái)隔開(kāi)開(kāi)。比如：60A7:9BA5::FFF0:87B5:FFFF::FFF3:BAFF:88A2山西大學(xué)學(xué)商務(wù)學(xué)學(xué)院的IP地址是202..207.209.130，，表示成IPv6地址格式式是怎樣樣的呢？？0：0：：0：0：0：：0：202..207.209.130202..207.209.200200..136.154.36146..153.13.35202..207.208.8202..207.208.130202..207.208.6為了方便便大家記記住這些些IP地址，就就出現(xiàn)了了DNS..Internet的域名管管理DNS域域名系統(tǒng)統(tǒng)是一種種幫助人人們?cè)贗nternet上用用字符來(lái)來(lái)惟一識(shí)識(shí)別自己己的計(jì)算算機(jī)，并并保證主主機(jī)名（（域名））和IP地址一一一對(duì)應(yīng)應(yīng)的網(wǎng)絡(luò)絡(luò)服務(wù)。。DNS簡(jiǎn)介域名空間間Internet域名名具有層層次結(jié)構(gòu)構(gòu)。整個(gè)個(gè)Internet網(wǎng)網(wǎng)被劃分分成幾個(gè)個(gè)頂級(jí)域域。InterNIC采用兩兩種方法法進(jìn)行分分類：一一種方法法是按組組織模式式進(jìn)行劃劃分；另另一種方方法是按按地理模模式進(jìn)行行劃分。。按組織模模式進(jìn)行行劃分頂級(jí)域名名域域名類類型com商商業(yè)機(jī)構(gòu)構(gòu)edu教教育機(jī)機(jī)構(gòu)gov政政府內(nèi)內(nèi)容int國(guó)國(guó)際際組織mil軍軍事部部門net網(wǎng)網(wǎng)絡(luò)支持持中心org各各種非贏贏利性組組織國(guó)家代碼碼各各個(gè)國(guó)國(guó)家比如：cn代表表中國(guó),,us代代表美國(guó)國(guó)，ca代表表加拿大大，jp代表日日本按地理模模式進(jìn)行行劃分主機(jī)域名名的一般般格式為為：四級(jí)域名名.三級(jí)級(jí)域名..二級(jí)域域名.頂頂級(jí)域名名比如：jwc..hbuas..這個(gè)域域名代表表我們學(xué)學(xué)校的一臺(tái)jwc服服務(wù)器，，它和惟惟一的IP地址址對(duì)應(yīng)--------202..207.209.130；；jwc是一臺(tái)臺(tái)主機(jī)名名，hbuas表示我我們學(xué)校中中國(guó)國(guó)教育領(lǐng)領(lǐng)域edu中中國(guó)cn的一部部分為了適應(yīng)應(yīng)Internet的的迅速發(fā)發(fā)展，我我國(guó)成立立了“中中國(guó)互聯(lián)聯(lián)網(wǎng)絡(luò)信信息中心心”，并并頒布了了中國(guó)互互聯(lián)網(wǎng)絡(luò)絡(luò)域名規(guī)規(guī)定。中國(guó)互聯(lián)聯(lián)網(wǎng)的域域名規(guī)定定我國(guó)二級(jí)域名名分配（組織模式式）二級(jí)域名名分分配情情況com商商業(yè)機(jī)構(gòu)構(gòu)edu教教育機(jī)機(jī)構(gòu)gov政政府內(nèi)內(nèi)容net網(wǎng)網(wǎng)絡(luò)支持持中心org各各種非贏贏利性組組織net網(wǎng)網(wǎng)絡(luò)支持持中心ac科科研研機(jī)構(gòu)我國(guó)二級(jí)域名名分配（地理模式式）二級(jí)域名名分分配情情況bj北北京sh上上海tj天天津津jx江江西gd廣廣東sx山山西tw臺(tái)臺(tái)灣...視覺(jué)元素素文字色色彩彩圖圖形圖圖像像動(dòng)畫音音樂(lè)視視頻頻裝裝飾物網(wǎng)頁(yè)設(shè)計(jì)計(jì)———網(wǎng)頁(yè)認(rèn)認(rèn)知網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)網(wǎng)頁(yè)認(rèn)知知架構(gòu)元素素（功能能模塊））網(wǎng)站名稱稱（Logo）廣告條（（Banner)導(dǎo)航條((Menu)新新聞聞(News)搜索((Search)友友情情鏈接((Links)郵件列表表(Maillist)計(jì)計(jì)數(shù)器器(Count)版權(quán)((Copyright)1.2網(wǎng)網(wǎng)頁(yè)頁(yè)的設(shè)計(jì)計(jì)網(wǎng)頁(yè)主題題網(wǎng)頁(yè)的文文字網(wǎng)頁(yè)的色色彩網(wǎng)頁(yè)版式式和布局局網(wǎng)頁(yè)導(dǎo)航航設(shè)計(jì)1.2..1網(wǎng)頁(yè)主題題網(wǎng)頁(yè)的主主題指網(wǎng)網(wǎng)頁(yè)所要要表現(xiàn)的的最主要要的思想想內(nèi)涵，，可以說(shuō)說(shuō)是網(wǎng)頁(yè)頁(yè)的靈魂魂。主題的概概念是很很模糊的的，它是是一種約約束，是是同一站站點(diǎn)中各各個(gè)頁(yè)面面于五彩彩繽紛中中體現(xiàn)出出統(tǒng)一風(fēng)風(fēng)格的約約束；它它也是一一種力量量，是將將各個(gè)設(shè)設(shè)計(jì)者的的作品有有機(jī)結(jié)合合起來(lái)的的力量。。主題必須須與Web頁(yè)面面主要推推銷或展展示的產(chǎn)產(chǎn)品或服服務(wù)緊密密相關(guān)，，同時(shí)它它又必須須有相當(dāng)當(dāng)?shù)奈Α?.2..2網(wǎng)網(wǎng)頁(yè)的文文字文字是網(wǎng)網(wǎng)頁(yè)最主主要的表表達(dá)形式式，盡管管圖形使使得網(wǎng)頁(yè)頁(yè)變得五五彩繽紛紛，但大大多數(shù)瀏瀏覽者大大部分時(shí)時(shí)間仍將將注意力力集中在在頁(yè)面中中的文字字上面，，他們總總是首先先瀏覽文文字內(nèi)容容，而甚甚少關(guān)心心其他頁(yè)頁(yè)面元素素，甚至至對(duì)導(dǎo)航航系統(tǒng)也也是如此此。所以以，給瀏瀏覽者一一個(gè)親和和的文字字界面是是必要的的。文字藝術(shù)術(shù)與文字字應(yīng)用同一頁(yè)面面采用三三種字體體以內(nèi)字型大小小變化在在3-6個(gè)層次次以內(nèi)大標(biāo)題﹑﹑小內(nèi)文文﹑粗標(biāo)標(biāo)題﹑細(xì)細(xì)內(nèi)文應(yīng)用閃爍爍字效應(yīng)應(yīng)控制得得當(dāng)特殊字體體應(yīng)用時(shí)時(shí)應(yīng)使用用圖片格格式色彩與背背景應(yīng)拉拉開(kāi)層次次文字藝術(shù)術(shù)與文字字應(yīng)用同一頁(yè)面面采用三三種字體體以內(nèi)字型大小小變化在在3-6個(gè)層次次以內(nèi)大標(biāo)題﹑﹑小內(nèi)文文﹑粗標(biāo)標(biāo)題﹑細(xì)細(xì)內(nèi)文應(yīng)用閃爍爍字效應(yīng)應(yīng)控制得得當(dāng)特殊字體體應(yīng)用時(shí)時(shí)應(yīng)使用用圖片格格式色彩與背背景應(yīng)拉拉開(kāi)層次次案例例案例例如何來(lái)評(píng)評(píng)價(jià)一個(gè)個(gè)網(wǎng)頁(yè)的的好壞？？視覺(jué)效果果色彩搭配配整體布局局色彩搭配配1.2..３網(wǎng)頁(yè)頁(yè)的色彩彩在制作網(wǎng)網(wǎng)站的時(shí)時(shí)候，色色彩的選選擇和搭搭配十分分重要，，因?yàn)橐灰粋€(gè)網(wǎng)站站格調(diào)的的確定，，往往取取決于色色彩的選選擇與搭搭配是否否適當(dāng)，，一般的的情況下下，從以以下幾個(gè)個(gè)方面來(lái)來(lái)考慮色色彩的選選擇：色彩的鮮鮮明性網(wǎng)站色彩彩的選擇擇與搭配配要鮮艷艷，這樣比比較容易易吸引訪訪問(wèn)者的的注意，，而且在在訪問(wèn)者者的記憶憶中駐留留的時(shí)間間也比較較長(zhǎng)。色彩的獨(dú)獨(dú)特性網(wǎng)站色彩彩的選擇擇與搭配配要與眾眾不同，這樣就就可以使使得訪問(wèn)問(wèn)者留下下深刻的的印象。。色彩的合合適性網(wǎng)站色彩彩的選擇擇與搭配配要與網(wǎng)網(wǎng)站的內(nèi)內(nèi)容氣氛氛相適合合。色彩的聯(lián)聯(lián)想性不同的色色彩會(huì)產(chǎn)產(chǎn)生不同同的聯(lián)想想，在網(wǎng)網(wǎng)站的設(shè)設(shè)計(jì)中多多運(yùn)用具具有美好好聯(lián)想的的色彩，，可以使使你的網(wǎng)網(wǎng)站流露露出另外外一種氣氣息。頁(yè)面中各各處用色色的選擇擇首先確定定主色。。主色是指指頁(yè)面中中相對(duì)來(lái)來(lái)說(shuō)較大大面積使使用的色色彩。主主色可以以反映出出整個(gè)網(wǎng)網(wǎng)頁(yè)的風(fēng)風(fēng)格，亦亦可使頁(yè)頁(yè)面內(nèi)容容以色彩彩語(yǔ)言表表達(dá)出來(lái)來(lái)。接下來(lái)是是確定輔輔助色。。輔助色可可以有多多種，其其應(yīng)用范范圍包括括輸入框的的顏色，表格邊框框顏色、表格的底底色、小圖標(biāo)用用色、文字顏色色以及鏈接色等等。橙色具有輕快快、歡欣欣、收獲獲、溫馨馨、時(shí)尚尚的效果果，是快快樂(lè)、喜喜悅、能能量的色色彩。在整個(gè)色色譜里，，橙色具具有興奮奮度，是是最耀眼眼的色彩彩。給人人以華貴貴而溫暖暖，興奮奮而熱烈烈的感覺(jué)覺(jué)，也是是令人振振奮的顏顏色。具具有健康康、富有有活力、、勇敢自自由等象象征意義義，能給給人有莊莊嚴(yán)、尊尊貴、神神秘等感感覺(jué)。橙色在空氣中中的穿透透力僅次次于紅色色，也是是容易造造成視覺(jué)覺(jué)疲勞的的顏色。。在網(wǎng)頁(yè)顏顏色里，，橙色適適用于視視覺(jué)要求求較高的的時(shí)尚網(wǎng)網(wǎng)站，屬屬于注目目、芳香香的顏色色，也常常被用于于味覺(jué)較較高的食食品網(wǎng)站站，是容容易引起起食欲的的顏色。。橙色EIXTEIXTEIXT黑色是暗色，，是純度度、色相相、明度度最低的的非彩色色。象征征著力量量，有時(shí)時(shí)感覺(jué)沉沉默、虛虛空，有有時(shí)感覺(jué)覺(jué)莊嚴(yán)肅肅穆，有有時(shí)又意意味著不不吉祥和和罪惡。。自古以以來(lái)，世世界各族族都公認(rèn)認(rèn)黑色代代表死亡亡、悲哀哀黑色具具有能吸吸收光線線的特性性，別有有一種變變幻無(wú)常常的感覺(jué)覺(jué)。黑色能和許多多色彩構(gòu)構(gòu)成良好好的對(duì)比比調(diào)和關(guān)關(guān)系，運(yùn)運(yùn)用范圍圍很廣。。黑色給人深沉沉、神秘秘、寂靜靜、悲哀哀、壓抑抑的感受受。黑色是最有力力的搭配配色。黑色也常用來(lái)來(lái)表示英英俊的男男人。下面我們們根據(jù)黑黑色系搭搭配不同同的顏色色所表現(xiàn)現(xiàn)出的特特性做不不同的舉例分析析。黑色EIXTEIXT黑白灰非非色彩色色調(diào)所構(gòu)構(gòu)成的頁(yè)頁(yè)面較具具特色EIXT紅色的色感溫溫暖，性性格剛烈烈而外向向，是一一種對(duì)人人刺激性性很強(qiáng)的的顏色。。紅色容容易引起起人的注注意，也也容易使使人興奮奮、激動(dòng)動(dòng)、緊張張、沖動(dòng)動(dòng)、還是是一種容容易造成成人視覺(jué)覺(jué)疲勞的的顏色。。在眾多顏顏色里，，紅色是是最鮮明明生動(dòng)的的、最熱熱烈的顏顏色。因因此紅色色也是代代表熱情情的情感感之色。。鮮明紅紅色極容容易吸引引人們的的目光。。紅色在不同的的明度、、純度的的狀態(tài)（（粉紅、、鮮紅、、深紅））里，給給人表達(dá)達(dá)的情感感是不一一樣的。。在網(wǎng)頁(yè)顏顏色的應(yīng)應(yīng)用機(jī)率率中，根根據(jù)網(wǎng)頁(yè)頁(yè)主題內(nèi)內(nèi)容的需需求，純純粹使用用紅色為為主色調(diào)調(diào)的網(wǎng)站站相對(duì)較較少，多多用于輔輔助色、、點(diǎn)睛色色，達(dá)到到陪襯、、醒目的的效果。。通常都都配以其其他顏色色調(diào)和。。紅色相對(duì)于其其他顏色色，視覺(jué)覺(jué)傳遞速速度最快快。由于于以上的的這些紅紅色傳達(dá)達(dá)出的特特性，因因此人們們喜歡用用紅色作作為警示示符號(hào)的的顏色，，例如：：消防、、驚嘆號(hào)號(hào)、錯(cuò)誤誤提示等等等。為了讓大大家對(duì)紅紅色的理理解做更更好的區(qū)區(qū)別，下下面我們們分別對(duì)對(duì)紅色系系根據(jù)鄰鄰近色、、同類色色、對(duì)比比色的搭搭配做不不同的舉例分析析。紅色EIXTEIXT紅色和黑黑色的搭搭配被譽(yù)譽(yù)為商業(yè)業(yè)的成功功色。一是因因?yàn)榧t色色是一種種對(duì)人刺刺激性很很強(qiáng)的顏顏色，是是最鮮明明生動(dòng)的的、最熱熱烈的顏顏色。在在黑色的的反襯下下鮮明紅紅色極容容易吸引引人們的的目光。。紅色相相對(duì)于其其他顏色色，視覺(jué)覺(jué)傳遞速速度最快快。紅黑黑這兩種種配色也也被廣泛泛的運(yùn)用用于較能能體現(xiàn)個(gè)個(gè)性的時(shí)時(shí)尚類網(wǎng)網(wǎng)站，讓讓人印象象強(qiáng)烈的的深刻。。EIXT比較容易易制造深深邃、幽幽怨的故故事氣氛氛。傳達(dá)達(dá)的是穩(wěn)穩(wěn)重、成成熟、高高貴、消消極的心心理感受受。黃色是陽(yáng)光的的色彩，，具有活活潑與輕輕快的特特點(diǎn)，給給人十分分年輕的的感覺(jué)。。象征光光明、希希望、高高貴、愉愉快。淺淺黃色表表示柔弱弱，灰黃黃色表示示病態(tài)。。它的亮亮度最高高，和其其他顏色色配合很很活潑，，有溫曖曖感，具具有快樂(lè)樂(lè)、希望望、智慧慧和輕快快的個(gè)性性，有希希望與功功名等象象征意義義。黃色色也代表表著土地地、象征征著權(quán)力力，并且且還具有有神秘的的宗教色色彩。黃色的性格冷冷漠、高高傲、敏敏感、具具有擴(kuò)張張和不安安寧的視視覺(jué)印象象。淺黃色系明朗、、愉快、、希望、、發(fā)展，，它的雅雅致，清清爽屬性性，較適適合用于于女性及及化妝品品類網(wǎng)站站。中黃色有崇高，，尊貴，，輝煌、、注意、、擴(kuò)張的的心理感感受。深黃色給人高貴貴、溫和和、內(nèi)斂斂、穩(wěn)重重的心理理感受。。下面我們們根據(jù)黃黃色系不不同屬性性鄰近色色、同類類色的高高純度低低純度色色彩搭配配做不同同的舉例分析析。黃色EIXT大面積顯顯眼的正正黃色有有黑色的的線條壓壓制，黃黃色頓時(shí)時(shí)顯得沉沉穩(wěn)，頁(yè)頁(yè)面增添添內(nèi)容感感。EIXT整個(gè)頁(yè)面面配色單單純，卻卻也不簡(jiǎn)簡(jiǎn)單，形形成另一一種設(shè)計(jì)計(jì)風(fēng)格EIXT藍(lán)色是色彩中中比較沉沉靜的顏顏色。象象征著永永恒與深深邃、高高遠(yuǎn)與博博大、壯壯闊與浩浩渺，是是令人心心境暢快快的顏色色。藍(lán)色的樸實(shí)、、穩(wěn)重、、內(nèi)向性性格，襯襯托那些些性格活活躍、具具有較強(qiáng)強(qiáng)擴(kuò)張力力的色彩彩，運(yùn)用用對(duì)比手手法，同同時(shí)也活活躍頁(yè)面面。另一一方面又又有消極極、冷淡淡、保守守等意味味。藍(lán)色色與紅、、黃等色色運(yùn)用得得當(dāng)，能能構(gòu)成和和諧的對(duì)對(duì)比調(diào)和和關(guān)系。。藍(lán)色是冷色調(diào)調(diào)最典型型的代表表色，是是網(wǎng)站設(shè)設(shè)計(jì)中運(yùn)運(yùn)用得最最多的顏顏色，也也是許多多人鐘愛(ài)愛(ài)的顏色色。藍(lán)色表達(dá)著深深遠(yuǎn)、永永恒、沉沉靜、無(wú)無(wú)限、理理智、誠(chéng)誠(chéng)實(shí)、寒寒冷的多多種感覺(jué)覺(jué)。藍(lán)色色會(huì)給人人很強(qiáng)烈烈的安穩(wěn)穩(wěn)感，同同時(shí)藍(lán)色色還能夠夠表現(xiàn)出出和平、、淡雅、、潔凈、、可靠等等。下面我們們根據(jù)藍(lán)藍(lán)色系不不同屬性性的同類類色、鄰鄰近色、、高純度度對(duì)比、、相對(duì)對(duì)對(duì)比色等等色彩搭搭配做不不同的舉例分析析。藍(lán)色EIXT淺藍(lán)色有淡雅、清新、浪漫、高級(jí)的特質(zhì)EIXT深藍(lán)色給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受EIXT綠色在黃色和和藍(lán)色（（冷暖））之間，，屬于較較中庸的的顏色，，這樣使使得綠色色的性格格最為平平和、安安穩(wěn)、大大度、寬寬容。是是一種柔柔順、恬恬靜、滿滿足、優(yōu)優(yōu)美、受受歡迎之之色。也也是網(wǎng)頁(yè)頁(yè)中使用用最為廣廣泛的顏顏色之一一。綠色與人類息息息相關(guān)關(guān)，是永永恒的欣欣欣向榮榮是的自自然之色色，代表表了生命命與希望望，也充充滿了青青春活力力，綠色色象征著著和平與與安全、、發(fā)展與與生機(jī)、、舒適與與安寧、、松弛與與休息，，有緩解解眼部疲疲勞的作作用。它本身具具有一定定的與自自然、健健康相關(guān)關(guān)的感覺(jué)覺(jué)，所以以也經(jīng)常常用于與與自然、、健康相相關(guān)的站站點(diǎn)。綠綠色還經(jīng)經(jīng)常用于于一些公公司的公公關(guān)站點(diǎn)點(diǎn)或教育育站點(diǎn)。。綠色能使我們們的心情情變得格格外明朗朗。黃綠綠色代表表清新、、平靜、、安逸、、和平、、柔和、、春天、、青春、、升級(jí)的的心理感感受。下面我們們根據(jù)綠綠色系不不同屬性性鄰近色色、同類類色的高高純度低低純度、、對(duì)比色色等色彩彩搭配做做不同的的舉例分析析。綠色EIXT給人茂盛、健康、成熟、穩(wěn)重、生命、開(kāi)闊的心理感受白色塊面面使得綠綠色的特特性發(fā)揮揮到最好好的狀態(tài)態(tài)并增強(qiáng)強(qiáng)了視覺(jué)覺(jué)節(jié)奏感感EIXT該頁(yè)面配配色較協(xié)協(xié)調(diào)、緩緩和主色調(diào)是是相對(duì)比比較鮮亮亮的顏色色，而輔輔助色和和點(diǎn)睛色色是屬于于比較沉沉穩(wěn)的顏顏色，頁(yè)頁(yè)面通過(guò)過(guò)大小色色塊的對(duì)對(duì)比提高高視覺(jué)的的反差力力度，增增強(qiáng)頁(yè)面面的感染染力。EIXT紫色是一種在在自然界界中比較較少見(jiàn)的的顏色。。象征著著女性化化，代表表著高貴貴和奢華華、優(yōu)雅雅與魅力力，也象象征著神神秘與莊莊重、神神圣和浪浪漫。另另一方面面又有孤孤獨(dú)等意意味。紫紫色在西西方宗教教世界中中是一種種代表尊尊貴的顏顏色，大大主教身身穿的教教袍便采采用了紫紫色。紫色的明度在在有彩色色的色度度中是最最低的。。紫色的的低明度度給人一一種沉悶悶、神秘秘的感覺(jué)覺(jué)。在紫紫色中紅紅的成份份較多時(shí)時(shí)，顯得得華麗和和諧。紫紫色中加加入少量量的黑，，沉重、、傷感、、恐怖、、莊嚴(yán)的的感覺(jué)。。紫色中中加入白白，變得得優(yōu)雅、、嬌氣，，并充滿滿女性的的魅力。。紫色通常用于于以女性性為對(duì)象象或以藝藝術(shù)作品品介紹為為主的站站點(diǎn)，但但很多大大公司的的站點(diǎn)中中也喜歡歡使用包包含神秘秘色彩的的紫色，，但都很很少做大大面積使使用。不同色調(diào)調(diào)的紫色色可以營(yíng)營(yíng)造非常常濃郁的的女性化化氣息，，在白色色的背景景色和灰灰色的突突出顏色色的襯托托下，紫紫色可以以顯示出出更大的的魅力。。下面我們們根據(jù)紫紫色系不不同屬性性的鄰近近色、高高純度低低純度配配色、相相對(duì)對(duì)比比色等色色彩搭配配做不同同的舉例分析析。紫色EIXT紫色配色：紫色＋綠色綠色被譽(yù)為紫色的絕配色,背景色紫色由于色彩特質(zhì)明度較低的緣故，與明度較高的輔助色草綠色形成較明快的效果EIXT深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受EIXT灰色介于灰色色和白色色之間，，中性色色、中等等明度、、無(wú)色彩彩、極低低色彩的的顏色。?；疑苣軌蛭帐掌渌实幕罨盍?，削削弱色彩彩的對(duì)立立面，而而制造出出融合的的作用。。灰色是一種中中立色，，具有中中庸、平平凡、溫溫和、謙謙讓、中中立和高高雅的心心理感受受，也被被稱為高高級(jí)灰，，是經(jīng)久久不衰、、最經(jīng)看看的顏色色。任何色彩彩加入灰灰色都能能顯得含含蓄而柔柔和。但但是灰色色在給人人高品味味、含蓄蓄、精致致、雅致致耐人尋尋味的同同時(shí)，也也容易給給人頹廢廢、蒼涼涼、消極極、沮喪喪、沉悶悶的感受受，如果果搭配不不好頁(yè)面面容易顯顯得灰暗暗、臟。。從色彩學(xué)學(xué)上來(lái)說(shuō)說(shuō)，灰色色調(diào)又泛泛指所有有含灰色色度的復(fù)復(fù)合色，，而復(fù)合合色又是是三種以以上顏色色的調(diào)和和色。色色彩可以以有紅灰灰、黃灰灰、藍(lán)灰灰等上萬(wàn)萬(wàn)種彩色色灰，這這都是灰灰色調(diào)，，而并不不單指純純正的灰灰色。下面我們們根據(jù)灰灰色搭配配不同的的顏色所所表現(xiàn)出出的視覺(jué)覺(jué)特性，，做一些些不同的的舉例分析析?；疑獷IXTEIXT同類灰色色＋多種顏色色EIXTEIXT草綠加橙深藍(lán)色+黑=神秘+穩(wěn)重高雅的紅橙色的神神秘和悠悠遠(yuǎn)讓人人覺(jué)得品品味如何來(lái)評(píng)評(píng)價(jià)一個(gè)個(gè)網(wǎng)頁(yè)的的好壞？？視覺(jué)效果果色彩搭配配整體布局局整體布局局一、布局設(shè)計(jì)計(jì)理念頁(yè)面尺寸寸顯示器分分辨率的的高低決決定頁(yè)面的顯顯示尺寸寸。1.2..4網(wǎng)頁(yè)版面面與布局設(shè)計(jì)計(jì)一、布局設(shè)計(jì)計(jì)理念頁(yè)面尺寸寸顯示器分分辨率的的高低決決定頁(yè)面的顯顯示尺寸寸。一般分辨辨率在800x600的情況況下，頁(yè)頁(yè)面的顯顯示尺寸寸為：780x428個(gè)像素素；分辨辨率在1024x768的情情況下，，頁(yè)面的的顯示尺尺寸為：：1007x600個(gè)個(gè)像素。。寬度：760px左右右寬度：960px左右右一、布局設(shè)計(jì)計(jì)理念頁(yè)面尺寸寸頁(yè)面版式式顯示器分分辨率的的高低決決定顯示頁(yè)面面的尺寸寸。T型結(jié)構(gòu)構(gòu)、同字字型結(jié)構(gòu)構(gòu)、川字字型結(jié)構(gòu)構(gòu)、三三字型結(jié)結(jié)構(gòu)、封封面型結(jié)結(jié)構(gòu)、Flash型型結(jié)構(gòu)。。T型結(jié)構(gòu)構(gòu)同字結(jié)結(jié)構(gòu)構(gòu)川字結(jié)結(jié)構(gòu)構(gòu)三字結(jié)結(jié)構(gòu)構(gòu)單一結(jié)結(jié)構(gòu)構(gòu)單一結(jié)結(jié)構(gòu)構(gòu)二、布局設(shè)計(jì)計(jì)的方法法紙上布局局在紙上畫畫出頁(yè)面面的布局局草圖。。軟件布局局手繪布局草圖手繪布局草圖手繪布局草圖手繪布局草圖二、布局設(shè)計(jì)計(jì)的方法法紙上布局局軟件布局局在紙上畫畫出頁(yè)面面的布局局草圖。。利用軟件件來(lái)完成成頁(yè)面的的布局。。軟件布局圖WordPhotoshopCS常用軟件件三、布局局設(shè)計(jì)的的技術(shù)表格布局局CSS布布局框架布局局表格布局技術(shù)它能對(duì)不不同對(duì)象象加以處處理，而而又不用用擔(dān)心各各對(duì)象之之間的影影響。優(yōu)點(diǎn)表格布局技術(shù)頁(yè)面結(jié)構(gòu)構(gòu)與表現(xiàn)現(xiàn)混雜在在一起，，不利于于后期的的維護(hù)。。缺點(diǎn)源代碼存存在大量量的冗余余代碼,,頁(yè)面下下載速度度受到影影響。CSS布局技術(shù)CSS布局技術(shù)表現(xiàn)形式式和內(nèi)容容結(jié)構(gòu)相相分離，，網(wǎng)頁(yè)結(jié)結(jié)構(gòu)清晰晰，便于于更好的的控制頁(yè)頁(yè)面布局局。優(yōu)點(diǎn)大大縮減減頁(yè)面代代碼，提提高頁(yè)面面瀏覽速速度,縮縮減了帶帶寬成本本。易于修改改和維護(hù)護(hù)?？蚣懿季旨夹g(shù)優(yōu)點(diǎn)訪問(wèn)者的的瀏覽器器不需為為每個(gè)頁(yè)頁(yè)面重新新加載導(dǎo)導(dǎo)航條；；每個(gè)框框架都具具有自己己的滾動(dòng)動(dòng)條，因因此訪問(wèn)問(wèn)者可以以獨(dú)立滾滾動(dòng)這些些框架進(jìn)進(jìn)行瀏覽覽。框架布局技術(shù)缺點(diǎn)并不是所所有瀏覽覽器都提提供良好好的框架架支持。。難以實(shí)現(xiàn)現(xiàn)在不同同框架中中精確的的對(duì)齊各各個(gè)頁(yè)面面元素。。網(wǎng)頁(yè)版面面設(shè)計(jì)的的步驟（1）畫畫出頁(yè)面面的結(jié)構(gòu)構(gòu)草圖：：只需需畫出頁(yè)頁(yè)面的大大體結(jié)構(gòu)構(gòu)，注意意分辨率率，設(shè)定定頁(yè)面顯顯示尺寸寸。（2）布布局細(xì)化化和調(diào)整整：將需需要放置置的功能能模塊安安排在頁(yè)頁(yè)面上，，注意突突出重點(diǎn)點(diǎn)和平衡衡協(xié)調(diào)。。（3）定定格：確確定出完完美的布布局方案案，定格格為最后后的版式式。導(dǎo)航種類類：圖形導(dǎo)航航文字字導(dǎo)航按按鈕導(dǎo)導(dǎo)航圖圖形+文文字導(dǎo)航航動(dòng)畫導(dǎo)航航設(shè)計(jì)原則則：引導(dǎo)導(dǎo)性明明了性性視視覺(jué)性趣趣味味性位位置性性應(yīng)用原則則：通過(guò)過(guò)頁(yè)面設(shè)設(shè)計(jì)處理理主從導(dǎo)導(dǎo)航關(guān)系系。導(dǎo)航與網(wǎng)網(wǎng)站風(fēng)格格統(tǒng)一。。動(dòng)態(tài)導(dǎo)航航鏈接關(guān)關(guān)系流暢暢。

1.2..5網(wǎng)網(wǎng)頁(yè)導(dǎo)航航設(shè)計(jì)文字導(dǎo)航航網(wǎng)頁(yè)設(shè)計(jì)計(jì)——導(dǎo)航設(shè)計(jì)計(jì)圖形導(dǎo)航航

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——導(dǎo)航設(shè)計(jì)計(jì)動(dòng)態(tài)導(dǎo)航航（Flash)

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——導(dǎo)航設(shè)計(jì)計(jì)導(dǎo)航與網(wǎng)網(wǎng)站風(fēng)格格統(tǒng)一

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——導(dǎo)航設(shè)計(jì)計(jì)1.3網(wǎng)網(wǎng)站站的規(guī)劃劃定位網(wǎng)站站主題和和名稱網(wǎng)站的風(fēng)風(fēng)格網(wǎng)站的CI形象象確定網(wǎng)站站的欄目目和版塊塊確定網(wǎng)站站的目錄錄結(jié)構(gòu)和和鏈接結(jié)結(jié)構(gòu)1.3..1定定位網(wǎng)網(wǎng)站主題題和名稱稱網(wǎng)站名稱稱的選擇擇也是非非常重要要的。和和現(xiàn)實(shí)生生活中一一樣，網(wǎng)網(wǎng)站名稱稱是否正正氣，響響亮，易易記，對(duì)對(duì)網(wǎng)站的的形象和和宣傳推推廣也有有很大影影響。一般的建建議是：：（1）名稱要正正。也就是是要合法法，和理理，和情情。不能能用反動(dòng)動(dòng)的，色色情的，，迷信的的，危害害社會(huì)安安全的名名詞語(yǔ)句句。（2）名稱要易易記。根據(jù)中中文網(wǎng)站站瀏覽者者的特點(diǎn)點(diǎn)，除非非特定需需要，網(wǎng)網(wǎng)站名稱稱最好用用中文名名稱，不不要使用用英文或或者中英英文混合合型名稱稱。（3）名稱要有有特色。名稱平平實(shí)就可可以接受受，如果果能體現(xiàn)現(xiàn)一定的的內(nèi)涵，，給瀏覽覽者更多多的視覺(jué)覺(jué)沖擊和和空間想想象力，，則為上上品。這這里舉幾幾個(gè)例子子：音樂(lè)樂(lè)前衛(wèi)，，網(wǎng)頁(yè)陶陶吧，天天籟絕音音。在體體現(xiàn)出網(wǎng)網(wǎng)站主題題的同時(shí)時(shí)，能點(diǎn)點(diǎn)出特色色之處。。1.3..2網(wǎng)網(wǎng)站的風(fēng)風(fēng)格風(fēng)格(style)是是抽象的的。是指站點(diǎn)點(diǎn)的整體體形象給給瀏覽者者的綜合合感受。。這個(gè)“整整體形象象”包括括站點(diǎn)的的CI（（標(biāo)志，，色彩，，字體，，標(biāo)語(yǔ)）），版面面布局，，瀏覽方方式，交交互性，，語(yǔ)氣，，內(nèi)容價(jià)價(jià)值，存存在意義義，站點(diǎn)點(diǎn)榮譽(yù)等等等諸多多因素。。風(fēng)格創(chuàng)意意（藝）），不僅僅僅是依依靠色彩彩，圖片片，架構(gòu)構(gòu)和文字字等視覺(jué)覺(jué)元素自自身的獨(dú)獨(dú)具創(chuàng)新新。重點(diǎn)點(diǎn)是視覺(jué)覺(jué)元素在在頁(yè)面中中達(dá)到協(xié)協(xié)調(diào)統(tǒng)一一，保持持一致的的識(shí)別體體系。網(wǎng)網(wǎng)站的特特有風(fēng)格格還包括括信息內(nèi)內(nèi)容的規(guī)規(guī)劃管理理，互動(dòng)動(dòng)程序的的建構(gòu)和和使用方方法等其其他非視視覺(jué)方面面。風(fēng)格類型型：金屬風(fēng)格格像素風(fēng)格格報(bào)紙風(fēng)格格三維風(fēng)格格大字報(bào)風(fēng)風(fēng)格網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)金屬風(fēng)格格

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)像素風(fēng)格格

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)報(bào)紙風(fēng)格格

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)三維風(fēng)格格

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)大字報(bào)風(fēng)風(fēng)格

網(wǎng)頁(yè)設(shè)計(jì)計(jì)——網(wǎng)站風(fēng)格格創(chuàng)意((藝)風(fēng)格是獨(dú)獨(dú)特的，，是站點(diǎn)點(diǎn)不同與與其他網(wǎng)網(wǎng)站的地地方?；蚧蛘呱什?，或者者技術(shù)，，或者是是交互方方式，能能讓瀏覽覽者明確確分辨出出這是你你的網(wǎng)站站獨(dú)有的的。如何樹(shù)立立網(wǎng)站風(fēng)風(fēng)格呢？？我們可可以分這這樣幾個(gè)個(gè)步驟：：第一，確信風(fēng)格格是建立立在有價(jià)價(jià)值內(nèi)容容之上的的。一個(gè)網(wǎng)站站有風(fēng)格格而沒(méi)有有內(nèi)容，，就好比比繡花枕枕頭一包包草，好好比一個(gè)個(gè)性格傲傲慢但卻卻目不識(shí)識(shí)丁的人人。你首首先必須須保證內(nèi)內(nèi)容的質(zhì)質(zhì)量和價(jià)價(jià)值性。。這是最最基本的的，無(wú)須須置疑。。第二，你需要徹徹底搞清清楚自己己希望站站點(diǎn)給人人的印象象是什么么。第三，在明確自自己的網(wǎng)網(wǎng)站印象象后，開(kāi)開(kāi)始努力力建立和和加強(qiáng)這這種印象象。對(duì)于確定定風(fēng)格，，這里提提供一些些參考：：1.將你你的標(biāo)志logo,盡可能能的出現(xiàn)現(xiàn)在每個(gè)個(gè)頁(yè)面上上。或者者頁(yè)眉，，或者頁(yè)頁(yè)腳，或或則背景景。2.突出你的的標(biāo)準(zhǔn)色色彩。文字的的鏈接色色彩，圖圖片的主主色彩，，背景色色，邊框框等色彩彩盡量使使用與標(biāo)標(biāo)準(zhǔn)色彩彩一致的的色彩。。3.突出你的的標(biāo)準(zhǔn)字字體。在關(guān)鍵鍵的標(biāo)題題，菜單單，圖片片里使用用統(tǒng)一的的標(biāo)準(zhǔn)字字體。4.想一一條朗朗朗上口宣傳標(biāo)語(yǔ)語(yǔ)。把它做做在你的的banner里，或或者放在在醒目的的位置，，告訴大大家你的的網(wǎng)站的的特色。。5.使用用統(tǒng)一的的語(yǔ)氣和和人稱。。即使是是多個(gè)人人合作維維護(hù)，也也要讓讀讀者覺(jué)得得是同一一個(gè)人寫寫的。6.使用用統(tǒng)一的的圖片處處理效果果。比如如，陰影影效果的的方向，，厚度，，模糊度度都必須須一樣。。7.創(chuàng)造造一個(gè)你你的站點(diǎn)點(diǎn)特有的的符號(hào)或或圖標(biāo)。。比如在在一句鏈鏈接前的的一個(gè)點(diǎn)點(diǎn)，可以以使用..。☆※※○

□□△→等等等。雖雖然很簡(jiǎn)簡(jiǎn)單的一一個(gè)變化化，卻給給人與眾眾不同的的感覺(jué)。。8.用自自己設(shè)計(jì)計(jì)的花邊邊，線條條，點(diǎn)。。1.3..3網(wǎng)網(wǎng)站的CI形象象所謂CI，是借借用的廣廣告術(shù)語(yǔ)語(yǔ)。(CI是英英文corporateidentity的縮縮寫)，，意思是是通過(guò)視視覺(jué)來(lái)統(tǒng)統(tǒng)一企業(yè)業(yè)的形象象。標(biāo)志，色彩，字體，標(biāo)語(yǔ)是一個(gè)網(wǎng)網(wǎng)站樹(shù)立立CI形形象的關(guān)關(guān)鍵，確確切的說(shuō)說(shuō)是網(wǎng)站站的表面面文章，，設(shè)計(jì)并并完成這這幾步，，你的網(wǎng)網(wǎng)站將脫脫胎換骨骨，整體體形象就就會(huì)有一一個(gè)提高高。在您的網(wǎng)網(wǎng)站主題題和名稱稱定下來(lái)來(lái)之后，，需要思思考的就就是網(wǎng)站站的CI形象。。設(shè)計(jì)網(wǎng)站站的標(biāo)志志(logo))如同商標(biāo)標(biāo)一樣，，logo是你你站點(diǎn)特特色和內(nèi)內(nèi)涵的集集中體現(xiàn)現(xiàn)，看見(jiàn)見(jiàn)logo就讓讓大家聯(lián)聯(lián)想起你你的站點(diǎn)點(diǎn)。標(biāo)志可以以是中文文，英文文字母，，可以是是符號(hào)，，圖案，，可以是是動(dòng)物或或者人物物等等。。比如：：新浪用用字母sina+眼睛睛作為標(biāo)標(biāo)志。標(biāo)標(biāo)志的設(shè)設(shè)計(jì)創(chuàng)意意來(lái)自你你網(wǎng)站的的名稱和和內(nèi)容。。比如：(1)..網(wǎng)站有有代表性性的人物物，動(dòng)物物，花草草，可以以用它們們作為設(shè)設(shè)計(jì)的藍(lán)藍(lán)本，加加以卡通通化和藝藝術(shù)化，，例如迪迪斯尼的的米老鼠鼠，搜狐狐的卡通通狐貍，，鯊?fù)w體壇的籃籃球鯊魚(yú)魚(yú)。(2)..網(wǎng)站有有專業(yè)性性的，可可以以本本專業(yè)有有代表的的物品作作為標(biāo)志志。比如如中國(guó)銀銀行的銅銅板標(biāo)志志，奔馳馳汽車的的方向盤盤標(biāo)志。。新浪用字字母sina++眼睛作作為標(biāo)志志。北京億恒恒偉業(yè)房房地產(chǎn)開(kāi)開(kāi)發(fā)有限限公司的的標(biāo)志是是以“億億恒偉業(yè)業(yè)”四個(gè)個(gè)漢字的的變形為為主體。?！皟|””字左半半部變形形為數(shù)字字“1””，預(yù)示示著公司司將成為為行業(yè)的的龍頭老老大，也也預(yù)示者者公司全全體員工工永爭(zhēng)第第一的拼拼搏精神神和“信信譽(yù)第一一、質(zhì)量量第一””的經(jīng)營(yíng)營(yíng)理念，，同時(shí)也也寓意著著公司的的發(fā)展一一帆風(fēng)順順。北京愛(ài)永永恒影樓樓的標(biāo)志志是以英英文字母母“LOVE""和一顆顆紅心為為主體，，紅心中中間是抽抽象的一一男一女女?dāng)y手前前進(jìn)的圖圖形，寓寓意著兩兩個(gè)人一一顆心，，從而寓寓意著愛(ài)愛(ài)永恒。。北京市昌昌平區(qū)第第一屆機(jī)機(jī)關(guān)運(yùn)動(dòng)動(dòng)會(huì)的會(huì)會(huì)徽是以以“昌平平”的漢漢拼“CHANGPING””的第一一個(gè)字母母“C””和“機(jī)機(jī)關(guān)”的的漢拼““JIGUAN”的第第一個(gè)字字母“J”變形形組合的的綠色跑跑道和運(yùn)運(yùn)動(dòng)員為為主題。。整個(gè)標(biāo)標(biāo)志充滿滿活力和和激情，，寓意著著昌平區(qū)區(qū)各機(jī)關(guān)關(guān)人員在在區(qū)政府府的正確確領(lǐng)導(dǎo)下下，各項(xiàng)項(xiàng)事業(yè)蓬蓬勃發(fā)展展，充滿滿生機(jī)?。≡O(shè)計(jì)網(wǎng)站站的宣傳傳標(biāo)語(yǔ)網(wǎng)站的宣宣傳標(biāo)語(yǔ)語(yǔ)可以說(shuō)說(shuō)是網(wǎng)站站的精神神，網(wǎng)站站的目標(biāo)標(biāo)。用一一句話甚甚至一個(gè)個(gè)詞來(lái)高高度概括括。類似似實(shí)際生生活中的的廣告金金句。例例如：鵲鵲巢的““味道好好極了””；麥斯斯威爾的的“好東東西和好好朋友一一起分享享”；Intel的““給你一一個(gè)奔騰騰的心””。1.3..4確確定網(wǎng)站站的欄目目和版塊塊在動(dòng)手制制作網(wǎng)頁(yè)頁(yè)前，一一定要考考慮好以以下三方方面：(1)確確定欄欄目和版版塊(2)確確定網(wǎng)網(wǎng)站的目目錄結(jié)構(gòu)構(gòu)和鏈接接結(jié)構(gòu)(3)確確定網(wǎng)網(wǎng)站的整整體風(fēng)格格創(chuàng)意設(shè)設(shè)計(jì)(1)確確定欄欄目和版版塊欄目的實(shí)實(shí)質(zhì)是一一個(gè)網(wǎng)站站的大綱綱索引，，索引應(yīng)應(yīng)該將網(wǎng)網(wǎng)站的主主體明確確顯示出出來(lái)。在在制定欄欄目的時(shí)時(shí)候，要要仔細(xì)考考慮，合合理安排排。一般般的網(wǎng)站站欄目安安排要注注意以下下幾方面面：①一定記住住要緊扣扣你的主主題！一般的做做法是：：將你的的主題按按一定的的方法分分類并將將它們作作為網(wǎng)站站的主欄欄目。主主題欄目目個(gè)數(shù)在在總欄目目中要占占絕對(duì)優(yōu)優(yōu)勢(shì)，這這樣的網(wǎng)網(wǎng)站顯的的專業(yè)，，主題突突出，容容易給人人留下深深刻印象象。②設(shè)一個(gè)最最近更新新或網(wǎng)站站指南欄欄目如果你的的首頁(yè)沒(méi)沒(méi)有安排排版面放放置最近近更新內(nèi)內(nèi)容信息息，就有有必要設(shè)設(shè)立一個(gè)個(gè)“最近近更新””的欄目目。這樣樣做是為為了照顧顧常來(lái)的的訪客，，讓你的的主頁(yè)更更有人性性化。③設(shè)定一個(gè)個(gè)可以雙雙向交流流的欄目目不需要很很多，但但一定要要有。比比如論壇壇，留言言本，郵郵件列表表等，可可以讓瀏瀏覽者留留下他們們的信息息。有調(diào)調(diào)查表明明，提供供雙向交交流的站站點(diǎn)比簡(jiǎn)簡(jiǎn)單的留留一個(gè)““Emailme””的站點(diǎn)點(diǎn)更具有有親和力力。④設(shè)定定一個(gè)下下載或常常見(jiàn)問(wèn)題題回答欄欄目網(wǎng)絡(luò)的特特點(diǎn)是信信息共享享。如果你看看到一個(gè)個(gè)站點(diǎn)有有大量的的優(yōu)秀的的有價(jià)值值的資料料，你肯肯定希望望能一次次性下載載，而不不是一頁(yè)頁(yè)一頁(yè)瀏瀏覽存盤盤。“將將心比心心”在你你自己的的主頁(yè)上上設(shè)置一一個(gè)資料料下載欄欄目，會(huì)會(huì)得到大大家的喜喜歡。另另外，如如果您的的站點(diǎn)經(jīng)經(jīng)常收到到網(wǎng)友關(guān)關(guān)于某方方面的問(wèn)問(wèn)題來(lái)信信，你最最好設(shè)立立一個(gè)常常見(jiàn)問(wèn)題題回答的的欄目，，既方便便了網(wǎng)友友，也可可以節(jié)約約自己更更多時(shí)間間用以學(xué)學(xué)習(xí)?？偨Y(jié)以上上幾點(diǎn)，，我們得得出劃分分欄目需需要注意意的是：：●盡可能能刪除與與主題無(wú)無(wú)關(guān)的欄欄目●盡可能能將網(wǎng)站站最有價(jià)價(jià)值的內(nèi)內(nèi)容列在在欄目上上●盡可能能方便訪訪問(wèn)者的的瀏覽和和查詢上面說(shuō)的的是欄目目，我們們?cè)倏纯纯窗鎵K設(shè)設(shè)置。版塊比欄欄目的概概念要大大一些，，每個(gè)版版塊都有有自己的的欄目。。舉個(gè)例例子：網(wǎng)網(wǎng)易的站站點(diǎn)分新新聞，體體育，財(cái)財(cái)經(jīng)，娛娛樂(lè)，教教育等版版塊，每每個(gè)版塊塊下面有有各有自自己的主主欄目。。一般的個(gè)個(gè)人站點(diǎn)點(diǎn)內(nèi)容少少，只有有主欄目目(主菜菜單)就就夠了，，不需要要設(shè)置版版塊。⑴在網(wǎng)站根根目錄中中開(kāi)設(shè)images、common、temp三個(gè)子目目錄，根根據(jù)需要要再開(kāi)設(shè)設(shè)media子目錄..images目目錄中放放不同欄欄目的頁(yè)頁(yè)面都要要用到的的公共圖圖片，例例如公司司的標(biāo)志志logo、banner條條、菜菜單、按按鈕等等等；common子子目錄錄中放css、、include等等公共文文件；temp

子目目錄放客客戶提供供的各種種文字圖圖片等等等原始資資料；media子子目錄中中放flash,avi,,

quick

time等等多媒媒體文件件

。(2)網(wǎng)網(wǎng)站的的目錄結(jié)結(jié)構(gòu)在根目錄錄中按照照首頁(yè)的的欄目結(jié)結(jié)構(gòu)，給每一個(gè)個(gè)欄目開(kāi)開(kāi)設(shè)一個(gè)個(gè)目錄，根據(jù)需需要在每每一個(gè)欄欄目的目目錄中開(kāi)開(kāi)設(shè)一個(gè)個(gè)images

和media的的子目錄錄用以放放置此欄欄目專有有的圖片片和多媒媒體文件件，如果果這個(gè)欄欄目的內(nèi)內(nèi)容特別別多，又又分出很很多下級(jí)級(jí)欄目