




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
網(wǎng)頁設(shè)計與制作課程知識識與就業(yè)業(yè)分析在互聯(lián)網(wǎng)網(wǎng)發(fā)展的的今天,,網(wǎng)頁已已經(jīng)成為為人們?nèi)杖粘I罨钪胁豢煽扇鄙俚牡囊徊糠址?,而幾幾乎所有有的企業(yè)業(yè)都想要要建立一一個網(wǎng)站站。網(wǎng)頁設(shè)計計與網(wǎng)站站建設(shè)也也已成為為當(dāng)今社社會上一一種非常常熱門的的技術(shù)。。課程知識識與就業(yè)業(yè)分析在最近兩兩年我們們對IT市場進(jìn)進(jìn)行調(diào)查查后發(fā)現(xiàn)現(xiàn),隨著著整個社社會進(jìn)入入信息化化高速發(fā)發(fā)展的時時期,各各行各業(yè)業(yè)的企事事業(yè)單位位提供了了大量的的相關(guān)崗崗位,針針對有網(wǎng)頁設(shè)計計師、網(wǎng)絡(luò)維護(hù)護(hù)員、網(wǎng)絡(luò)管理理員、軟件工程程師、網(wǎng)站運營營經(jīng)理等崗位群群。課程介紹紹《網(wǎng)頁設(shè)設(shè)計與網(wǎng)網(wǎng)站建設(shè)設(shè)》是我我院計算算機(jī)專業(yè)業(yè)的集理理論與實實踐為一一體的綜綜合應(yīng)用用課程,,主要培培養(yǎng)學(xué)生生的網(wǎng)頁頁設(shè)計與與網(wǎng)站建建設(shè)的綜綜合技能能與素質(zhì)質(zhì),提高高學(xué)生的的職業(yè)行行為能力力。課程現(xiàn)狀狀傳統(tǒng)網(wǎng)頁頁設(shè)計教教學(xué)往往往將80%的教教學(xué)時間間都放在在工具軟軟件的使使用方法法上,結(jié)結(jié)果是雖雖然學(xué)生生都會操操作設(shè)計計工具,,而且用用得很熟熟練,但但是就是是不能獨獨立地進(jìn)進(jìn)行網(wǎng)站站規(guī)劃和和頁面設(shè)設(shè)計。即即使是完完成的作作品也達(dá)達(dá)不到應(yīng)應(yīng)有的功功能效果果和視覺覺效果。。課程內(nèi)容容上重““技術(shù)””輕“設(shè)設(shè)計”,,這樣導(dǎo)導(dǎo)致學(xué)生生不會從從全局的的角度開開發(fā)設(shè)計計,創(chuàng)新新意識得得不到培培養(yǎng)。課程目標(biāo)標(biāo)通過本課程的學(xué)習(xí),使學(xué)生生了解網(wǎng)網(wǎng)頁設(shè)計計的基本本概念和和基礎(chǔ)知知識,了了解網(wǎng)頁頁設(shè)計與與網(wǎng)站建建設(shè)流程,熟練應(yīng)用用網(wǎng)頁制制作常用用軟件,,掌握網(wǎng)頁設(shè)計計與制作作技術(shù),,全面掌握握網(wǎng)站建建設(shè)、管管理和維維護(hù)技術(shù)術(shù)。課程目標(biāo)標(biāo)學(xué)生通過過本課程程的學(xué)習(xí)習(xí),培養(yǎng)養(yǎng)兩個意意識,提提高兩種種能力,,即培養(yǎng)養(yǎng)了創(chuàng)新意識識和職業(yè)意識識,提高學(xué)學(xué)生的分析問題題和解決決問題的的能力及團(tuán)隊精神神和合作作能力;并了解解網(wǎng)站技技術(shù)和其其他學(xué)科科領(lǐng)域的的相互聯(lián)聯(lián)系和相相互促進(jìn)進(jìn)的關(guān)系系,為后后續(xù)課程程的學(xué)習(xí)習(xí)和工作作奠定理理論和實實踐基礎(chǔ)礎(chǔ)。課程內(nèi)容容課程內(nèi)容容考核方式式《網(wǎng)頁設(shè)設(shè)計與制制作》這這門課面面向培養(yǎng)養(yǎng)學(xué)生實實踐動手手能力,,因此我我們的考考核是面面向培養(yǎng)養(yǎng)學(xué)生能能力的考考核方式式,期末末綜合成成績由以以下幾個個部分組組成:最終成績績=平時成績績+實驗成績績+課程設(shè)計計成績+課程報告告成績按時上課課,注意意課堂紀(jì)紀(jì)律獨立完成成作業(yè)和實實驗報告告上機(jī)課不不得做聊聊天、看電影、上網(wǎng)、、打游戲等與學(xué)習(xí)習(xí)無關(guān)的的事情課程要求求第一章網(wǎng)網(wǎng)頁頁與網(wǎng)站站基礎(chǔ)知知識網(wǎng)頁與網(wǎng)網(wǎng)站的概概念網(wǎng)頁的設(shè)設(shè)計網(wǎng)站的規(guī)規(guī)劃網(wǎng)站的開開發(fā)流程程1.1網(wǎng)網(wǎng)頁頁與網(wǎng)站站的概念念1.1..1Internet的的概述Internet是由由成千上上萬個網(wǎng)網(wǎng)絡(luò)、上上億臺計計算機(jī)通通過特定定的網(wǎng)絡(luò)絡(luò)協(xié)議相相互連接接而成的的全球計計算機(jī)網(wǎng)網(wǎng)絡(luò),是是提供信信息資源源查詢和和信息資資源共享享的全球球最大的的信息資資源平臺臺。Internet最初初并不是是為商業(yè)業(yè)性和廣廣泛使用用而設(shè)計計的。它它起源于于1969年美美國國防防部高級級研究計計劃署協(xié)協(xié)助開發(fā)發(fā)的ARPANET。。最初是是只允許許國防部部人員進(jìn)進(jìn)入的封封閉式網(wǎng)網(wǎng)絡(luò)。到到1987年,,在美國國國家科科學(xué)基金金會的推推動下,,將之主主要從軍軍事用途途轉(zhuǎn)向科科學(xué)研究究和民事事用途,,形成了了今天的的Internet主主干網(wǎng)雛雛形NSFNET。全全球網(wǎng)絡(luò)絡(luò)的發(fā)展展是空前前且出人人意料的的。今天天,檢查查電子郵郵件、訪訪問喜愛愛的網(wǎng)站站這些活活動已融融入我們們的日常常生活。。從國內(nèi)Internet的發(fā)發(fā)展現(xiàn)狀狀來看,,1994年4月,中中科院計計算機(jī)網(wǎng)網(wǎng)絡(luò)信息息中心正正式接入入Internet,,在10多年的的時間里里,中國國Internet發(fā)發(fā)生了飛飛速的發(fā)發(fā)展,截截至2011年年07月月20日日,我國國網(wǎng)民人人數(shù)達(dá)到到了4..85億億。據(jù)新華社社電,國國家互聯(lián)聯(lián)網(wǎng)信息息辦公室室日前披披露的數(shù)數(shù)據(jù)表明明,2012年年,中國國將正式式邁入““5億網(wǎng)網(wǎng)民”時時代。據(jù)國家互互聯(lián)網(wǎng)信信息辦公公室統(tǒng)計計數(shù)據(jù),,中國手手機(jī)上網(wǎng)網(wǎng)用戶約約3.5億人,,微博注注冊用戶戶已超3億人。。而行業(yè)業(yè)機(jī)構(gòu)易易觀國際際的分析析報告則則指出,,去年中中國移動動互聯(lián)網(wǎng)網(wǎng)用戶規(guī)規(guī)模已達(dá)達(dá)4.3億,環(huán)環(huán)比增長長近50%;今今年,移移動互聯(lián)聯(lián)網(wǎng)用戶戶數(shù)將有有可能突突破6億億,超過過互聯(lián)網(wǎng)網(wǎng)用戶數(shù)數(shù)量;網(wǎng)網(wǎng)購用戶戶近2億億。WWW((WorldWideWeb))簡稱為為Web或萬維維網(wǎng),客客戶端只只要通過過“瀏覽覽器”((Browser)就就可以非非常方便便地訪問問Internet上上的服務(wù)務(wù)器端,,迅速地地獲得所所需的信信息。如如圖所示示。Internet瀏覽器WEB服務(wù)器HTTP網(wǎng)絡(luò)協(xié)議萬維網(wǎng)之之父伯納斯--李于1989年在歐歐洲粒子子物理研研究所提提出了建建立一個個全球超超文本項項目———萬維網(wǎng)網(wǎng),以此此使人們們都能順順利地從從網(wǎng)上獲獲取并共共享信息息。1.1..3網(wǎng)網(wǎng)頁與與網(wǎng)站瀏覽器是是如何訪訪問某個個網(wǎng)頁或或網(wǎng)站的的呢?1.1..4域名與IP地地址在Internet上上的每臺臺網(wǎng)絡(luò)設(shè)設(shè)備都要要有一個個唯一的的地址才才能被訪訪問到,,這個地地址就是是IP地址址。IP地址址是由32bits的的二進(jìn)制制數(shù)值構(gòu)構(gòu)成,分分成4組組,轉(zhuǎn)化化為十進(jìn)進(jìn)制用點點分隔。。比如:202..207.209.200IP地址知識識為了識別別通信系系統(tǒng)上的的計算機(jī)機(jī),需要要建立一一種普通通接受的的標(biāo)識方方法。這這就如同同通過郵郵局寄信信,信封封上必須須有收件件人的地地址,包包括國家家、城市市、街道道、門牌牌號以及及郵政編編碼。在在Internet上上定義了了兩種方方法來標(biāo)標(biāo)識網(wǎng)上上的計算算機(jī),分分別是Internet的IP地址址和域名。Internet上的的數(shù)據(jù)能能夠發(fā)送送到目的的端的原原因是::任何一一個連接接到Internet上的計計算機(jī)都都有一個個惟一的的網(wǎng)絡(luò)地地址。為了確保保Internet上上的每一一個網(wǎng)絡(luò)絡(luò)地址始始終是惟惟一的,,國際網(wǎng)網(wǎng)絡(luò)信息息中心組組織(InterNIC)根根據(jù)公司司網(wǎng)絡(luò)的的大小給給他們分分配了一一系列IP地址址(又稱稱為Internet地址))。IPv6簡介當(dāng)前在Internet上使使用的IP地址址是在1978年確定定的協(xié)議議,它由由4段8位二進(jìn)進(jìn)制數(shù)構(gòu)構(gòu)成。由由于Internet協(xié)議的的當(dāng)時版版本號為為4,因因而稱為為“IPv4””。IPv4的的地址長長度是32位((bit),理理論上可可以支持持多達(dá)1600萬個網(wǎng)網(wǎng)絡(luò),容容納四十十多億臺臺主機(jī)((232=4,294,,967,296),,但由于于IP對對地址進(jìn)進(jìn)行了分分類,分分成A、、B、C等類地地址,實實際可用用的網(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億億個,而而人口最最多的亞亞洲只有有不到4億個,,中國截截止2010年年6月IPv4地址數(shù)數(shù)量達(dá)到到2.5億,落落后于4.2億億網(wǎng)民的的需求。。地址不不足,嚴(yán)嚴(yán)重地制制約了中中國及其其他國家家互聯(lián)網(wǎng)的應(yīng)用和和發(fā)展。。IPv6的格式式:地址長度度是128位(bit),8段的16位十十六進(jìn)制制數(shù)表示示,中間用““:”來隔開開。比如: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)是一種種幫助人人們在Internet上用用字符來來惟一識識別自己己的計算算機(jī),并并保證主主機(jī)名((域名))和IP地址一一一對應(yīng)應(yīng)的網(wǎng)絡(luò)絡(luò)服務(wù)。。DNS簡介域名空間間Internet域名名具有層層次結(jié)構(gòu)構(gòu)。整個個Internet網(wǎng)網(wǎng)被劃分分成幾個個頂級域域。InterNIC采用兩兩種方法法進(jìn)行分分類:一一種方法法是按組組織模式式進(jìn)行劃劃分;另另一種方方法是按按地理模模式進(jìn)行行劃分。。按組織模模式進(jìn)行行劃分頂級域名名域域名類類型com商商業(yè)機(jī)構(gòu)構(gòu)edu教教育機(jī)機(jī)構(gòu)gov政政府內(nèi)內(nèi)容int國國際際組織mil軍軍事部部門net網(wǎng)網(wǎng)絡(luò)支持持中心org各各種非贏贏利性組組織國家代碼碼各各個國國家比如:cn代表表中國,,us代代表美國國,ca代表表加拿大大,jp代表日日本按地理模模式進(jìn)行行劃分主機(jī)域名名的一般般格式為為:四級域名名.三級級域名..二級域域名.頂頂級域名名比如:jwc..hbuas..這個域域名代表表我們學(xué)學(xué)校的一臺jwc服服務(wù)器,,它和惟惟一的IP地址址對應(yīng)--------202..207.209.130;;jwc是一臺臺主機(jī)名名,hbuas表示我我們學(xué)校中中國國教育領(lǐng)領(lǐng)域edu中中國cn的一部部分為了適應(yīng)應(yīng)Internet的的迅速發(fā)發(fā)展,我我國成立立了“中中國互聯(lián)聯(lián)網(wǎng)絡(luò)信信息中心心”,并并頒布了了中國互互聯(lián)網(wǎng)絡(luò)絡(luò)域名規(guī)規(guī)定。中國互聯(lián)聯(lián)網(wǎng)的域域名規(guī)定定我國二級域名名分配(組織模式式)二級域名名分分配情情況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)我國二級域名名分配(地理模式式)二級域名名分分配情情況bj北北京sh上上海tj天天津津jx江江西gd廣廣東sx山山西tw臺臺灣...視覺元素素文字色色彩彩圖圖形圖圖像像動畫音音樂視視頻頻裝裝飾物網(wǎng)頁設(shè)計計———網(wǎng)頁認(rèn)認(rèn)知網(wǎng)頁設(shè)計計——網(wǎng)網(wǎng)頁認(rèn)知知架構(gòu)元素素(功能能模塊))網(wǎng)站名稱稱(Logo)廣告條((Banner)導(dǎo)航條((Menu)新新聞聞(News)搜索((Search)友友情情鏈接((Links)郵件列表表(Maillist)計計數(shù)器器(Count)版權(quán)((Copyright)1.2網(wǎng)網(wǎng)頁頁的設(shè)計計網(wǎng)頁主題題網(wǎng)頁的文文字網(wǎng)頁的色色彩網(wǎng)頁版式式和布局局網(wǎng)頁導(dǎo)航航設(shè)計1.2..1網(wǎng)頁主題題網(wǎng)頁的主主題指網(wǎng)網(wǎng)頁所要要表現(xiàn)的的最主要要的思想想內(nèi)涵,,可以說說是網(wǎng)頁頁的靈魂魂。主題的概概念是很很模糊的的,它是是一種約約束,是是同一站站點中各各個頁面面于五彩彩繽紛中中體現(xiàn)出出統(tǒng)一風(fēng)風(fēng)格的約約束;它它也是一一種力量量,是將將各個設(shè)設(shè)計者的的作品有有機(jī)結(jié)合合起來的的力量。。主題必須須與Web頁面面主要推推銷或展展示的產(chǎn)產(chǎn)品或服服務(wù)緊密密相關(guān),,同時它它又必須須有相當(dāng)當(dāng)?shù)奈Α?.2..2網(wǎng)網(wǎng)頁的文文字文字是網(wǎng)網(wǎng)頁最主主要的表表達(dá)形式式,盡管管圖形使使得網(wǎng)頁頁變得五五彩繽紛紛,但大大多數(shù)瀏瀏覽者大大部分時時間仍將將注意力力集中在在頁面中中的文字字上面,,他們總總是首先先瀏覽文文字內(nèi)容容,而甚甚少關(guān)心心其他頁頁面元素素,甚至至對導(dǎo)航航系統(tǒng)也也是如此此。所以以,給瀏瀏覽者一一個親和和的文字字界面是是必要的的。文字藝術(shù)術(shù)與文字字應(yīng)用同一頁面面采用三三種字體體以內(nèi)字型大小小變化在在3-6個層次次以內(nèi)大標(biāo)題﹑﹑小內(nèi)文文﹑粗標(biāo)標(biāo)題﹑細(xì)細(xì)內(nèi)文應(yīng)用閃爍爍字效應(yīng)應(yīng)控制得得當(dāng)特殊字體體應(yīng)用時時應(yīng)使用用圖片格格式色彩與背背景應(yīng)拉拉開層次次文字藝術(shù)術(shù)與文字字應(yīng)用同一頁面面采用三三種字體體以內(nèi)字型大小小變化在在3-6個層次次以內(nèi)大標(biāo)題﹑﹑小內(nèi)文文﹑粗標(biāo)標(biāo)題﹑細(xì)細(xì)內(nèi)文應(yīng)用閃爍爍字效應(yīng)應(yīng)控制得得當(dāng)特殊字體體應(yīng)用時時應(yīng)使用用圖片格格式色彩與背背景應(yīng)拉拉開層次次案例例案例例如何來評評價一個個網(wǎng)頁的的好壞??視覺效果果色彩搭配配整體布局局色彩搭配配1.2..3網(wǎng)頁頁的色彩彩在制作網(wǎng)網(wǎng)站的時時候,色色彩的選選擇和搭搭配十分分重要,,因為一一個網(wǎng)站站格調(diào)的的確定,,往往取取決于色色彩的選選擇與搭搭配是否否適當(dāng),,一般的的情況下下,從以以下幾個個方面來來考慮色色彩的選選擇:色彩的鮮鮮明性網(wǎng)站色彩彩的選擇擇與搭配配要鮮艷艷,這樣比比較容易易吸引訪訪問者的的注意,,而且在在訪問者者的記憶憶中駐留留的時間間也比較較長。色彩的獨獨特性網(wǎng)站色彩彩的選擇擇與搭配配要與眾眾不同,這樣就就可以使使得訪問問者留下下深刻的的印象。。色彩的合合適性網(wǎng)站色彩彩的選擇擇與搭配配要與網(wǎng)網(wǎng)站的內(nèi)內(nèi)容氣氛氛相適合合。色彩的聯(lián)聯(lián)想性不同的色色彩會產(chǎn)產(chǎn)生不同同的聯(lián)想想,在網(wǎng)網(wǎng)站的設(shè)設(shè)計中多多運用具具有美好好聯(lián)想的的色彩,,可以使使你的網(wǎng)網(wǎng)站流露露出另外外一種氣氣息。頁面中各各處用色色的選擇擇首先確定定主色。。主色是指指頁面中中相對來來說較大大面積使使用的色色彩。主主色可以以反映出出整個網(wǎng)網(wǎng)頁的風(fēng)風(fēng)格,亦亦可使頁頁面內(nèi)容容以色彩彩語言表表達(dá)出來來。接下來是是確定輔輔助色。。輔助色可可以有多多種,其其應(yīng)用范范圍包括括輸入框的的顏色,表格邊框框顏色、表格的底底色、小圖標(biāo)用用色、文字顏色色以及鏈接色等等。橙色具有輕快快、歡欣欣、收獲獲、溫馨馨、時尚尚的效果果,是快快樂、喜喜悅、能能量的色色彩。在整個色色譜里,,橙色具具有興奮奮度,是是最耀眼眼的色彩彩。給人人以華貴貴而溫暖暖,興奮奮而熱烈烈的感覺覺,也是是令人振振奮的顏顏色。具具有健康康、富有有活力、、勇敢自自由等象象征意義義,能給給人有莊莊嚴(yán)、尊尊貴、神神秘等感感覺。橙色在空氣中中的穿透透力僅次次于紅色色,也是是容易造造成視覺覺疲勞的的顏色。。在網(wǎng)頁顏顏色里,,橙色適適用于視視覺要求求較高的的時尚網(wǎng)網(wǎng)站,屬屬于注目目、芳香香的顏色色,也常常被用于于味覺較較高的食食品網(wǎng)站站,是容容易引起起食欲的的顏色。。橙色EIXTEIXTEIXT黑色是暗色,,是純度度、色相相、明度度最低的的非彩色色。象征征著力量量,有時時感覺沉沉默、虛虛空,有有時感覺覺莊嚴(yán)肅肅穆,有有時又意意味著不不吉祥和和罪惡。。自古以以來,世世界各族族都公認(rèn)認(rèn)黑色代代表死亡亡、悲哀哀黑色具具有能吸吸收光線線的特性性,別有有一種變變幻無常常的感覺覺。黑色能和許多多色彩構(gòu)構(gòu)成良好好的對比比調(diào)和關(guān)關(guān)系,運運用范圍圍很廣。。黑色給人深沉沉、神秘秘、寂靜靜、悲哀哀、壓抑抑的感受受。黑色是最有力力的搭配配色。黑色也常用來來表示英英俊的男男人。下面我們們根據(jù)黑黑色系搭搭配不同同的顏色色所表現(xiàn)現(xiàn)出的特特性做不不同的舉例分析析。黑色EIXTEIXT黑白灰非非色彩色色調(diào)所構(gòu)構(gòu)成的頁頁面較具具特色EIXT紅色的色感溫溫暖,性性格剛烈烈而外向向,是一一種對人人刺激性性很強的的顏色。。紅色容容易引起起人的注注意,也也容易使使人興奮奮、激動動、緊張張、沖動動、還是是一種容容易造成成人視覺覺疲勞的的顏色。。在眾多顏顏色里,,紅色是是最鮮明明生動的的、最熱熱烈的顏顏色。因因此紅色色也是代代表熱情情的情感感之色。。鮮明紅紅色極容容易吸引引人們的的目光。。紅色在不同的的明度、、純度的的狀態(tài)((粉紅、、鮮紅、、深紅))里,給給人表達(dá)達(dá)的情感感是不一一樣的。。在網(wǎng)頁顏顏色的應(yīng)應(yīng)用機(jī)率率中,根根據(jù)網(wǎng)頁頁主題內(nèi)內(nèi)容的需需求,純純粹使用用紅色為為主色調(diào)調(diào)的網(wǎng)站站相對較較少,多多用于輔輔助色、、點睛色色,達(dá)到到陪襯、、醒目的的效果。。通常都都配以其其他顏色色調(diào)和。。紅色相對于其其他顏色色,視覺覺傳遞速速度最快快。由于于以上的的這些紅紅色傳達(dá)達(dá)出的特特性,因因此人們們喜歡用用紅色作作為警示示符號的的顏色,,例如::消防、、驚嘆號號、錯誤誤提示等等等。為了讓大大家對紅紅色的理理解做更更好的區(qū)區(qū)別,下下面我們們分別對對紅色系系根據(jù)鄰鄰近色、、同類色色、對比比色的搭搭配做不不同的舉例分析析。紅色EIXTEIXT紅色和黑黑色的搭搭配被譽譽為商業(yè)業(yè)的成功功色。一是因因為紅色色是一種種對人刺刺激性很很強的顏顏色,是是最鮮明明生動的的、最熱熱烈的顏顏色。在在黑色的的反襯下下鮮明紅紅色極容容易吸引引人們的的目光。。紅色相相對于其其他顏色色,視覺覺傳遞速速度最快快。紅黑黑這兩種種配色也也被廣泛泛的運用用于較能能體現(xiàn)個個性的時時尚類網(wǎng)網(wǎng)站,讓讓人印象象強烈的的深刻。。EIXT比較容易易制造深深邃、幽幽怨的故故事氣氛氛。傳達(dá)達(dá)的是穩(wěn)穩(wěn)重、成成熟、高高貴、消消極的心心理感受受。黃色是陽光的的色彩,,具有活活潑與輕輕快的特特點,給給人十分分年輕的的感覺。。象征光光明、希希望、高高貴、愉愉快。淺淺黃色表表示柔弱弱,灰黃黃色表示示病態(tài)。。它的亮亮度最高高,和其其他顏色色配合很很活潑,,有溫曖曖感,具具有快樂樂、希望望、智慧慧和輕快快的個性性,有希希望與功功名等象象征意義義。黃色色也代表表著土地地、象征征著權(quán)力力,并且且還具有有神秘的的宗教色色彩。黃色的性格冷冷漠、高高傲、敏敏感、具具有擴(kuò)張張和不安安寧的視視覺印象象。淺黃色系明朗、、愉快、、希望、、發(fā)展,,它的雅雅致,清清爽屬性性,較適適合用于于女性及及化妝品品類網(wǎng)站站。中黃色有崇高,,尊貴,,輝煌、、注意、、擴(kuò)張的的心理感感受。深黃色給人高貴貴、溫和和、內(nèi)斂斂、穩(wěn)重重的心理理感受。。下面我們們根據(jù)黃黃色系不不同屬性性鄰近色色、同類類色的高高純度低低純度色色彩搭配配做不同同的舉例分析析。黃色EIXT大面積顯顯眼的正正黃色有有黑色的的線條壓壓制,黃黃色頓時時顯得沉沉穩(wěn),頁頁面增添添內(nèi)容感感。EIXT整個頁面面配色單單純,卻卻也不簡簡單,形形成另一一種設(shè)計計風(fēng)格EIXT藍(lán)色是色彩中中比較沉沉靜的顏顏色。象象征著永永恒與深深邃、高高遠(yuǎn)與博博大、壯壯闊與浩浩渺,是是令人心心境暢快快的顏色色。藍(lán)色的樸實、、穩(wěn)重、、內(nèi)向性性格,襯襯托那些些性格活活躍、具具有較強強擴(kuò)張力力的色彩彩,運用用對比手手法,同同時也活活躍頁面面。另一一方面又又有消極極、冷淡淡、保守守等意味味。藍(lán)色色與紅、、黃等色色運用得得當(dāng),能能構(gòu)成和和諧的對對比調(diào)和和關(guān)系。。藍(lán)色是冷色調(diào)調(diào)最典型型的代表表色,是是網(wǎng)站設(shè)設(shè)計中運運用得最最多的顏顏色,也也是許多多人鐘愛愛的顏色色。藍(lán)色表達(dá)著深深遠(yuǎn)、永永恒、沉沉靜、無無限、理理智、誠誠實、寒寒冷的多多種感覺覺。藍(lán)色色會給人人很強烈烈的安穩(wěn)穩(wěn)感,同同時藍(lán)色色還能夠夠表現(xiàn)出出和平、、淡雅、、潔凈、、可靠等等。下面我們們根據(jù)藍(lán)藍(lán)色系不不同屬性性的同類類色、鄰鄰近色、、高純度度對比、、相對對對比色等等色彩搭搭配做不不同的舉例分析析。藍(lán)色EIXT淺藍(lán)色有淡雅、清新、浪漫、高級的特質(zhì)EIXT深藍(lán)色給人穩(wěn)重、冷靜、嚴(yán)謹(jǐn)、冷漠、深沉、成熟的心理感受EIXT綠色在黃色和和藍(lán)色((冷暖))之間,,屬于較較中庸的的顏色,,這樣使使得綠色色的性格格最為平平和、安安穩(wěn)、大大度、寬寬容。是是一種柔柔順、恬恬靜、滿滿足、優(yōu)優(yōu)美、受受歡迎之之色。也也是網(wǎng)頁頁中使用用最為廣廣泛的顏顏色之一一。綠色與人類息息息相關(guān)關(guān),是永永恒的欣欣欣向榮榮是的自自然之色色,代表表了生命命與希望望,也充充滿了青青春活力力,綠色色象征著著和平與與安全、、發(fā)展與與生機(jī)、、舒適與與安寧、、松弛與與休息,,有緩解解眼部疲疲勞的作作用。它本身具具有一定定的與自自然、健健康相關(guān)關(guān)的感覺覺,所以以也經(jīng)常常用于與與自然、、健康相相關(guān)的站站點。綠綠色還經(jīng)經(jīng)常用于于一些公公司的公公關(guān)站點點或教育育站點。。綠色能使我們們的心情情變得格格外明朗朗。黃綠綠色代表表清新、、平靜、、安逸、、和平、、柔和、、春天、、青春、、升級的的心理感感受。下面我們們根據(jù)綠綠色系不不同屬性性鄰近色色、同類類色的高高純度低低純度、、對比色色等色彩彩搭配做做不同的的舉例分析析。綠色EIXT給人茂盛、健康、成熟、穩(wěn)重、生命、開闊的心理感受白色塊面面使得綠綠色的特特性發(fā)揮揮到最好好的狀態(tài)態(tài)并增強強了視覺覺節(jié)奏感感EIXT該頁面配配色較協(xié)協(xié)調(diào)、緩緩和主色調(diào)是是相對比比較鮮亮亮的顏色色,而輔輔助色和和點睛色色是屬于于比較沉沉穩(wěn)的顏顏色,頁頁面通過過大小色色塊的對對比提高高視覺的的反差力力度,增增強頁面面的感染染力。EIXT紫色是一種在在自然界界中比較較少見的的顏色。。象征著著女性化化,代表表著高貴貴和奢華華、優(yōu)雅雅與魅力力,也象象征著神神秘與莊莊重、神神圣和浪浪漫。另另一方面面又有孤孤獨等意意味。紫紫色在西西方宗教教世界中中是一種種代表尊尊貴的顏顏色,大大主教身身穿的教教袍便采采用了紫紫色。紫色的明度在在有彩色色的色度度中是最最低的。。紫色的的低明度度給人一一種沉悶悶、神秘秘的感覺覺。在紫紫色中紅紅的成份份較多時時,顯得得華麗和和諧。紫紫色中加加入少量量的黑,,沉重、、傷感、、恐怖、、莊嚴(yán)的的感覺。。紫色中中加入白白,變得得優(yōu)雅、、嬌氣,,并充滿滿女性的的魅力。。紫色通常用于于以女性性為對象象或以藝藝術(shù)作品品介紹為為主的站站點,但但很多大大公司的的站點中中也喜歡歡使用包包含神秘秘色彩的的紫色,,但都很很少做大大面積使使用。不同色調(diào)調(diào)的紫色色可以營營造非常常濃郁的的女性化化氣息,,在白色色的背景景色和灰灰色的突突出顏色色的襯托托下,紫紫色可以以顯示出出更大的的魅力。。下面我們們根據(jù)紫紫色系不不同屬性性的鄰近近色、高高純度低低純度配配色、相相對對比比色等色色彩搭配配做不同同的舉例分析析。紫色EIXT紫色配色:紫色+綠色綠色被譽為紫色的絕配色,背景色紫色由于色彩特質(zhì)明度較低的緣故,與明度較高的輔助色草綠色形成較明快的效果EIXT深紫色給人華貴、深遠(yuǎn)、神秘、孤寂、珍貴的心理感受EIXT灰色介于灰色色和白色色之間,,中性色色、中等等明度、、無色彩彩、極低低色彩的的顏色。?;疑苣軌蛭帐掌渌实幕罨盍?,削削弱色彩彩的對立立面,而而制造出出融合的的作用。?;疑且环N中中立色,,具有中中庸、平平凡、溫溫和、謙謙讓、中中立和高高雅的心心理感受受,也被被稱為高高級灰,,是經(jīng)久久不衰、、最經(jīng)看看的顏色色。任何色彩彩加入灰灰色都能能顯得含含蓄而柔柔和。但但是灰色色在給人人高品味味、含蓄蓄、精致致、雅致致耐人尋尋味的同同時,也也容易給給人頹廢廢、蒼涼涼、消極極、沮喪喪、沉悶悶的感受受,如果果搭配不不好頁面面容易顯顯得灰暗暗、臟。。從色彩學(xué)學(xué)上來說說,灰色色調(diào)又泛泛指所有有含灰色色度的復(fù)復(fù)合色,,而復(fù)合合色又是是三種以以上顏色色的調(diào)和和色。色色彩可以以有紅灰灰、黃灰灰、藍(lán)灰灰等上萬萬種彩色色灰,這這都是灰灰色調(diào),,而并不不單指純純正的灰灰色。下面我們們根據(jù)灰灰色搭配配不同的的顏色所所表現(xiàn)出出的視覺覺特性,,做一些些不同的的舉例分析析?;疑獷IXTEIXT同類灰色色+多種顏色色EIXTEIXT草綠加橙深藍(lán)色+黑=神秘+穩(wěn)重高雅的紅橙色的神神秘和悠悠遠(yuǎn)讓人人覺得品品味如何來評評價一個個網(wǎng)頁的的好壞??視覺效果果色彩搭配配整體布局局整體布局局一、布局設(shè)計計理念頁面尺寸寸顯示器分分辨率的的高低決決定頁面的顯顯示尺寸寸。1.2..4網(wǎng)頁版面面與布局設(shè)計計一、布局設(shè)計計理念頁面尺寸寸顯示器分分辨率的的高低決決定頁面的顯顯示尺寸寸。一般分辨辨率在800x600的情況況下,頁頁面的顯顯示尺寸寸為:780x428個像素素;分辨辨率在1024x768的情情況下,,頁面的的顯示尺尺寸為::1007x600個個像素。。寬度:760px左右右寬度:960px左右右一、布局設(shè)計計理念頁面尺寸寸頁面版式式顯示器分分辨率的的高低決決定顯示頁面面的尺寸寸。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è)計計的方法法紙上布局局在紙上畫畫出頁面面的布局局草圖。。軟件布局局手繪布局草圖手繪布局草圖手繪布局草圖手繪布局草圖二、布局設(shè)計計的方法法紙上布局局軟件布局局在紙上畫畫出頁面面的布局局草圖。。利用軟件件來完成成頁面的的布局。。軟件布局圖WordPhotoshopCS常用軟件件三、布局局設(shè)計的的技術(shù)表格布局局CSS布布局框架布局局表格布局技術(shù)它能對不不同對象象加以處處理,而而又不用用擔(dān)心各各對象之之間的影影響。優(yōu)點表格布局技術(shù)頁面結(jié)構(gòu)構(gòu)與表現(xiàn)現(xiàn)混雜在在一起,,不利于于后期的的維護(hù)。。缺點源代碼存存在大量量的冗余余代碼,,頁面下下載速度度受到影影響。CSS布局技術(shù)CSS布局技術(shù)表現(xiàn)形式式和內(nèi)容容結(jié)構(gòu)相相分離,,網(wǎng)頁結(jié)結(jié)構(gòu)清晰晰,便于于更好的的控制頁頁面布局局。優(yōu)點大大縮減減頁面代代碼,提提高頁面面瀏覽速速度,縮縮減了帶帶寬成本本。易于修改改和維護(hù)護(hù)??蚣懿季旨夹g(shù)優(yōu)點訪問者的的瀏覽器器不需為為每個頁頁面重新新加載導(dǎo)導(dǎo)航條;;每個框框架都具具有自己己的滾動動條,因因此訪問問者可以以獨立滾滾動這些些框架進(jìn)進(jìn)行瀏覽覽??蚣懿季旨夹g(shù)缺點并不是所所有瀏覽覽器都提提供良好好的框架架支持。。難以實現(xiàn)現(xiàn)在不同同框架中中精確的的對齊各各個頁面面元素。。網(wǎng)頁版面面設(shè)計的的步驟(1)畫畫出頁面面的結(jié)構(gòu)構(gòu)草圖::只需需畫出頁頁面的大大體結(jié)構(gòu)構(gòu),注意意分辨率率,設(shè)定定頁面顯顯示尺寸寸。(2)布布局細(xì)化化和調(diào)整整:將需需要放置置的功能能模塊安安排在頁頁面上,,注意突突出重點點和平衡衡協(xié)調(diào)。。(3)定定格:確確定出完完美的布布局方案案,定格格為最后后的版式式。導(dǎo)航種類類:圖形導(dǎo)航航文字字導(dǎo)航按按鈕導(dǎo)導(dǎo)航圖圖形+文文字導(dǎo)航航動畫導(dǎo)航航設(shè)計原則則:引導(dǎo)導(dǎo)性明明了性性視視覺性趣趣味味性位位置性性應(yīng)用原則則:通過過頁面設(shè)設(shè)計處理理主從導(dǎo)導(dǎo)航關(guān)系系。導(dǎo)航與網(wǎng)網(wǎng)站風(fēng)格格統(tǒng)一。。動態(tài)導(dǎo)航航鏈接關(guān)關(guān)系流暢暢。
1.2..5網(wǎng)網(wǎng)頁導(dǎo)航航設(shè)計文字導(dǎo)航航網(wǎng)頁設(shè)計計——導(dǎo)航設(shè)計計圖形導(dǎo)航航
網(wǎng)頁設(shè)計計——導(dǎo)航設(shè)計計動態(tài)導(dǎo)航航(Flash)
網(wǎng)頁設(shè)計計——導(dǎo)航設(shè)計計導(dǎo)航與網(wǎng)網(wǎng)站風(fēng)格格統(tǒng)一
網(wǎng)頁設(shè)計計——導(dǎo)航設(shè)計計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)實生生活中一一樣,網(wǎng)網(wǎng)站名稱稱是否正正氣,響響亮,易易記,對對網(wǎng)站的的形象和和宣傳推推廣也有有很大影影響。一般的建建議是::(1)名稱要正正。也就是是要合法法,和理理,和情情。不能能用反動動的,色色情的,,迷信的的,危害害社會安安全的名名詞語句句。(2)名稱要易易記。根據(jù)中中文網(wǎng)站站瀏覽者者的特點點,除非非特定需需要,網(wǎng)網(wǎng)站名稱稱最好用用中文名名稱,不不要使用用英文或或者中英英文混合合型名稱稱。(3)名稱要有有特色。名稱平平實就可可以接受受,如果果能體現(xiàn)現(xiàn)一定的的內(nèi)涵,,給瀏覽覽者更多多的視覺覺沖擊和和空間想想象力,,則為上上品。這這里舉幾幾個例子子:音樂樂前衛(wèi),,網(wǎng)頁陶陶吧,天天籟絕音音。在體體現(xiàn)出網(wǎng)網(wǎng)站主題題的同時時,能點點出特色色之處。。1.3..2網(wǎng)網(wǎng)站的風(fēng)風(fēng)格風(fēng)格(style)是是抽象的的。是指站點點的整體體形象給給瀏覽者者的綜合合感受。。這個“整整體形象象”包括括站點的的CI((標(biāo)志,,色彩,,字體,,標(biāo)語)),版面面布局,,瀏覽方方式,交交互性,,語氣,,內(nèi)容價價值,存存在意義義,站點點榮譽等等等諸多多因素。。風(fēng)格創(chuàng)意意(藝)),不僅僅僅是依依靠色彩彩,圖片片,架構(gòu)構(gòu)和文字字等視覺覺元素自自身的獨獨具創(chuàng)新新。重點點是視覺覺元素在在頁面中中達(dá)到協(xié)協(xié)調(diào)統(tǒng)一一,保持持一致的的識別體體系。網(wǎng)網(wǎng)站的特特有風(fēng)格格還包括括信息內(nèi)內(nèi)容的規(guī)規(guī)劃管理理,互動動程序的的建構(gòu)和和使用方方法等其其他非視視覺方面面。風(fēng)格類型型:金屬風(fēng)格格像素風(fēng)格格報紙風(fēng)格格三維風(fēng)格格大字報風(fēng)風(fēng)格網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)金屬風(fēng)格格
網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)像素風(fēng)格格
網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)報紙風(fēng)格格
網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)三維風(fēng)格格
網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)大字報風(fēng)風(fēng)格
網(wǎng)頁設(shè)計計——網(wǎng)站風(fēng)格格創(chuàng)意((藝)風(fēng)格是獨獨特的,,是站點點不同與與其他網(wǎng)網(wǎng)站的地地方?;蚧蛘呱什?,或者者技術(shù),,或者是是交互方方式,能能讓瀏覽覽者明確確分辨出出這是你你的網(wǎng)站站獨有的的。如何樹立立網(wǎng)站風(fēng)風(fēng)格呢??我們可可以分這這樣幾個個步驟::第一,確信風(fēng)格格是建立立在有價價值內(nèi)容容之上的的。一個網(wǎng)站站有風(fēng)格格而沒有有內(nèi)容,,就好比比繡花枕枕頭一包包草,好好比一個個性格傲傲慢但卻卻目不識識丁的人人。你首首先必須須保證內(nèi)內(nèi)容的質(zhì)質(zhì)量和價價值性。。這是最最基本的的,無須須置疑。。第二,你需要徹徹底搞清清楚自己己希望站站點給人人的印象象是什么么。第三,在明確自自己的網(wǎng)網(wǎng)站印象象后,開開始努力力建立和和加強這這種印象象。對于確定定風(fēng)格,,這里提提供一些些參考::1.將你你的標(biāo)志logo,盡可能能的出現(xiàn)現(xiàn)在每個個頁面上上?;蛘哒唔撁迹?,或者頁頁腳,或或則背景景。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)語語。把它做做在你的的banner里,或或者放在在醒目的的位置,,告訴大大家你的的網(wǎng)站的的特色。。5.使用用統(tǒng)一的的語氣和和人稱。。即使是是多個人人合作維維護(hù),也也要讓讀讀者覺得得是同一一個人寫寫的。6.使用用統(tǒng)一的的圖片處處理效果果。比如如,陰影影效果的的方向,,厚度,,模糊度度都必須須一樣。。7.創(chuàng)造造一個你你的站點點特有的的符號或或圖標(biāo)。。比如在在一句鏈鏈接前的的一個點點,可以以使用..?!睢?/p>
□□△→等等等。雖雖然很簡簡單的一一個變化化,卻給給人與眾眾不同的的感覺。。8.用自自己設(shè)計計的花邊邊,線條條,點。。1.3..3網(wǎng)網(wǎng)站的CI形象象所謂CI,是借借用的廣廣告術(shù)語語。(CI是英英文corporateidentity的縮縮寫),,意思是是通過視視覺來統(tǒng)統(tǒng)一企業(yè)業(yè)的形象象。標(biāo)志,色彩,字體,標(biāo)語是一個網(wǎng)網(wǎng)站樹立立CI形形象的關(guān)關(guān)鍵,確確切的說說是網(wǎng)站站的表面面文章,,設(shè)計并并完成這這幾步,,你的網(wǎng)網(wǎng)站將脫脫胎換骨骨,整體體形象就就會有一一個提高高。在您的網(wǎng)網(wǎng)站主題題和名稱稱定下來來之后,,需要思思考的就就是網(wǎng)站站的CI形象。。設(shè)計網(wǎng)站站的標(biāo)志志(logo))如同商標(biāo)標(biāo)一樣,,logo是你你站點特特色和內(nèi)內(nèi)涵的集集中體現(xiàn)現(xiàn),看見見logo就讓讓大家聯(lián)聯(lián)想起你你的站點點。標(biāo)志可以以是中文文,英文文字母,,可以是是符號,,圖案,,可以是是動物或或者人物物等等。。比如::新浪用用字母sina+眼睛睛作為標(biāo)標(biāo)志。標(biāo)標(biāo)志的設(shè)設(shè)計創(chuàng)意意來自你你網(wǎng)站的的名稱和和內(nèi)容。。比如:(1)..網(wǎng)站有有代表性性的人物物,動物物,花草草,可以以用它們們作為設(shè)設(shè)計的藍(lán)藍(lán)本,加加以卡通通化和藝藝術(shù)化,,例如迪迪斯尼的的米老鼠鼠,搜狐狐的卡通通狐貍,,鯊?fù)w體壇的籃籃球鯊魚魚。(2)..網(wǎng)站有有專業(yè)性性的,可可以以本本專業(yè)有有代表的的物品作作為標(biāo)志志。比如如中國銀銀行的銅銅板標(biāo)志志,奔馳馳汽車的的方向盤盤標(biāo)志。。新浪用字字母sina++眼睛作作為標(biāo)志志。北京億恒恒偉業(yè)房房地產(chǎn)開開發(fā)有限限公司的的標(biāo)志是是以“億億恒偉業(yè)業(yè)”四個個漢字的的變形為為主體。?!皟|””字左半半部變形形為數(shù)字字“1””,預(yù)示示著公司司將成為為行業(yè)的的龍頭老老大,也也預(yù)示者者公司全全體員工工永爭第第一的拼拼搏精神神和“信信譽第一一、質(zhì)量量第一””的經(jīng)營營理念,,同時也也寓意著著公司的的發(fā)展一一帆風(fēng)順順。北京愛永永恒影樓樓的標(biāo)志志是以英英文字母母“LOVE""和一顆顆紅心為為主體,,紅心中中間是抽抽象的一一男一女女?dāng)y手前前進(jìn)的圖圖形,寓寓意著兩兩個人一一顆心,,從而寓寓意著愛愛永恒。。北京市昌昌平區(qū)第第一屆機(jī)機(jī)關(guān)運動動會的會會徽是以以“昌平平”的漢漢拼“CHANGPING””的第一一個字母母“C””和“機(jī)機(jī)關(guān)”的的漢拼““JIGUAN”的第第一個字字母“J”變形形組合的的綠色跑跑道和運運動員為為主題。。整個標(biāo)標(biāo)志充滿滿活力和和激情,,寓意著著昌平區(qū)區(qū)各機(jī)關(guān)關(guān)人員在在區(qū)政府府的正確確領(lǐng)導(dǎo)下下,各項項事業(yè)蓬蓬勃發(fā)展展,充滿滿生機(jī)!!設(shè)計網(wǎng)站站的宣傳傳標(biāo)語網(wǎng)站的宣宣傳標(biāo)語語可以說說是網(wǎng)站站的精神神,網(wǎng)站站的目標(biāo)標(biāo)。用一一句話甚甚至一個個詞來高高度概括括。類似似實際生生活中的的廣告金金句。例例如:鵲鵲巢的““味道好好極了””;麥斯斯威爾的的“好東東西和好好朋友一一起分享享”;Intel的““給你一一個奔騰騰的心””。1.3..4確確定網(wǎng)站站的欄目目和版塊塊在動手制制作網(wǎng)頁頁前,一一定要考考慮好以以下三方方面:(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è)計(1)確確定欄欄目和版版塊欄目的實實質(zhì)是一一個網(wǎng)站站的大綱綱索引,,索引應(yīng)應(yīng)該將網(wǎng)網(wǎng)站的主主體明確確顯示出出來。在在制定欄欄目的時時候,要要仔細(xì)考考慮,合合理安排排。一般般的網(wǎng)站站欄目安安排要注注意以下下幾方面面:①一定記住住要緊扣扣你的主主題!一般的做做法是::將你的的主題按按一定的的方法分分類并將將它們作作為網(wǎng)站站的主欄欄目。主主題欄目目個數(shù)在在總欄目目中要占占絕對優(yōu)優(yōu)勢,這這樣的網(wǎng)網(wǎng)站顯的的專業(yè),,主題突突出,容容易給人人留下深深刻印象象。②設(shè)一個最最近更新新或網(wǎng)站站指南欄欄目如果你的的首頁沒沒有安排排版面放放置最近近更新內(nèi)內(nèi)容信息息,就有有必要設(shè)設(shè)立一個個“最近近更新””的欄目目。這樣樣做是為為了照顧顧常來的的訪客,,讓你的的主頁更更有人性性化。③設(shè)定一個個可以雙雙向交流流的欄目目不需要很很多,但但一定要要有。比比如論壇壇,留言言本,郵郵件列表表等,可可以讓瀏瀏覽者留留下他們們的信息息。有調(diào)調(diào)查表明明,提供供雙向交交流的站站點比簡簡單的留留一個““Emailme””的站點點更具有有親和力力。④設(shè)定定一個下下載或常常見問題題回答欄欄目網(wǎng)絡(luò)的特特點是信信息共享享。如果你看看到一個個站點有有大量的的優(yōu)秀的的有價值值的資料料,你肯肯定希望望能一次次性下載載,而不不是一頁頁一頁瀏瀏覽存盤盤?!皩⑿谋刃男摹痹谀隳阕约旱牡闹黜撋仙显O(shè)置一一個資料料下載欄欄目,會會得到大大家的喜喜歡。另另外,如如果您的的站點經(jīng)經(jīng)常收到到網(wǎng)友關(guān)關(guān)于某方方面的問問題來信信,你最最好設(shè)立立一個常常見問題題回答的的欄目,,既方便便了網(wǎng)友友,也可可以節(jié)約約自己更更多時間間用以學(xué)學(xué)習(xí)??偨Y(jié)以上上幾點,,我們得得出劃分分欄目需需要注意意的是::●盡可能能刪除與與主題無無關(guān)的欄欄目●盡可能能將網(wǎng)站站最有價價值的內(nèi)內(nèi)容列在在欄目上上●盡可能能方便訪訪問者的的瀏覽和和查詢上面說的的是欄目目,我們們再看看看版塊設(shè)設(shè)置。版塊比欄欄目的概概念要大大一些,,每個版版塊都有有自己的的欄目。。舉個例例子:網(wǎng)網(wǎng)易的站站點分新新聞,體體育,財財經(jīng),娛娛樂,教教育等版版塊,每每個版塊塊下面有有各有自自己的主主欄目。。一般的個個人站點點內(nèi)容少少,只有有主欄目目(主菜菜單)就就夠了,,不需要要設(shè)置版版塊。⑴在網(wǎng)站根根目錄中中開設(shè)images、common、temp三個子目目錄,根根據(jù)需要要再開設(shè)設(shè)media子目錄..images目目錄中放放不同欄欄目的頁頁面都要要用到的的公共圖圖片,例例如公司司的標(biāo)志志logo、banner條條、菜菜單、按按鈕等等等;common子子目錄錄中放css、、include等等公共文文件;temp
子目目錄放客客戶提供供的各種種文字圖圖片等等等原始資資料;media子子目錄中中放flash,avi,,
quick
time等等多媒媒體文件件
。(2)網(wǎng)網(wǎng)站的的目錄結(jié)結(jié)構(gòu)在根目錄錄中按照照首頁的的欄目結(jié)結(jié)構(gòu),給每一個個欄目開開設(shè)一個個目錄,根據(jù)需需要在每每一個欄欄目的目目錄中開開設(shè)一個個images
和media的的子目錄錄用以放放置此欄欄目專有有的圖片片和多媒媒體文件件,如果果這個欄欄目的內(nèi)內(nèi)容特別別多,又又分出很很多下級級欄目
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二五年度企業(yè)宣傳片配音音效音樂定制合同
- 二零二五年度房產(chǎn)代持專項協(xié)議(房產(chǎn)權(quán)屬變更代持)
- 二零二五年度廣告法律法規(guī)咨詢服務(wù)合同
- 二零二五年度智慧交通項目策劃與建設(shè)合同
- 2025年度知識產(chǎn)權(quán)法律咨詢服務(wù)授權(quán)委托協(xié)議書
- 二零二五年度牛羊養(yǎng)殖基地牛羊防疫與購買合同
- 二零二五醫(yī)療糾紛賠償協(xié)議書:醫(yī)療侵權(quán)賠償法律援助合同
- 2025年度新能源技術(shù)研發(fā)中心員工勞動合同
- 二零二五年度情感維系不分手婚姻承諾書
- 2025年度環(huán)保設(shè)備居間合同介紹費及服務(wù)費協(xié)議
- 醫(yī)院DRG付費知識培訓(xùn)課件
- 高考語文一輪復(fù)習(xí):文學(xué)類文本閱讀練習(xí)
- (2024年)保安培訓(xùn)圖文課件
- 中醫(yī)養(yǎng)生保健素養(yǎng)知識講座
- 雷達(dá)干擾技術(shù)概述
- JBT 7901-2023 金屬材料實驗室均勻腐蝕全浸試驗方法 (正式版)
- 2024年南通建筑電工證考試題模擬試題電工培訓(xùn)試題及答案(全國通用)
- 2025小學(xué)道德與法治開學(xué)第一課(思想政治理論教育課)
- 基于STM32Cube的嵌入式系統(tǒng)應(yīng)用 教案
- 動畫分鏡頭腳本設(shè)計課件
- 江蘇省成人高等教育畢業(yè)生登記表
評論
0/150
提交評論