網頁設計與制作

前言

Internet使全球信息共享成為現(xiàn)實，電子商務、電子社區(qū)、電子政務、網絡文化等構筑了異彩紛呈的網絡世界，改變著人們的生活和工作方式。Internet已經成為人們信息獲取與發(fā)布、信息交流與溝通、商務往來的重要途徑。大學計算機基礎教育改革已將網絡應用技術作為重要教學內容，網頁設計與制作已成為現(xiàn)代大學生的一項基本技能。本書以網頁設計思想與網頁制作方法為中心，取材涵蓋網頁設計人員應掌握的主要理論知識、技術和網頁制作的基本技能，幫助讀者建立對網站的整體認識，并了解網站結構、層次及風格等相關知識，而后介紹了制作網頁和網頁素材的相應工具軟件。本書在第1版的基礎上做出較大改進，主要特色有：（1）全新的內容架構。以“先規(guī)劃再實現(xiàn)”為指導原則，弓I導讀者建立全面的網站設計觀點，強調網頁設計與制作首先應明確建站目的，并據此開發(fā)網站。與第l版相比，第2版增加了“網站規(guī)劃與頁面布局”一章和CSS相關知識的內容，逐步弓I導設計者采用把網頁結構、表現(xiàn)和行為三者分開描述的規(guī)范化模式制作頁面，并促使讀者接觸網頁設計領域新技術，享用技術發(fā)展帶來的全新設計體驗。（2）全新的軟件平臺。介紹Adobe公司Creative Suite 4系列的網頁設計新工具的使用方法和設計技術，保證讀者所學內容的時效性和可用性。內容安排上，全書按照網站設計開發(fā)的順序展開講解，先介紹網站規(guī)劃與布局，后介紹頁面素材制作，再講解頁面制作語言及編制網頁，最后講解如何建立網站并發(fā)布。（3）全新的教材體系。改變“以工具為中心”的教學方式，全書貫穿案例驅動的教學理念，以網站建設示例來介紹相關工具的使用方法，從而強化對網頁設計的理解和制作技術的掌握。書中的示例都是實際設計過程中最常見、最實用問題的提煉，并給出了完整代碼，只要稍加改動就可以直接應用到實際開發(fā)的網站上。本書按照由基礎到應用的原則，采用目標驅動的方式組織內容，注重知識與技能的結合，內容安排循序漸進，便于使讀者先學用、后用好、再提高。本書可分為4部分：第一部分是基礎部分，包括第1章和第2章，介紹網頁設計基本概念與網站規(guī)劃和頁面布局的相關知識。第1章，網頁設計基礎，介紹Internet與Web，網頁的概念、組成、分類，網頁構成元素、常用設計工具和基本方法，便于讀者了解網頁基本功能和基本設計思想與方法。第2章，網站規(guī)劃與頁面布局，介紹多種類型的網站及其結構，并結合實例給出網站規(guī)劃設計規(guī)則，頁面布局方法及色彩在布局等方面的運用知識。

內容概要

　　《網頁設計與制作（第2版）》是按照教育部高等教育司制訂的《高等學校文科類專業(yè)大學計算機教學基本要求（2008年版）》修訂的，是教育部高等學校文科計算機基礎教學指導委員會計算機教材立項項目成果?！毒W頁設計與制作（第2版）》具備知識性、技術性、應用性與示范性。內容涵蓋網頁設計的理論知識和網頁制作技術。通過對網頁設計與制作相關知識、技術、開發(fā)工具、應用示例的介紹，幫助讀者培養(yǎng)Web應用和信息發(fā)布的能力。全書包括4部分，第一部分介紹網頁設計基本概念與網站規(guī)劃和版面設計的相關知識，第二部分介紹應用Fffeworks CS4和Flash CS4制作網頁素材圖像、動畫的方法，第三部分介紹應用網頁標記語言XITLML和Dreamwear CS4工具軟件制作網頁的方法，第四部分介紹客戶端動態(tài)網頁制作技術。內容安排循序漸進，便于讀者先學用、后用好、再提高。根據應用性特點，各章均配備范例和習題，采用實例驅動方式，應用新的設計工具平臺，引導讀者掌握網頁制作技術及各種相關工具軟件的具體使用方法?！　　毒W頁設計與制作（第2版）》可作為普通高等院校“網頁設計與制作”課程的教材，也可作為相關培訓教材或相關領域技術人員的參考書。

書籍目錄

第1章 網頁設計基礎1.1 Internet與web1.1.1 Internet基礎1.1.2 Web的體系與特點1.2 認識網頁1.2.1 網頁的概念1.2.2 網頁的組成1.2.3 網頁的瀏覽1.2.4 靜態(tài)網頁與動態(tài)網頁1.3 網頁中的基本元素1.3.1 文本1.3.2 圖形1.3.3 圖像1.3.4 音頻1.3.5 動畫1.3.6 視頻1.3.7 MIME類型1.4 常用的網頁設計工具1.4.1 網頁編輯工具1.4.2 素材處理工具1.5 網頁開發(fā)的基本方法1.5.1 網頁開發(fā)的步驟1.5.2 網頁開發(fā)的要素1.5.3 網頁布局的實現(xiàn)方法1.5.4 網頁制作的基本流程1.6 web服務器架構1.6.1 Web服務器1.6.2 IIS的安裝與配置1.6.3 備份和恢復IIS設置1.6.4 發(fā)布網站習題第2章 網站規(guī)劃與頁面布局2.1 網站的類型2.2 網站主題與風格的確定2.3 網站的結構2.3.1 網站頁面信息的組織結構2.3.2 網站目錄的組織結構2.3.3 頁面問相互鏈接的組織結構2.4 網頁構圖2.4.1 頁面的重心平衡2.4.2 頁面的布局設計2.5 頁面中色彩的運用2.5.1 色彩的基礎知識2.5.2 色彩的搭配2.5.3 頁面的色彩分配2.5.4 色彩在布局中的運用習題第3章 網頁圖像處理工具3.1 網頁圖像處理工具Fireworks CS43.1.1 Fireworks CS4簡介3.1.2 Fireworks CS4用戶界面3.2 Fireworks CS4基礎3.2.1 位圖與矢量圖的區(qū)別3.2.2 處理位圖3.2.3 個人吉祥物照片處理3.2.4 編輯路徑與文本3.2.5 網站廣告欄圖像制作3.3 網頁交互元素制作3.3.1 制作按鈕和導航欄3.3.2 制作唐詩配圖3.4 網頁圖像優(yōu)化與導出3.4.1 圖像優(yōu)化3.4.2 圖像導出3.4.3 Dreamweaver使用Fireworks文檔習題第4章 網頁動畫制作工具4.1 FlashCS4簡介4.1.1 FlashCS4用戶界面4.1.2 動畫基礎4.1.3 時間軸和圖層4.1.4 元件4.2 動畫制作4.2.1 逐幀動畫——滑雪的圣誕老人4.2.2 運動動畫——飛碟飛行4.2.3 引導層動畫——飛碟的復雜飛行4.2.4 形變動畫——文字轉換4.2.5 遮罩層動畫——聚光燈4.3 Flash高級應用4.3.1 聲音的使用4.3.2 Action Script和按鈕4.3.3 Flash影片發(fā)布習題第5章 頁面編輯語言——.XHTML5.1 XHTMlL基本語法5.1.1 什么是XHTML，5.1.2 ：XHTMI基本語法5.2 頁面的基本構成元素5.2.1 網頁的基本構成5.2.2 （html）、和標記5.2.3 網頁建立示例5.3 文本的標記5.3.1 段落標記5.3.2 分行和禁行標記5.3.3 預排版標記5.3.4 字體大小、顏色設置標記5.3.5 字體樣式5.3.6 標題標記5.3.7 轉義字符與特殊字符5.3.8 列表標記5.3.9 文字移動標記5.3.1 0注釋5.4 頁面風格5.4.1 水平線標記5.4.2 文檔分節(jié)標記5.4.3 局部元素標記5.4.4 背景和文本顏色的使用5.5 超鏈接5.5.1 超文本鏈接標記5.5.2 頁面中間位置的鏈接5.5.3 鏈接其他媒體文件5.6 音樂、圖像和影視標記5.6.1 聲音嵌入標記5.6.2 視頻嵌入標記5.6.3 圖像嵌入標記5.7 圖像的超鏈接5.7.1 單圖單向超鏈接設置5.7.2 圖像地圖5.8 表格5.8.1 表格的基本語法5.8.2 表格的屬性5.8.3 單元格的屬性5.8.4 合并單元格5.8.5 表格標題設置5.8.6 表格在頁面中的布局5.9 表單5.9.1 表單標記5.9.2 文本框設置5.9.3 復選框5.9.4 單選按鈕5.9.5 列表框和下拉列表框5.9.6 文本區(qū)域5.10 框架結構5.10.1 框架的基本概念5.10.2 框架的基本結構5.10.3 框架中文本的間距5.10.4 框架結構間的關聯(lián)5.10.5 框架的邊框設置習題第6章 可視化網頁設計工具6.1 可視化網頁設計工具Dreamweaver CS46.1.1 DreamweaverCS4簡介6.1.2 DreamweaverCS4的基本功能6.2 創(chuàng)建本地站點6.2.1 建立本地站點6.2.2 管理站點文件6.2.3 本地資源6.3 文字和圖像編輯6.3.1 文字編輯6.3.2 插入圖像6.3.3 設計和制作個人簡介網頁6.4 超鏈接和表格編輯6.4.1 創(chuàng)建超鏈接6.4.2 鏈接屬性設置6.4.3 插入與編輯表格6.4.4 制作經典文學網頁6.5 表單編輯6.5.1 創(chuàng)建表單6.5.2 創(chuàng)建表單對象6.5.3 制作留言空間網頁6.6 層布局6.6.1 創(chuàng)建層布局6.6.2 制作個人簡歷6.7 多媒體應用6.7.1 插入聲音6.7.2 插入Flash動畫6.7.3 插入視頻6.7.4 插入Fireworks網頁元素6.7.5 制作多媒體網頁6.8 框架應用6.8.1 建立框架網頁6.8.2 設置框架和框架集屬性6.8.3 保存框架集6.8.4 制作網站首頁習題第7章 客戶端動態(tài)網頁制作7.1 DXHTML7.1.1.DXHTML簡介7.1.2.DXHTML的組成7.2 層疊樣式表（CSS）7.2.1 CSS概念7.2.2 CSS語法7.2.3 標記選擇符7.2.4 類選擇符7.2.5 id選擇符7.2.6.BOX對象及屬性7.2.7 樣式表的層疊性7.2.8 錨的偽類7.2.9 包含選擇符7.2.1 0多重樣式表的疊加7.2.1 1注釋7.3 腳本語言-JavaScript7.3.1 JavaSeript語言概述7.3.2 JavaSeript語言元素7.3.3 JavaSeript基本語句7.3.4 JavaScript加入頁面的方法7.4 文檔對象模型（DOM）7.4.1 DOM概念7.4.2 DOM基本方法7.5 CSS層7.5.1 層的概念7.5.2 布局屬性7.5.3 CSS+Div布局示例7.6 CSS常用屬性7.6.1 文本屬性7.6.2 字體屬性7.6.3 顏色和背景屬性7.6.4 CSS濾鏡習題參考文獻

章節(jié)摘錄

插圖：4.內容型網站（專題型或個人型網站）這類網站以內容為重點，用內容吸引人。它可以是一些從事信息服務性的站點，如文學站、下載站、新聞站等，也可以是普通的公司網站，用于發(fā)布公司產品、公司動態(tài)、招聘信息等。這種企業(yè)建立的網站，主要是為了讓外界了解企業(yè)自身、樹立良好企業(yè)形象，并適當提供一定的服務。一般該類網站以設計簡潔大方為主，不需要太花哨的東西，以免轉移瀏覽者的視線。這類網站是目前發(fā)展最迅速的，也是最具活力的網站。它主要提供創(chuàng)建者自身的信息，或者就某一專題提供最新資訊、完整詳盡的歷史資料以及相關論壇等內容。這類網站內容較為單一，技術要求相對較低，適于企業(yè)機關、組織機構和個人建造。5.展示型網站主要以展示形象為主，藝術設計成分比較多，內容不多，多見于從事美術設計方面的工作室。6.互動游戲網站這是近年來國內日益風靡的一種網站。這類網站的投入是根據所承載游戲的復雜程度來決定的，其發(fā)展趨勢是向超巨型方向發(fā)展，有的已經形成了獨立的網絡世界，讓玩家樂不思蜀，欲罷不能。其實，很多網站往往不能簡單地歸為某一種類型，無論是建站目的還是表現(xiàn)形式，都可能涵蓋了兩種或兩種以上的類型。對于這種網站，可以按上述類型區(qū)別劃分為不同的部分，每一個部分都基本上可以認為是一個較為完整的網站類型。網站的分類有不同的方法，上面是按網站的內容進行分類的，它反映的是網站的內容。而按主體性質不同來分類，則可將網站分為：政府網站、企業(yè)網站、商業(yè)網站、教育科研機構網站、醫(yī)療網站、個人網站及其他類型等。對同一類網站，其網站架構方法、網站的結構、使用的一些技術基本相似。當確定要建立網站的類型后，就可考慮用相應的方法和技術進行開發(fā)，從而提高開發(fā)網站的效率，少走彎路。當然，開發(fā)一個網站要有自己的特色，要有創(chuàng)新，只有這樣才能獲得成功。

編輯推薦

《網頁設計與制作(第2版)》是高等學校文科計算機課程系列教材。

圖書封面

評論、評分、閱讀與下載

---

    網頁設計與制作 PDF格式下載

---