網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)教程作者:裴獻(xiàn)出版社：科學(xué)出版社出版時(shí)間：2010-09-01ISBN:9787030285744內(nèi)容簡(jiǎn)介本書是與裴獻(xiàn)主編的《網(wǎng)頁設(shè)計(jì)教程》相配套的實(shí)驗(yàn)實(shí)訓(xùn)教材，目的是幫助學(xué)生加深對(duì)主教材內(nèi)容的理解，強(qiáng)化對(duì)技能的培養(yǎng)。

全書共16章，主要內(nèi)容包括網(wǎng)頁設(shè)計(jì)基礎(chǔ)，HTML基礎(chǔ)，DrearnweaverCS3基礎(chǔ)，插入和編輯網(wǎng)頁基本元素，創(chuàng)建網(wǎng)頁超鏈接，網(wǎng)頁頁面布局設(shè)計(jì)，層的應(yīng)用，框架網(wǎng)頁，CSS樣式及應(yīng)用，模板和庫技術(shù)應(yīng)用，JavaScript及Applet應(yīng)用，時(shí)間線、行為和表單，Web數(shù)據(jù)庫應(yīng)用，F(xiàn)ireworksCS3網(wǎng)頁圖像設(shè)計(jì)，F(xiàn)lashCS3網(wǎng)頁動(dòng)畫設(shè)計(jì)，動(dòng)態(tài)網(wǎng)頁技術(shù)等。

本書各章以實(shí)驗(yàn)案例、實(shí)驗(yàn)指導(dǎo)和實(shí)驗(yàn)體驗(yàn)來指導(dǎo)學(xué)生完成實(shí)驗(yàn)，操作性強(qiáng)，方法實(shí)用，與主教材課程教學(xué)內(nèi)容相輔相成，使學(xué)生在掌握實(shí)驗(yàn)內(nèi)容的同時(shí)，對(duì)網(wǎng)頁設(shè)計(jì)的基礎(chǔ)理論知識(shí)加深理解，融會(huì)貫通。

本書可作為高等院校、高職高專相關(guān)課程的教材，也可作為各類網(wǎng)頁制作和網(wǎng)站設(shè)計(jì)培訓(xùn)班的教材或參考書。目錄前言

第1章網(wǎng)頁設(shè)計(jì)基礎(chǔ)

實(shí)驗(yàn)網(wǎng)頁欣賞與評(píng)價(jià)

一、實(shí)驗(yàn)案例

二、實(shí)驗(yàn)指導(dǎo)

三、實(shí)驗(yàn)體驗(yàn)

第2章HTML基礎(chǔ)

實(shí)驗(yàn)采用HTML代碼設(shè)計(jì)網(wǎng)頁

一、實(shí)驗(yàn)案例

二、實(shí)驗(yàn)指導(dǎo)

三、實(shí)驗(yàn)體驗(yàn)

第3章DreamweaverCS3基礎(chǔ)

實(shí)驗(yàn)一創(chuàng)建本地站點(diǎn)

一、實(shí)驗(yàn)案例

二、實(shí)驗(yàn)指導(dǎo)第1章

網(wǎng)頁設(shè)計(jì)基礎(chǔ)

在當(dāng)今的信息時(shí)代，計(jì)算機(jī)網(wǎng)絡(luò)已經(jīng)成為信息高速公路的基礎(chǔ)。Internet網(wǎng)頁制作已經(jīng)成為計(jì)算機(jī)領(lǐng)域中最熱門的技術(shù)之一。本章通過介紹網(wǎng)頁設(shè)計(jì)與制作的基本知識(shí)，包括網(wǎng)頁的基本概念、網(wǎng)頁的基本元素、網(wǎng)站設(shè)計(jì)的一般過程、網(wǎng)站設(shè)計(jì)的原則和創(chuàng)意等內(nèi)容，讓學(xué)習(xí)者對(duì)網(wǎng)頁設(shè)計(jì)有一個(gè)初步的了解。1.1網(wǎng)頁概述

網(wǎng)站是一個(gè)網(wǎng)頁鏈接的集合，通常有特定的主題。簡(jiǎn)單來說，一個(gè)網(wǎng)站包含了很多網(wǎng)頁，多個(gè)網(wǎng)頁之間鏈接起來組成一個(gè)網(wǎng)頁的集合，這些網(wǎng)頁顯示了一個(gè)共同的主題內(nèi)容。每個(gè)網(wǎng)站都有一個(gè)主頁，或稱為首頁，是訪問該網(wǎng)站時(shí)最先顯示的網(wǎng)頁。主頁是整個(gè)網(wǎng)站的入口，通過主頁可以查看不同分類的網(wǎng)頁信息。主頁的作用就像書本的目錄，給訪問者提供一個(gè)導(dǎo)航功能，通過主頁能夠了解網(wǎng)站包含的最主要的內(nèi)容。主頁是一個(gè)網(wǎng)站最重要的頁面，也是網(wǎng)站風(fēng)格及內(nèi)容的集中體現(xiàn)。1.2網(wǎng)頁的基本元素

從瀏覽者角度來看，網(wǎng)頁上直觀顯示了網(wǎng)站的很多元素，包括網(wǎng)站標(biāo)識(shí)（又稱為（LOGO）、網(wǎng)站廣告欄（Banner）、網(wǎng)站導(dǎo)航欄、文本內(nèi)容、圖像、動(dòng)畫和聲音、視頻等。這些元素在網(wǎng)頁的位置安排就是網(wǎng)頁的整體布局。網(wǎng)站的標(biāo)識(shí)是用來區(qū)別不同網(wǎng)站的，一般就是指網(wǎng)站的名稱，并且顯示在主頁的明顯位置。1.3網(wǎng)站設(shè)計(jì)的一般過程

1.3.1

網(wǎng)站總體規(guī)劃一個(gè)網(wǎng)站的成功與否與建站前的網(wǎng)站規(guī)劃有著極為密切的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費(fèi)用，進(jìn)行必要的市場(chǎng)分析等。只有經(jīng)過詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進(jìn)行。網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行調(diào)研分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測(cè)試、維護(hù)等作出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。具體來說，對(duì)網(wǎng)站設(shè)計(jì)進(jìn)行總體規(guī)劃需要對(duì)市場(chǎng)進(jìn)行調(diào)研與立項(xiàng)、確定網(wǎng)站主題、確定并申請(qǐng)域名和確定網(wǎng)站總體設(shè)計(jì)方案。1．市場(chǎng)調(diào)研和立項(xiàng)在建立網(wǎng)站前需要耗費(fèi)人力、物力進(jìn)行市場(chǎng)調(diào)研和立項(xiàng)。如果網(wǎng)絡(luò)上已經(jīng)有同主題并且比較成熟的網(wǎng)站，可以多借鑒該網(wǎng)站的優(yōu)點(diǎn)。在建立網(wǎng)站之前也要考慮建設(shè)后的網(wǎng)站是否具有高瀏覽率的市場(chǎng)潛力，是否能帶來訪問量和利潤等因素。如果確定主題的網(wǎng)站具有創(chuàng)新點(diǎn)，并且是非常受歡迎的，建立網(wǎng)站就會(huì)有比較好的前景。經(jīng)過市場(chǎng)調(diào)研后，進(jìn)行網(wǎng)站項(xiàng)目的立項(xiàng)，確定項(xiàng)目的經(jīng)費(fèi)和開發(fā)周期。如果是公司網(wǎng)站，需要書寫網(wǎng)站建設(shè)需求分析文檔，分析市場(chǎng)調(diào)研的信息，包括總結(jié)以下內(nèi)容：（1）相關(guān)行業(yè)的市場(chǎng)狀況和特點(diǎn)，分析是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。（2）市場(chǎng)主要競(jìng)爭(zhēng)者分析，競(jìng)爭(zhēng)對(duì)手上網(wǎng)情況及其網(wǎng)站規(guī)劃、功能作用。

（3）公司自身?xiàng)l件分析、公司概況、市場(chǎng)優(yōu)勢(shì)，可以利用網(wǎng)站提升哪些競(jìng)爭(zhēng)力，建設(shè)網(wǎng)站的能力（費(fèi)用、技術(shù)、人力等）。網(wǎng)站設(shè)計(jì)者在網(wǎng)站信息的組織上應(yīng)更加方便訪問者查詢，每一個(gè)網(wǎng)頁盡量精致而簡(jiǎn)潔，并盡量考慮大多數(shù)訪問者的連線狀況。2．確定網(wǎng)站主題與風(fēng)格網(wǎng)站的目的是為別人提供所需的信息，這樣瀏覽者才會(huì)愿意光臨，網(wǎng)站才有真實(shí)意義，因此在設(shè)計(jì)網(wǎng)站之前，最重要的是確定網(wǎng)站建立的目標(biāo)。明確網(wǎng)站要給瀏覽者提供什么樣的功能；從瀏覽者的需求來看，設(shè)置什么樣的板塊，提供具有哪些有價(jià)值的信息。規(guī)劃時(shí)必須確定網(wǎng)站的性質(zhì)、提供內(nèi)容、目標(biāo)觀眾，然后根據(jù)自身的軟硬件條件來設(shè)置范圍，可以從以下幾個(gè)方面考慮：（1）明確建立網(wǎng)站的主題。（2）根據(jù)公司的需要和計(jì)劃，整合公司資源，確定網(wǎng)站功能，如產(chǎn)品宣傳型、網(wǎng)上營銷型、客戶服務(wù)型、電子商務(wù)型等。（3）根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達(dá)到的目的和作用。（4）企業(yè)內(nèi)部網(wǎng)（Intranet）的建設(shè)情況和網(wǎng)站的可擴(kuò)展性。3．確定并申請(qǐng)域名網(wǎng)站的域名要能反映網(wǎng)站的主題，需要用明確和簡(jiǎn)潔的文字來概括網(wǎng)站要表達(dá)的內(nèi)涵。如果是為一個(gè)公司創(chuàng)建網(wǎng)站，就需要首先考慮確定公司名稱或網(wǎng)站定位，然后在此基礎(chǔ)上確定域名。如果是個(gè)人博客或論壇類的網(wǎng)站，可以把域名確定為更為個(gè)性化的名字。不同類型的網(wǎng)站所使用的域名盡量能夠達(dá)到見名知意。申請(qǐng)域名時(shí)，應(yīng)把更多注意力放在為公司或個(gè)人網(wǎng)站確定一個(gè)合適的名稱上。企業(yè)的域名可以是公司名稱的變形，例如名稱加數(shù)字，也可以是一個(gè)完全不同的單詞。只要針對(duì)主要索引引擎進(jìn)行優(yōu)化，任何域名都可以為網(wǎng)站設(shè)計(jì)者提供更多價(jià)值，推動(dòng)網(wǎng)站走向成功。域名設(shè)計(jì)是企業(yè)網(wǎng)站設(shè)計(jì)的重要步驟，在設(shè)計(jì)過程中應(yīng)注意以下幾點(diǎn)：（1）域名應(yīng)該盡量容易理解和記憶，并且盡量簡(jiǎn)短。（2）域名設(shè)計(jì)應(yīng)充分考慮目標(biāo)訪問群體的特點(diǎn)，例如若要做到國際化，域名包含漢語拼音顯然是不可取的。（3）域名應(yīng)該盡量有意義，并能反映網(wǎng)站實(shí)質(zhì)，一定要避免有歧義的域名。

一般申請(qǐng)的域名種類有兩種，即頂級(jí)域名和免費(fèi)域名。申請(qǐng)頂級(jí)域名需要在中國互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）和InternetRegistrationServices申請(qǐng)。現(xiàn)在，國內(nèi)有很多互聯(lián)網(wǎng)服務(wù)代理商ISP（InternetServiceProvider）為CNNIC代理服務(wù)這項(xiàng)業(yè)務(wù)。對(duì)于企業(yè)網(wǎng)站來說，最好使用頂級(jí)域名，網(wǎng)址形式簡(jiǎn)潔、便于記憶和查詢。4．確定網(wǎng)站總體設(shè)計(jì)方案確定網(wǎng)站建設(shè)的總體設(shè)計(jì)方案時(shí)，可以首先根據(jù)收集的資料和信息組織網(wǎng)站的內(nèi)容和設(shè)計(jì)它的結(jié)構(gòu)，然后進(jìn)行頁面的設(shè)計(jì)與美化。網(wǎng)頁制作完成并進(jìn)行測(cè)試后，實(shí)現(xiàn)網(wǎng)站的上傳與維護(hù)。在此過程中進(jìn)行網(wǎng)站開發(fā)的周期和階段性文檔的書寫。測(cè)試完網(wǎng)站各個(gè)頁面以后，對(duì)于測(cè)試結(jié)果書寫測(cè)試文檔。為了以后維護(hù)信息時(shí)更加方便，專業(yè)的網(wǎng)站設(shè)計(jì)人員往往根據(jù)網(wǎng)站欄目分別設(shè)定服務(wù)器文件夾，同時(shí)HTML文件和圖形文件及其他文件分開放置，文件夾命名應(yīng)含義清楚、超文本文件等文件命名要注意連續(xù)性。網(wǎng)站的版式設(shè)計(jì)也需要在網(wǎng)站總體設(shè)計(jì)時(shí)進(jìn)行安排。網(wǎng)頁設(shè)計(jì)作為一種視覺語言，要講究編排和布局，雖然網(wǎng)頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相似之處，應(yīng)充分加以利用和借鑒。版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個(gè)網(wǎng)頁生輝。多頁面站點(diǎn)頁面的編排設(shè)計(jì)要求把頁面之間的有機(jī)聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。設(shè)計(jì)完網(wǎng)站的版式以后，需要對(duì)網(wǎng)站內(nèi)容進(jìn)行規(guī)劃。（1）根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容，一般企業(yè)網(wǎng)站應(yīng)包括公司簡(jiǎn)介、產(chǎn)品介紹、服務(wù)內(nèi)容、價(jià)格信息、聯(lián)系方式、網(wǎng)上定單等基本內(nèi)容。（2）電子商務(wù)類網(wǎng)站要提供會(huì)員注冊(cè)、詳細(xì)的商品服務(wù)信息、信息搜索查詢、定單確認(rèn)、付款、個(gè)人信息保密措施