網(wǎng)頁(yè)設(shè)計(jì)與制作第一章_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作第一章_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作第一章_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作第一章_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)與制作第一章_第5頁(yè)
已閱讀5頁(yè)，還剩32頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

目錄1網(wǎng)頁(yè)制作基礎(chǔ)1.1什么是網(wǎng)頁(yè)1.2超文本標(biāo)記語(yǔ)言1.3網(wǎng)頁(yè)美化工具1.4網(wǎng)站設(shè)計(jì)流程1.5網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)習(xí)題一2

DreamweaverCS6基礎(chǔ)2.1DreamweaverCS6的主要功能2.2DreamweaverCS6的安裝、卸載與啟動(dòng)2.3DreamweaverCS6的工作界面2.4創(chuàng)建和管理站點(diǎn)2.5站點(diǎn)管理綜合實(shí)例習(xí)題二3文檔的操作3.1文檔的基本操作3.2文本的基本操作習(xí)題三目錄4圖像和其他媒體4.1插入圖像4.2插入動(dòng)畫、視頻與聲音習(xí)題四5表格5.1創(chuàng)建表格5.2編輯表格和單元格5.3表格數(shù)據(jù)的導(dǎo)入與導(dǎo)出5.4表格布局綜合實(shí)例習(xí)題五6AP元素6.1AP元素概述6.2AP元素的創(chuàng)建與編輯6.3AP元素的疊加和嵌套6.4AP元素與表格的互相轉(zhuǎn)換6.5Spry構(gòu)件習(xí)題六目錄7框架7.1創(chuàng)建框架7.2框架的基本操作7.3框架布局綜合實(shí)例習(xí)題七8CSS樣式8.1使用CSS8.2CSS屬性8.3CSS樣式綜合實(shí)例習(xí)題八9表單設(shè)計(jì)9.1表單9.2建立表單元素9.3Spry表單驗(yàn)證9.4表單綜合實(shí)例習(xí)題九目錄10行為10.1行為概述10.2DreamweaverCS6自帶的行為10.3行為應(yīng)用綜合實(shí)例習(xí)題十11站點(diǎn)資源管理、模板和庫(kù)11.1站點(diǎn)資源管理面板11.2模板11.3庫(kù)習(xí)題十一12網(wǎng)站制作實(shí)例——學(xué)校網(wǎng)站制作12.1教育門戶網(wǎng)站12.2建立教育網(wǎng)站的原則12.3學(xué)校網(wǎng)站制作過程1網(wǎng)頁(yè)制作基礎(chǔ)1.1什么是網(wǎng)頁(yè)1.2超文本標(biāo)記語(yǔ)言1.3網(wǎng)頁(yè)美化工具1.4網(wǎng)站設(shè)計(jì)流程1.5網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)1.1什么是網(wǎng)頁(yè)WWW（WordWideWeb，譯為“萬(wàn)維網(wǎng)”）是由遍布世界各地的Web服務(wù)器組成的，那么，這些Web服務(wù)器又是如何構(gòu)成一個(gè)龐大的資源集合的呢？答案就是網(wǎng)頁(yè)。由于網(wǎng)頁(yè)中包含“超鏈接”，這些超鏈接可以將一個(gè)網(wǎng)頁(yè)鏈接到其他網(wǎng)頁(yè)，從而構(gòu)成萬(wàn)維網(wǎng)的縱橫交織結(jié)構(gòu)。1.1.1網(wǎng)站與網(wǎng)頁(yè)通過超鏈接連接起來(lái)的一系列邏輯上可以視為一個(gè)整體的一些網(wǎng)頁(yè)稱為“網(wǎng)站”。一個(gè)網(wǎng)站是由很多網(wǎng)頁(yè)構(gòu)建而成的?；蛘哒f(shuō)，網(wǎng)站就是一個(gè)鏈接的頁(yè)面集合，通常是為了完成某個(gè)特定目標(biāo)。網(wǎng)站是有獨(dú)立域名、獨(dú)立存放空間的內(nèi)容集合，這些內(nèi)容可能是網(wǎng)頁(yè)，也可能是程序或其他文件。網(wǎng)頁(yè)是網(wǎng)站最基本的組成部分。一般情況下，網(wǎng)站都有一個(gè)首頁(yè)，或者說(shuō)主頁(yè)，作為網(wǎng)站的開始點(diǎn)，也是訪問量最大的一個(gè)頁(yè)面。首頁(yè)的作用一般像是一本書的目錄，訪問者可以通過首頁(yè)進(jìn)入網(wǎng)站的各個(gè)分頁(yè)，以便了解網(wǎng)站的內(nèi)容。因此，網(wǎng)站首頁(yè)的制作是很重要的，它給訪問者留下第一印象，也奠定了網(wǎng)站的主題和整個(gè)基調(diào)，使訪問者進(jìn)入首頁(yè)就能清楚地知道該網(wǎng)站所要傳遞的信息。首頁(yè)的名稱一般是固定的，例如index.htm或default.htm等。1.1.2網(wǎng)頁(yè)的本質(zhì)用戶是通過瀏覽器來(lái)訪問Web服務(wù)器上的網(wǎng)頁(yè)的。那么，網(wǎng)頁(yè)的本質(zhì)到底是什么呢？如果在瀏覽器窗口中任意打開一個(gè)網(wǎng)頁(yè)，然后執(zhí)行【查看】|【源文件】命令，則系統(tǒng)會(huì)啟動(dòng)“記事本”程序，其中包含一些文本信息，如圖1-1所示。這些文本實(shí)際就是網(wǎng)頁(yè)的本質(zhì)——HTML（hypertextmarkuplanguage，超文本標(biāo)記語(yǔ)言）源代碼。由此可以看出，網(wǎng)頁(yè)就是用HTML寫成的文檔，在互聯(lián)網(wǎng)中可以通過瀏覽器程序進(jìn)行瀏覽。圖1-1網(wǎng)頁(yè)的本質(zhì)1.1.3網(wǎng)站的主題與風(fēng)格網(wǎng)站有諸多類型，如新聞?lì)?、體育類、文化類、教育類、企業(yè)類等。無(wú)論何種類型，主題必求準(zhǔn)確，明確的主題體現(xiàn)了網(wǎng)頁(yè)設(shè)計(jì)者的設(shè)計(jì)宗旨。主題是否明確直接影響到訪問者對(duì)站點(diǎn)的訪問頻率。當(dāng)一個(gè)網(wǎng)站的主題明確而且題材新穎時(shí)，必然會(huì)鎖定訪問者的視線，也會(huì)讓訪問者成為該網(wǎng)站的“?？汀?。例如“網(wǎng)易”（圖1-2）是一個(gè)綜合型信息類網(wǎng)站，時(shí)訊報(bào)道詳實(shí)，內(nèi)容（信息）全面；“清風(fēng)閣”（圖1-3）是文化類個(gè)人網(wǎng)站，在網(wǎng)絡(luò)上提供了一個(gè)休憩園地；“IBM”（圖1-4）是一個(gè)企業(yè)網(wǎng)站，目的在于宣揚(yáng)企業(yè)的文化理念，介紹公司的業(yè)務(wù)范圍。風(fēng)格是網(wǎng)站給訪問者留下的綜合感受，是一種抽象的感覺。網(wǎng)站的風(fēng)格包含了CI形象、頁(yè)面色調(diào)、交互性、文字畫面、網(wǎng)頁(yè)內(nèi)容等諸多因素，既可嚴(yán)肅認(rèn)真，又可活潑生動(dòng)；既有極高的資料價(jià)值，又有令人嘆為觀止的藝術(shù)魅力。如“網(wǎng)易”的信息豐富，“清風(fēng)閣”的清新樸實(shí)，“IBM”的專業(yè)嚴(yán)肅，這些都是網(wǎng)站給人們留下的不同感受。圖1-2網(wǎng)易網(wǎng)站圖1-3清風(fēng)閣（文化類個(gè)人網(wǎng)站）圖1-4IBM中國(guó)網(wǎng)站1.2超文本標(biāo)記語(yǔ)言網(wǎng)頁(yè)的本質(zhì)是超文本標(biāo)記語(yǔ)言——HTML，它是網(wǎng)頁(yè)制作的基礎(chǔ)。HTML由于編寫簡(jiǎn)單，在互聯(lián)網(wǎng)領(lǐng)域中被廣泛應(yīng)用，成為制作網(wǎng)頁(yè)的主要編寫語(yǔ)言。1.2.1超文本所謂“超文本（hypertext）”，主要由超鏈接構(gòu)成。它與線性的文本文檔（text）從上到下、從前到后的閱讀順序不同。用戶點(diǎn)擊某些鏈接標(biāo)記，將會(huì)打開另外的文本文檔。當(dāng)引入超媒體（hypermedia）后，將超文本與媒體信息連接起來(lái)，用戶只要點(diǎn)擊一下鏈接標(biāo)志，就能夠聽到一段音樂、欣賞一幅圖片、觀看一部影片。正是超文本的超鏈接特性，使得互聯(lián)網(wǎng)越來(lái)越豐富多彩。1.2.2超文本標(biāo)記語(yǔ)言HTML超文本標(biāo)記語(yǔ)言HTML是一種為網(wǎng)頁(yè)建立超文本文檔的編程語(yǔ)言，用它編寫的文檔的擴(kuò)展名是.html或.htm，它們是可供瀏覽器解釋瀏覽的文件格式。但HTML不是真正意義上的編程語(yǔ)言（如C語(yǔ)言、Basic語(yǔ)言），而是描述性的標(biāo)記語(yǔ)言。因此，用HTML編寫出的文檔也不稱為程序，而稱作超文本文檔。HTML可使用于非常廣泛的平臺(tái)上，任何文本編輯器都支持使用HTML文檔。HTML語(yǔ)言使用標(biāo)記對(duì)的方法編寫文檔，既簡(jiǎn)單又方便，它通常使用<標(biāo)記名>和</標(biāo)記名>分別表示標(biāo)記的開始和結(jié)束。（1）<html></html>標(biāo)記對(duì)<html>標(biāo)記寫在HTML文檔的最前面，用來(lái)標(biāo)記HTML文檔的開始；而</html>放在HTML文檔的最后面，用來(lái)標(biāo)記HTML文檔的結(jié)束，兩個(gè)標(biāo)記必須成對(duì)使用。（2）<head></head>標(biāo)記對(duì)<head>和</head>構(gòu)成HTML文檔的文件頭部分，在此標(biāo)記對(duì)之間可以使用<title></title>、<script></script>等標(biāo)記對(duì)，這些標(biāo)記對(duì)都是描述HTML文檔相關(guān)信息的標(biāo)記對(duì)。<head></head>標(biāo)記對(duì)之間的內(nèi)容是不會(huì)在瀏覽器的窗口中顯示出來(lái)的，這兩個(gè)標(biāo)記必須成對(duì)使用。<title>和</title>用來(lái)設(shè)置網(wǎng)頁(yè)的標(biāo)題，只要在<title></title>標(biāo)記對(duì)之間加入需顯示的標(biāo)題內(nèi)容即可。提示：<title></title>標(biāo)記對(duì)只能放在<head></head>標(biāo)記對(duì)之間。（3）<body></body>標(biāo)記對(duì)<body></body>標(biāo)記對(duì)是HTML文檔的主體部分，在這個(gè)標(biāo)記對(duì)之間可包含<p>、</p>、<h1>、</h1>、<br>、</br>等眾多標(biāo)記，它們所定義的文本、圖像等將會(huì)在瀏覽器窗口中顯示出來(lái)。〖操作案例〗HTML文檔中基本標(biāo)記的使用<html><!--文件開始標(biāo)記--><head><title>這里是網(wǎng)頁(yè)的標(biāo)題</title></head><!--<head></head>文件頭部分--><bodybgcolor="blue"text="white"><palign="center">藍(lán)色背景、白色文字</p></body><!--<body></body>文件主體部分--></html><!--文件結(jié)束標(biāo)記-->提示：bgcolor="blue"定義背景色為藍(lán)色；text="white"定義文本顏色為白色；align="center"定義對(duì)齊方式為居中；<p>和</p>是段落的開始和結(jié)束標(biāo)記。1.3網(wǎng)頁(yè)美化工具為了讓制作的網(wǎng)頁(yè)更為美觀，網(wǎng)頁(yè)設(shè)計(jì)者在利用網(wǎng)頁(yè)編輯軟件制作網(wǎng)頁(yè)的同時(shí)，還需使用網(wǎng)頁(yè)美化工具對(duì)網(wǎng)頁(yè)進(jìn)行美化。網(wǎng)頁(yè)美化工具包括圖形處理工具、動(dòng)畫設(shè)計(jì)工具、聲音處理工具和視頻處理工具等。1.3.1PhotoshopPhotoshop是由Adobe公司推出的一款專業(yè)的圖像編輯處理軟件，它是目前公認(rèn)的PC（personalcomputer，個(gè)人電腦）機(jī)上最好的通用平面設(shè)計(jì)軟件，其強(qiáng)大的圖像處理與編輯功能在平面設(shè)計(jì)、商業(yè)插畫設(shè)計(jì)、印刷品排版設(shè)計(jì)、網(wǎng)頁(yè)制作等方面應(yīng)用都非常廣泛。它功能完善、性能穩(wěn)定、使用方便，所以對(duì)于幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面制作軟件。1.3.2FireworksFireworks是美國(guó)Macromedia公司發(fā)布的一款專為設(shè)計(jì)網(wǎng)絡(luò)圖形的圖形編輯軟件，它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無(wú)論是專業(yè)設(shè)計(jì)家還是業(yè)余愛好者，使用Fireworks不僅可以輕松地制作出具有動(dòng)感的GIF動(dòng)畫，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等操作。因此，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，借助Fireworks可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精確控制。Fireworks與Dreamweaver結(jié)合緊密，只要將Dreamweaver的默認(rèn)圖像編輯器設(shè)成Fireworks，那么在Fireworks里修改的文件將立即在Dreamweaver中得到更新。1.3.3FlashFlash是Macromedia公司開發(fā)的一款二維動(dòng)畫軟件。它是交互式矢量圖和Web動(dòng)畫的標(biāo)準(zhǔn)，網(wǎng)頁(yè)設(shè)計(jì)者使用Flash可制作出既漂亮又可改變尺寸的導(dǎo)航界面和奇特的網(wǎng)頁(yè)效果。Flash功能十分強(qiáng)大和獨(dú)特，主要應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)和多媒體創(chuàng)作等領(lǐng)域，如網(wǎng)頁(yè)動(dòng)畫、教學(xué)動(dòng)畫、網(wǎng)頁(yè)廣告、在線游戲等。1.4

網(wǎng)站設(shè)計(jì)流程一個(gè)網(wǎng)站的成功與否與建站前的規(guī)劃有著重要的關(guān)系。為使網(wǎng)站能夠達(dá)到預(yù)期目的，滿足用戶要求，網(wǎng)頁(yè)設(shè)計(jì)者不僅需要在網(wǎng)站建設(shè)過程中與用戶進(jìn)行良好的溝通與交流，更重要的是要遵循網(wǎng)站設(shè)計(jì)流程，只有這樣，才能做到既不浪費(fèi)時(shí)間，又能提高效率，還能保證網(wǎng)站的科學(xué)性、嚴(yán)謹(jǐn)性。一般將網(wǎng)站設(shè)計(jì)流程分為以下幾個(gè)階段。1.4.1

確定主題主題就是網(wǎng)站的題材。主題決定了網(wǎng)站的內(nèi)容。一個(gè)成功的網(wǎng)站，其內(nèi)容一定有獨(dú)到之處，否則不能吸引眾多的訪問者。無(wú)論是個(gè)人網(wǎng)站還是企業(yè)網(wǎng)站，或是綜合性信息網(wǎng)站，都應(yīng)該明確網(wǎng)站主題，這樣才能達(dá)到預(yù)期效果。大致將網(wǎng)站劃分為十類，其實(shí)每一類都可以細(xì)分下來(lái)。在選擇主題時(shí)，可以選一個(gè)自己熟悉或感興趣的小題材。例如，娛樂類中選擇音樂這個(gè)方向來(lái)確定主題。在確定網(wǎng)站主題時(shí)應(yīng)考慮三點(diǎn)：主題定位小，內(nèi)容精；主題是自己熟悉的；題材新穎。1.4.2搜集資料確定好主題后，網(wǎng)頁(yè)設(shè)計(jì)者可開始著手搜集素材，與主題相關(guān)的內(nèi)容應(yīng)分門別類地存放好。可以搜集大量的文字資料，因?yàn)橐粋€(gè)網(wǎng)頁(yè)所呈現(xiàn)給訪問者的應(yīng)是翔實(shí)的文章報(bào)道。然后要考慮搜集一些與文字內(nèi)容相配的圖片資料。純文字的網(wǎng)頁(yè)毫無(wú)美感可言，也留不住訪問者的視線。為了突出文字內(nèi)容，應(yīng)搭配一定的圖片。如果沒有合適的圖片，可以使用圖形編輯軟件自己設(shè)計(jì)一些適宜的圖片放在網(wǎng)頁(yè)上。另外，還可以搜集一些背景音樂、動(dòng)態(tài)按鈕、視頻等網(wǎng)頁(yè)素材，讓網(wǎng)頁(yè)更加精彩。1.4.3網(wǎng)站的整體規(guī)劃建立一個(gè)網(wǎng)站如同寫一篇文章，首先應(yīng)該擬好一個(gè)提綱，這樣文章才會(huì)主題鮮明、層次清楚。當(dāng)確定好網(wǎng)站主題后，就要考慮欄目和版塊、網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)。欄目是一個(gè)網(wǎng)站的大綱索引，所以欄目應(yīng)該在首頁(yè)醒目的地方顯示。版塊可以是好幾個(gè)同類欄目的集合，它的概念比欄目要大。例如“網(wǎng)易”網(wǎng)站可以分新聞版塊、體育版塊、娛樂版塊等，每個(gè)版塊又可細(xì)分成幾個(gè)欄目。當(dāng)確定好網(wǎng)站的主要欄目之后，網(wǎng)站的基本結(jié)構(gòu)已大致成形，隨即目錄結(jié)構(gòu)也可以建立起來(lái)。一般可以根據(jù)欄目?jī)?nèi)容來(lái)建立子目錄。確定鏈接結(jié)構(gòu)時(shí)，則根據(jù)建立網(wǎng)站的實(shí)際內(nèi)容來(lái)建立鏈接。一般情況下，主頁(yè)可以鏈接到各欄目分網(wǎng)頁(yè)中，各欄目分網(wǎng)頁(yè)又可回到主頁(yè)。大型網(wǎng)站的鏈接層次多，各網(wǎng)頁(yè)之間的聯(lián)系要靠超鏈接來(lái)實(shí)現(xiàn)。1.4.4

網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)站主題確定之后，相關(guān)資料搜集全了，整體結(jié)構(gòu)也設(shè)計(jì)好了，那么就可以著手來(lái)制作網(wǎng)頁(yè)了。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)應(yīng)統(tǒng)一網(wǎng)站的整體風(fēng)格。風(fēng)格是有個(gè)性的，通過網(wǎng)站的色彩、文字、布局、交互方式可以概括出一個(gè)站點(diǎn)的風(fēng)格：是粗獷豪放的，或是清新秀麗的；是溫文儒雅的，或是執(zhí)著熱情的；是活潑易變的，或是墨守成規(guī)的。為了形成獨(dú)特的網(wǎng)站風(fēng)格，網(wǎng)頁(yè)設(shè)計(jì)者應(yīng)仔細(xì)考究網(wǎng)站的標(biāo)志，色彩，字體的規(guī)范、統(tǒng)一及其藝術(shù)魅力。1.4.5網(wǎng)站測(cè)試與發(fā)布網(wǎng)站建設(shè)的前期工作完成后，接下來(lái)的工作是測(cè)試網(wǎng)站并發(fā)布到互聯(lián)網(wǎng)上。當(dāng)站點(diǎn)制作完成后，必須檢驗(yàn)站點(diǎn)的功能，找到錯(cuò)誤，即時(shí)更正。測(cè)試實(shí)際上就是模擬用戶訪問網(wǎng)站的過程，通過測(cè)試來(lái)發(fā)現(xiàn)站點(diǎn)的問題并改進(jìn)。測(cè)試的內(nèi)容有很多，如不同的瀏覽器能否瀏覽站點(diǎn)，不同顯示分辨率能否顯示網(wǎng)站，站點(diǎn)內(nèi)有沒有斷開或錯(cuò)誤的鏈接等。網(wǎng)站測(cè)試成功后，就可以將網(wǎng)站上傳、發(fā)布到互聯(lián)網(wǎng)，訪問者就能瀏覽已經(jīng)制作好的網(wǎng)站了。1.4.6

網(wǎng)站的宣傳與推廣要使自己設(shè)計(jì)的網(wǎng)站能夠被更多的人訪問，網(wǎng)站的宣傳推廣是必不可少的。網(wǎng)站常見的推廣方式非常多，可以使用戶外廣告、車身廣告、搜索引擎、網(wǎng)絡(luò)廣告和電子郵件等方式對(duì)網(wǎng)站進(jìn)行宣傳。但是對(duì)于一個(gè)沒有很多資金運(yùn)轉(zhuǎn)的網(wǎng)站，最好采用幾種比較廉價(jià)而且效果比較好的推廣方式，如搜索引擎、網(wǎng)絡(luò)廣告、交換友情鏈接和交換友情廣告、電子郵件。1.4.7

網(wǎng)站的更新與維護(hù)網(wǎng)站發(fā)布成功后，后期工作主要是日常更新與維護(hù)。一個(gè)優(yōu)秀的站點(diǎn)能夠吸引眾多訪問者，除了網(wǎng)站主題新穎外，還要靠網(wǎng)站的即時(shí)更新和日常維護(hù)。一個(gè)網(wǎng)站只有不斷更新才具有生命力。更新網(wǎng)站內(nèi)容，更新網(wǎng)頁(yè)版式布局，更新頁(yè)面色調(diào)，都是更新站點(diǎn)的方法。若想讓更多的人訪問自己的網(wǎng)站，就應(yīng)該考慮給網(wǎng)站改換新面孔，增添實(shí)用的訊息。1.5

網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)很多從事網(wǎng)頁(yè)設(shè)計(jì)的計(jì)算機(jī)專業(yè)人員，對(duì)網(wǎng)頁(yè)的制作技術(shù)比較熟悉，但對(duì)網(wǎng)頁(yè)的藝術(shù)性和個(gè)性設(shè)計(jì)卻感到力不從心。特別是沒有經(jīng)過藝術(shù)設(shè)計(jì)專業(yè)訓(xùn)練的網(wǎng)頁(yè)制作者，在掌握了網(wǎng)頁(yè)制作技術(shù)的情況下，都渴望將自己的網(wǎng)頁(yè)制作得更具有創(chuàng)意和美感。下面將介紹網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的版式設(shè)計(jì)與色彩設(shè)計(jì)。1.5.1網(wǎng)頁(yè)版式設(shè)計(jì)所謂網(wǎng)頁(yè)的版式設(shè)計(jì)，是指在有限的屏幕空間上將視聽多媒體元素進(jìn)行有機(jī)的排列組合，將理性思維個(gè)性化表現(xiàn)出來(lái)。這是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí)，也產(chǎn)生感官上的美感和精神上的享受。網(wǎng)頁(yè)的版式是在考慮造型因素和視覺因素的基礎(chǔ)上創(chuàng)建出的頁(yè)面形式。（1）版式設(shè)計(jì)遵循的基本原則①對(duì)稱性：一般是左右、上下式樣上的平衡?？刹捎梅謾诘男问剑鐧M向分兩欄、三欄、四欄，縱向分兩欄、三欄、四欄等。平衡給人安定、誠(chéng)實(shí)、可信的感覺。圖1-4所示IBM中國(guó)網(wǎng)站首頁(yè)的布局就是一種平衡的網(wǎng)頁(yè)效果。②不對(duì)稱性：橫向是偏重上邊或偏重下邊，縱向是偏左或偏右的布局，但也應(yīng)講究平衡與韻律。這種版式能達(dá)到強(qiáng)調(diào)性、高注目性的效果。（2）常用網(wǎng)頁(yè)版式布局①“骨格型”布局。網(wǎng)頁(yè)版式的骨格型是一種規(guī)范、理性的分割方法，類似于報(bào)刊的版式（圖1-5）。②“分割型”布局。把整個(gè)頁(yè)面分成上下或左右兩部分，分別安排圖片和文案，兩個(gè)部分形成對(duì)比：有圖片的部分感性而具有活力，文案部分則理性而寧?kù)o（圖1-6）。圖1-5“骨格型”網(wǎng)頁(yè)布局圖1-6“分割型”網(wǎng)頁(yè)布局③“滿版型”布局。頁(yè)面以圖像充滿整版，主要以圖像為訴求點(diǎn)，也可將部分文字置于圖像之上，視覺傳達(dá)效果直觀而強(qiáng)烈

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論