《網(wǎng)頁設(shè)計與制作》共11章,主要包括網(wǎng)頁制作基礎(chǔ)、Dreamweaver CS6網(wǎng)頁制作、Photoshop CS6網(wǎng)頁圖像設(shè)計、Flash CS6網(wǎng)頁動畫制作以及綜合案例,內(nèi)容在編寫中進行精心的設(shè)計,內(nèi)容充實、結(jié)構(gòu)清晰、圖文并茂,每章均按照“知識點講解——分解案例——課堂綜合案例——課后習(xí)題”的思路進行編排,通過一個個小例題深入了解每一個知識點,后在通過完整的課堂案例綜合運用各章知識實際操作使學(xué)生快速上手,熟悉軟件功能和網(wǎng)頁設(shè)計與制作的思路。
本書淺顯易懂,指導(dǎo)性強,主要定位于非計算機專業(yè)本科和高職院校的學(xué)生希望能夠快速掌握網(wǎng)頁設(shè)計要點而設(shè)計編寫。
本書配有授課電子課件,需要的教師可登錄www.cmpedu.com免費注冊、審核通過后下載,或聯(lián)系編輯索取(QQ:1239258369,電話:010-88379739)。
隨著互聯(lián)網(wǎng)行業(yè)的飛速發(fā)展,網(wǎng)絡(luò)已經(jīng)成為人們獲取信息的重要途徑,也成為生活中不可缺少的一部分。因此,我們培養(yǎng)學(xué)生不僅要學(xué)會如何在網(wǎng)上尋找信息,還需要學(xué)好將信息上傳到網(wǎng)絡(luò),提高學(xué)生自身的信息素養(yǎng),以適應(yīng)更廣闊的就業(yè)需求。《網(wǎng)頁設(shè)計與制作》根據(jù)讀者的需求,從實際案例出發(fā),以淺顯易懂的講解方式,介紹網(wǎng)頁制作的最基本以及最需要掌握的內(nèi)容,包括網(wǎng)頁的基礎(chǔ)知識、Dreamweaver制作網(wǎng)站的方法、Flash CS6制作動畫的方法和Photoshop CS6處理圖像的方法等。各章配有典型的課堂案例和課后習(xí)題,讓讀者可以在最短的時間內(nèi)掌握最實用的知識。
內(nèi)容安排
本書共11章,分為四個部分,循序漸進的幫助學(xué)生掌握網(wǎng)頁設(shè)計的相關(guān)知識,以及3個軟件協(xié)同使用設(shè)計網(wǎng)頁的操作流程。
第一部分Dreamweaver CS6的使用(第1~6章):主要介紹了創(chuàng)建站點和網(wǎng)站建設(shè)的基礎(chǔ)知識,介紹了網(wǎng)頁中的文本、圖像和多媒體的插入和編輯方法,以及對頁面之間的超鏈接、表格布局、CSS樣式表、Div元素、CSS+Div布局頁面、行為、模板和庫等功能進行了詳細的講解。
第二部分Photoshop CS6的使用(第7~8章):主要介紹了Photoshop的工作界面和基本操作、網(wǎng)頁圖像的色彩調(diào)整、圖像的編輯、圖層的應(yīng)用、網(wǎng)頁圖像的繪制與修飾、網(wǎng)頁文本的制作、網(wǎng)頁特效的實現(xiàn)以及網(wǎng)頁切片的輸出等。
第三部分Flash CS6的使用(第9~10章)主要介紹了Flash中的繪圖工具、修圖工具和填充工具等的使用方法,文本對象的創(chuàng)建與編輯,元件、實例與庫的基本操作,以及網(wǎng)頁動畫的制作等。
第四部分綜合案例(第11章):通過一個完整的設(shè)計方案,介紹了如何使用3個軟件分工協(xié)作制作攝影工作室網(wǎng)站的方法。
讀者對象
本書可作為非計算機專業(yè)本科學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的專用教材,亦可作為高職院校以及各類計算機培訓(xùn)機構(gòu)的教材用書。同時,本書也適用于想進入網(wǎng)頁設(shè)計領(lǐng)域的讀者與網(wǎng)頁設(shè)計相關(guān)專業(yè)的學(xué)生參考閱讀,希望讀者通過對本書的學(xué)習(xí),能夠提高自身的信息素養(yǎng),以適應(yīng)互聯(lián)網(wǎng)的飛速發(fā)展。
教學(xué)資源
本書配有精美完整的課件和教學(xué)素材,結(jié)構(gòu)完整,便于相關(guān)課程的講師根據(jù)自己的需求完善可見,提高教學(xué)質(zhì)量。如果大家在閱讀或使用過程中遇到任何與本書相關(guān)的技術(shù)問題,請和我們聯(lián)系,我們會盡力為大家解答。
創(chuàng)作團隊
本書由王瀟、王娟和章明珠主編,邊國棟教授、康賢副教授主審,其他參與本書編著、資料整理的人員有張娜、康曉梅、馬文寧、孟彬、楊佩、馬永輝、王娟,在此對大家的辛勤工作表示衷心的感謝!
由于作者水平有限,雖然所有編者在編寫本書的過程中傾注了大量心血,但難免書中人存在疏漏和不足之處,懇請廣大讀者和專家指正。
編者
第1章 網(wǎng)頁制作與網(wǎng)站建設(shè)基礎(chǔ)知識
1.1 網(wǎng)絡(luò)基礎(chǔ)知識
1.1.1 Internet 基礎(chǔ)知識
1.1.2 網(wǎng)頁、網(wǎng)站的概念
1.2 HTML概述
1.2.1 什么是HTML
1.2.2 HTML文件的基本結(jié)構(gòu)
1.2.3 HTML常用標(biāo)記
1.3 網(wǎng)頁制作工具
1.3.1 Dreamweaver CS6
1.3.2 Photoshop CS6
1.3.3 Flash CS6
1.4 網(wǎng)頁制作的基本流程
1.5 課堂案例——個人主頁制作
1.5.1 案例目標(biāo)
1.5.2 操作思路
1.6 本章小結(jié)
1.7 課后習(xí)題
第2章使用Dreamweaver CS6創(chuàng)建網(wǎng)頁文檔
2.1 熟悉Dreamweaver CS6工作界面
2.1.1 工作界面的組成
2.1.2 可視化輔助工具
2.1.3 設(shè)置首選參數(shù)
2.2 創(chuàng)建和管理站點
2.2.1 規(guī)劃站點
2.2.2 管理站點
2.2.3 管理站點中的文件
2.3 網(wǎng)頁文檔基本操作
2.3.1 新建網(wǎng)頁文檔
2.3.2 保存、打開網(wǎng)頁文檔
2.3.3 設(shè)置頁面屬性
2.4 課堂案例——“學(xué)院網(wǎng)站”創(chuàng)建多個網(wǎng)頁
2.4.1案例目標(biāo)
2.4.2操作思路
2.5 本章小結(jié)
2.6 課后習(xí)題
第3章 網(wǎng)頁中的基本對象
3.1網(wǎng)頁中的文本
3.1.1直接輸入
3.1.2復(fù)制/粘貼外部文本
3.1.3導(dǎo)入外部文件
3.1.4插入特殊字符
3.1.5插入項目列表和編號列表
3.1.6 設(shè)置文本屬性
3.2 網(wǎng)頁中的圖像
3.2.1 網(wǎng)頁中的圖像格式
3.2.2 插入圖像
3.2.3設(shè)置圖像屬性
3.2.4跟蹤圖像
3.3 網(wǎng)頁中的多媒體
3.3.1 認識網(wǎng)頁中的多媒體
3.3.2 網(wǎng)頁中添加Flash動畫
3.3.3 網(wǎng)頁中插入FLV視頻
3.3.4 網(wǎng)頁中添加音頻對象
3.3.5 網(wǎng)頁中添加其他媒體文件
3.4 超鏈接
3.4.1基本概念
3.4.2設(shè)置超鏈接
3.4.3常用超鏈接
3.5 行為
3.5.1基本概念
3.5.2應(yīng)用行為
3.5.3編輯行為
3.6 AP Div
3.6.1 AP Div簡介
3.6.2 AP Div的應(yīng)用
3.7 課堂案例——制作“西安翻譯學(xué)院”首頁
3.7.1.案例目標(biāo)
3.7.2.操作思路
3.8 本章小結(jié)
3.9 課后習(xí)題——制作“個人網(wǎng)站”首頁
第4章 使用表格布局網(wǎng)頁
4.1 表格概述
4.1.1表格的基本概念
4.1.2表格的組成
4.2 在網(wǎng)頁中插入表格
4.2.1插入表格
4.2.2選擇表格
4.3 設(shè)置表格和單元格屬性
4.3.1設(shè)置表格屬性
4.3.2設(shè)置單元格屬性
4.4 表格的基本操作
4.4.1 調(diào)整表格和單元格的大小
4.4.2 插入或刪除行或列
4.4.3 拆分或合并單元格
4.4.4 剪切、復(fù)制、粘貼表格
4.4.5 在表格中插入內(nèi)容
4.5 使用表格布局網(wǎng)頁
4.5.1 使用簡單表格布局網(wǎng)頁
4.5.2 使用復(fù)雜表格布局網(wǎng)頁
4.6 課堂案例—— 制作“時尚家居網(wǎng)”首頁
4.6.1 案例目標(biāo)
4.6.2操作思路
4.7本章小結(jié)
4.8課后習(xí)題——制作“最美陜西”首頁
第5章 應(yīng)用CSS+Div布局網(wǎng)頁
5.1 CSS樣式表
5.1.1基本概念
5.1.2基本語法
5.1.3 CSS選擇器類型
5.1.4 CSS樣式的位置
5.2 CSS在Dreamweaver中的應(yīng)用
5.2.1創(chuàng)建CSS樣式表
5.2.2管理CSS樣式表
5.2.3 CSS樣式屬性
5.3 課堂案例1——制作“星座網(wǎng)站”
5.3.1 案例目標(biāo)
5.3.2 操作思路
5.4 CSS+Div布局
5.4.1 Div概述
5.4.2 盒子模型
5.4.3 CSS+Div布局
5.5 課堂案例2——制作“七彩云南”網(wǎng)站
5.5.1 案例目標(biāo)
5.5.2 操作思路
5.6 本章小結(jié)
5.7 課后習(xí)題
第6章 框架、模板和庫
6.1 框架
6.1.1 框架概述
6.1.2 創(chuàng)建框架網(wǎng)頁
6.1.3 框架的基本操作
6.1.4 框架和框架集屬性
6.2 模板和庫
6.2.1 模板
6.2.2 庫
6.3 課堂案例——創(chuàng)建框架網(wǎng)頁,設(shè)計“學(xué)院網(wǎng)站”(包括學(xué)院主頁和內(nèi)容介紹)
6.3.1 案例目標(biāo)
6.3.2 操做思路
6.4 本章小結(jié)
6.5 課后練習(xí)
第7章 使用Photoshop CS6制作網(wǎng)頁素材
7.1熟悉Photoshop CS6的工作界面
7.1.1工作界面的組成
7.1.2文件的基礎(chǔ)操作
7.1.3視圖的控制
7.1.4輔助工具
7.1.5圖像與畫布大小設(shè)置
7.1.6歷史記錄應(yīng)用
7.2創(chuàng)建選區(qū)的基本方法
7.2.1選區(qū)工具
7.2.2選區(qū)的基本操作
7.2.3編輯選區(qū)的方法
7.3繪制和修復(fù)圖像
7.3.1圖像的裁剪和移動
7.3.2設(shè)置顏色的基本方法
7.3.3填充與描邊
7.3.4圖像繪畫工具
7.3.5圖像修復(fù)工具
7.3.6圖像的變換
7.4課堂案例——設(shè)計制作網(wǎng)站配圖
7.4.1.練習(xí)目標(biāo)
7.4.2.操作思路
7.5 本章小結(jié)
7.6 課后習(xí)題
第8章 使用Photoshop CS6制作網(wǎng)站效果圖
8.1 圖層
8.1.1 圖層面板
8.1.2 圖層種類
8.1.3 圖層的基本操作
8.1.4 填充圖層
8.1.5 混合模式
8.2 圖層樣式
8.2.1 預(yù)設(shè)圖層樣式
8.2.2 自定圖層樣式
8.2.3 復(fù)制圖層樣式
8.2.4 清除圖層樣式
8.3 切片工具
8.3.1 創(chuàng)建和編輯切片
8.3.2 圖像的優(yōu)化與切片的輸出
8.4課堂案例——制作購物網(wǎng)站首頁效果圖
8.4.1練習(xí)目標(biāo)
8.4.2操作步驟
8.5本章小結(jié)
8.6課后習(xí)題——制作化妝品網(wǎng)站首頁效果圖
第9章 使用Flash CS6制作網(wǎng)頁動態(tài)素材
9.1初識Flash CS6
9.1.1中文Flash CS6工作界面
9.1.2 Flash CS6的基本操作
9.2 Flash CS6動畫制作基礎(chǔ)
9.2.1動畫制作原理
9.2.2 Flash動畫的種類
9.2.3編輯對象
9.2.4演示動畫制作
9.3動畫中的圖層
9.3.1圖層的概念
9.3.2圖層的類型
9.3.3圖層的基本操作
9.4動畫中的幀
9.4.1幀的種類及創(chuàng)建
9.4.2幀的基本操作
9.5 動畫中的元件
9.5.1 創(chuàng)建元件
9.5.2 將對象或動畫轉(zhuǎn)換為元件
9.5.3編輯元件與