網(wǎng)頁(yè)設(shè)計(jì)與制作教程

前言

　　互聯(lián)網(wǎng)的魅力主要在于可以縮短世界的距離，讓互聯(lián)網(wǎng)具有這種神奇功能的元素是網(wǎng)站和網(wǎng)頁(yè)。網(wǎng)站可以被看成信息交流的載體，而網(wǎng)頁(yè)則是人與人之間交流的直接窗口。網(wǎng)站除了在互聯(lián)網(wǎng)中得到廣泛應(yīng)用之外，也可在企業(yè)內(nèi)部被用來(lái)解決內(nèi)部管理與信息交流等問(wèn)題。因此，無(wú)論對(duì)于網(wǎng)站管理專業(yè)人士還是網(wǎng)站建設(shè)愛(ài)好者，都應(yīng)掌握一定的網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作技術(shù)?！　”緯髡卟粌H從事大學(xué)本科計(jì)算機(jī)專業(yè)教學(xué)，而且具有多年的網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)經(jīng)驗(yàn)，主持或重點(diǎn)參與過(guò)許多網(wǎng)站的規(guī)劃建設(shè)和制作工作，對(duì)網(wǎng)站設(shè)計(jì)及制作流程相當(dāng)熟悉。作者依據(jù)長(zhǎng)期的教學(xué)經(jīng)驗(yàn)，結(jié)合網(wǎng)頁(yè)設(shè)計(jì)與制作中的主要知識(shí)點(diǎn)、重點(diǎn)與難點(diǎn)，編寫了本書。其結(jié)構(gòu)嚴(yán)謹(jǐn)，適合于教學(xué)或自學(xué)?！　”緯槍?duì)讀者的需求，在網(wǎng)頁(yè)的設(shè)計(jì)思想與實(shí)現(xiàn)技術(shù)等方面進(jìn)行了詳細(xì)的闡述。本書采用任務(wù)驅(qū)動(dòng)的案例教學(xué)方式，以一個(gè)虛構(gòu)的網(wǎng)站（曙光大學(xué)網(wǎng)站）作為案例講解，配以輔助網(wǎng)站（愛(ài)家美食網(wǎng)站）的實(shí)訓(xùn)練習(xí)，兩條主線互相結(jié)合、相輔相成，自始至終貫穿于本書之中，使讀者全面、系統(tǒng)地掌握網(wǎng)站設(shè)計(jì)的方法和技巧，以及網(wǎng)頁(yè)、網(wǎng)站的規(guī)劃和建設(shè)技術(shù)?！　”緯恳粋€(gè)章節(jié)都是網(wǎng)站制作相關(guān)知識(shí)的學(xué)習(xí)和練習(xí)，所有章節(jié)完成后，整個(gè)網(wǎng)站主要模塊的制作也就隨之完成。最后一章將這些內(nèi)容進(jìn)行整合，并進(jìn)行網(wǎng)站的測(cè)試與發(fā)布，具有較高的實(shí)用性和可參考性。為了方便讀者閱讀和上機(jī)操作，每個(gè)案例均按“案例綜述”、“案例展示”、“學(xué)習(xí)目標(biāo)”、“知識(shí)要點(diǎn)（包括制作過(guò)程）”和“案例說(shuō)明”5個(gè)部分來(lái)進(jìn)行講解，層次清晰、分明。

內(nèi)容概要

本書內(nèi)容涵蓋了使用Dreamweaver CS4進(jìn)行網(wǎng)站規(guī)劃、設(shè)計(jì)和建設(shè)管理的各個(gè)部分，主要內(nèi)容包括：網(wǎng)頁(yè)設(shè)計(jì)制作概述、網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)、用Dreamweaver CS4創(chuàng)建基本網(wǎng)頁(yè)、超鏈接、表格、網(wǎng)頁(yè)行為語(yǔ)言叫——JavaScript、網(wǎng)頁(yè)表現(xiàn)語(yǔ)言——CSS、框架、表單、模板與庫(kù)、多媒體對(duì)象、使用Div布局頁(yè)面、網(wǎng)站的整合與測(cè)試發(fā)布。    本書采用任務(wù)驅(qū)動(dòng)的案例教學(xué)方式，以網(wǎng)頁(yè)設(shè)計(jì)為中心，以案例為引導(dǎo)，把介紹知識(shí)與案例設(shè)計(jì)、制作、分析融于一體，結(jié)構(gòu)上采用點(diǎn)面結(jié)合，以一個(gè)虛構(gòu)的網(wǎng)站（曙光大學(xué)網(wǎng)站）作為案例講解，配以輔助網(wǎng)站（愛(ài)家美食網(wǎng)站）的實(shí)訓(xùn)練習(xí)，兩條主線互相結(jié)合、相輔相成，自始至終貫穿于本書之中。    本書可作為大專院校計(jì)算機(jī)、網(wǎng)絡(luò)及電子商務(wù)等專業(yè)的教學(xué)用書，也可作為網(wǎng)頁(yè)制作的培訓(xùn)教程及網(wǎng)頁(yè)制作愛(ài)好者或相關(guān)從業(yè)人員的自學(xué)用書。

書籍目錄

前言第1章　網(wǎng)頁(yè)設(shè)計(jì)制作概述　1.1  　網(wǎng)頁(yè)、網(wǎng)站的概念　　1.1.1　網(wǎng)頁(yè)、網(wǎng)站和主頁(yè)　　1.1.2　靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)  1.2　Web標(biāo)準(zhǔn)　　1.2.1　Web標(biāo)準(zhǔn)的概念　　1.2.2　建立Web標(biāo)準(zhǔn)的目的　　1.2.3　采用Web標(biāo)準(zhǔn)的優(yōu)點(diǎn)　1.3　網(wǎng)站的規(guī)劃與設(shè)計(jì)　1.4　網(wǎng)站開(kāi)發(fā)工作流程　　1.4.1　規(guī)劃站點(diǎn)　　1.4.2　設(shè)置開(kāi)發(fā)環(huán)境　　1.4.3　規(guī)劃頁(yè)面設(shè)計(jì)和布局　　1.4.4　創(chuàng)建內(nèi)容資源　　1.4.5　組合、測(cè)試和部署　　1.4.6　維護(hù)和更新站點(diǎn)　　1.4.7　案例：規(guī)劃曙光大學(xué)網(wǎng)站　1.5　網(wǎng)站策劃書撰寫要點(diǎn)　1.6　常用網(wǎng)頁(yè)制作軟件　　1.6.1　網(wǎng)頁(yè)制作工具　　1.6.2　網(wǎng)頁(yè)圖形圖像處理工具　　1.6.3　網(wǎng)頁(yè)動(dòng)畫制作與特效工具　　1.6.4　網(wǎng)頁(yè)上傳工具　　1.6.5　網(wǎng)頁(yè)設(shè)計(jì)工具的發(fā)展動(dòng)向　1.7　實(shí)訓(xùn)：規(guī)劃愛(ài)家美食網(wǎng)站　1.8　習(xí)題第2章　網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)  2.1　網(wǎng)頁(yè)基礎(chǔ)知識(shí)　　2.1.1　虛擬界面　　2.1.2　網(wǎng)頁(yè)界面的特點(diǎn)　　2.1.3　網(wǎng)頁(yè)的功能  2.2　網(wǎng)頁(yè)版面設(shè)計(jì)　　2.2.1　版面編排原則　　2.2.2　網(wǎng)頁(yè)排版布局的一般步驟　　2.2.3　版面典型風(fēng)格　　2.2.4　網(wǎng)頁(yè)排版布局的常用技術(shù)　　2.2.5　色彩搭配　　2.2.6　設(shè)計(jì)規(guī)則　　2.2.7　設(shè)計(jì)誤區(qū)　　2.2.8　案例：設(shè)計(jì)曙光大學(xué)網(wǎng)站首頁(yè)版面　2.3　實(shí)訓(xùn)：設(shè)計(jì)愛(ài)家美食網(wǎng)站首頁(yè)版面　2.4　習(xí)題第3章　用Dreamweaver CS4創(chuàng)建基本網(wǎng)頁(yè)　3.1  Dreamweaver CS4入門　　3.1.1  Dreamweaver CS4工作環(huán)境　　3.1.2  DreamweaverCS4的參數(shù)設(shè)置　3.2  制作簡(jiǎn)單網(wǎng)頁(yè)　　3.2.1　創(chuàng)建網(wǎng)站站點(diǎn)　　3.2.2　新建與保存網(wǎng)頁(yè)　　3.2.3　頁(yè)面屬性設(shè)置　　3.2.4　網(wǎng)頁(yè)的基本排版　　3.2.5　插入圖像　　3.2.6　案例1：創(chuàng)建曙光大學(xué)網(wǎng)站“學(xué)校概況”頁(yè)面　3.3　制作圖文并茂網(wǎng)頁(yè)　　3.3.1　圖文混排　　3.3.2　案例2：設(shè)計(jì)曙光大學(xué)網(wǎng)站“校園風(fēng)采”頁(yè)面  3.4　網(wǎng)頁(yè)結(jié)構(gòu)語(yǔ)言XHTML　　3.4.1  XHTML簡(jiǎn)介　　3.4.2  XHTML文檔的基本結(jié)構(gòu)　　3.4.3 使用Dreamweaver CS4的代碼視圖查看XHTML文檔　　3.4.4 案例3：了解曙光大學(xué)網(wǎng)站“校園風(fēng)采”網(wǎng)頁(yè)代碼　3.5  實(shí)訓(xùn)　　3.5.1  實(shí)訓(xùn)1：制作愛(ài)家美食網(wǎng)站“白云豆燒牛肉”頁(yè)面　　3.5.2  實(shí)訓(xùn)2：制作愛(ài)家美食網(wǎng)站“美食推薦”頁(yè)面　3.6　習(xí)題第4章　超鏈接  4.1　超鏈接的基本概念  4.2　創(chuàng)建內(nèi)部超鏈接，　　4.2.1　內(nèi)部超鏈接的形式　　4.2.2　創(chuàng)建文字超鏈接　　4.2.3　創(chuàng)建圖片超鏈接　　4.2.4　案例：制作曙光大學(xué)網(wǎng)站“招生信息”欄目  4.3　創(chuàng)建其他類型超鏈接　　……第5章　表格第6章　網(wǎng)頁(yè)行為語(yǔ)言——JavaScript第7章　網(wǎng)頁(yè)表現(xiàn)語(yǔ)言——CSS第8章　框架第9章　表單第10章　模板與庫(kù)第11章　多媒體對(duì)象第12章　使用Div布局頁(yè)面第13章　網(wǎng)站的整合與測(cè)試發(fā)布

章節(jié)摘錄

　　第2章 網(wǎng)頁(yè)版面設(shè)計(jì)基礎(chǔ)　　網(wǎng)頁(yè)是人們和網(wǎng)絡(luò)之間進(jìn)行信息交換的橋梁，大量的網(wǎng)絡(luò)信息通過(guò)網(wǎng)頁(yè)展現(xiàn)在人們的面前，而人們則通過(guò)簡(jiǎn)單的操作把信息通過(guò)網(wǎng)頁(yè)傳送出去。好的設(shè)計(jì)能給人帶來(lái)美的感受，隨著互聯(lián)網(wǎng)的不斷發(fā)展，網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越接近于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。如何將網(wǎng)頁(yè)完美地展現(xiàn)給用戶，是網(wǎng)頁(yè)設(shè)計(jì)最重要的問(wèn)題。網(wǎng)頁(yè)設(shè)計(jì)主要包括以下兩項(xiàng)工作?！　?）超鏈接與數(shù)據(jù)庫(kù)檢索功能的設(shè)計(jì)與實(shí)現(xiàn)。這個(gè)工作主要考慮的是網(wǎng)頁(yè)的功能。　　2）網(wǎng)頁(yè)版面的設(shè)計(jì)。這個(gè)工作以如何準(zhǔn)確地傳達(dá)信息、產(chǎn)生廣告效應(yīng)、增加美感以及增加網(wǎng)頁(yè)點(diǎn)擊率作為主要考慮的對(duì)象?！　”菊聦⒔榻B后者。有關(guān)前者的設(shè)計(jì)工作，將在本書的以后章節(jié)中介紹?！　?.1 網(wǎng)頁(yè)基礎(chǔ)知識(shí)　　在互聯(lián)網(wǎng)中，機(jī)構(gòu)、部門、公司、個(gè)人都可以通過(guò)網(wǎng)頁(yè)向遍布全球的讀者展示、傳遞和交換信息。實(shí)際上，網(wǎng)頁(yè)并非是一頁(yè)簡(jiǎn)單的紙，也不是簡(jiǎn)單意義上的版面，它的結(jié)構(gòu)和原理并不簡(jiǎn)單，其影響范圍和觀眾數(shù)量遠(yuǎn)遠(yuǎn)超出了任何形式的平面廣告?！　?.1.1 虛擬界面　　網(wǎng)頁(yè)是利用多媒體技術(shù)在計(jì)算機(jī)網(wǎng)絡(luò)與人之間建立的一組具有展示和交互功能的虛擬界面。這里的多媒體技術(shù)是指利用計(jì)算機(jī)技術(shù)對(duì)文字、圖形、圖像、動(dòng)畫、聲音、視頻等多種媒介進(jìn)行綜合處理并完成交互作用的技術(shù)。網(wǎng)頁(yè)充分利用多媒體技術(shù)，多方位、多層次、多媒介地向讀者展示信息。　　……

編輯推薦

　　《網(wǎng)頁(yè)設(shè)計(jì)與制作教程（第4版）》獲全國(guó)優(yōu)秀暢銷獎(jiǎng)詳述網(wǎng)頁(yè)設(shè)計(jì)的原則與風(fēng)格；全面講解Dreamweaver CS4；采用Div+CSS網(wǎng)頁(yè)布局方式；XHTML和可視化操作相結(jié)合；完整網(wǎng)站制作實(shí)例貫穿全書；配備完善的教學(xué)、練習(xí)素材。

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

    網(wǎng)頁(yè)設(shè)計(jì)與制作教程 PDF格式下載

---