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

第1章 網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)基礎(chǔ)知識(shí)
1.1 網(wǎng)絡(luò)基礎(chǔ)知識(shí)
1.1.1 Internet 基礎(chǔ)知識(shí)
1.1.2 網(wǎng)頁(yè)、網(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)頁(yè)制作工具
1.3.1 Dreamweaver CS6
1.3.2 Photoshop CS6
1.3.3 Flash CS6
1.4 網(wǎng)頁(yè)制作的基本流程
1.5 課堂案例——個(gè)人主頁(yè)制作
1.5.1 案例目標(biāo)
1.5.2 操作思路
1.6 本章小結(jié)
1.7 課后習(xí)題
第2章使用Dreamweaver CS6創(chuàng)建網(wǎng)頁(yè)文檔
2.1 熟悉Dreamweaver CS6工作界面
2.1.1 工作界面的組成
2.1.2 可視化輔助工具
2.1.3 設(shè)置首選參數(shù)
2.2 創(chuàng)建和管理站點(diǎn)
2.2.1 規(guī)劃站點(diǎn)
2.2.2 管理站點(diǎn)
2.2.3 管理站點(diǎn)中的文件
2.3 網(wǎng)頁(yè)文檔基本操作
2.3.1 新建網(wǎng)頁(yè)文檔
2.3.2 保存、打開(kāi)網(wǎng)頁(yè)文檔
2.3.3 設(shè)置頁(yè)面屬性
2.4 課堂案例——“學(xué)院網(wǎng)站”創(chuàng)建多個(gè)網(wǎng)頁(yè)
2.4.1案例目標(biāo)
2.4.2操作思路
2.5 本章小結(jié)
2.6 課后習(xí)題
第3章 網(wǎng)頁(yè)中的基本對(duì)象
3.1網(wǎng)頁(yè)中的文本
3.1.1直接輸入
3.1.2復(fù)制/粘貼外部文本
3.1.3導(dǎo)入外部文件
3.1.4插入特殊字符
3.1.5插入項(xiàng)目列表和編號(hào)列表
3.1.6 設(shè)置文本屬性
3.2 網(wǎng)頁(yè)中的圖像
3.2.1 網(wǎng)頁(yè)中的圖像格式
3.2.2 插入圖像
3.2.3設(shè)置圖像屬性
3.2.4跟蹤圖像
3.3 網(wǎng)頁(yè)中的多媒體
3.3.1 認(rèn)識(shí)網(wǎng)頁(yè)中的多媒體
3.3.2 網(wǎng)頁(yè)中添加Flash動(dòng)畫
3.3.3 網(wǎng)頁(yè)中插入FLV視頻
3.3.4 網(wǎng)頁(yè)中添加音頻對(duì)象
3.3.5 網(wǎng)頁(yè)中添加其他媒體文件
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簡(jiǎn)介
3.6.2 AP Div的應(yīng)用
3.7 課堂案例——制作“西安翻譯學(xué)院”首頁(yè)
3.7.1.案例目標(biāo)
3.7.2.操作思路
3.8 本章小結(jié)
3.9 課后習(xí)題——制作“個(gè)人網(wǎng)站”首頁(yè)
第4章 使用表格布局網(wǎng)頁(yè)
4.1 表格概述
4.1.1表格的基本概念
4.1.2表格的組成
4.2 在網(wǎng)頁(yè)中插入表格
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)頁(yè)
4.5.1 使用簡(jiǎn)單表格布局網(wǎng)頁(yè)
4.5.2 使用復(fù)雜表格布局網(wǎng)頁(yè)
4.6 課堂案例—— 制作“時(shí)尚家居網(wǎng)”首頁(yè)
4.6.1 案例目標(biāo)
4.6.2操作思路
4.7本章小結(jié)
4.8課后習(xí)題——制作“最美陜西”首頁(yè)
第5章 應(yīng)用CSS+Div布局網(wǎng)頁(yè)
5.1 CSS樣式表
5.1.1基本概念
5.1.2基本語(yǔ)法
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章 框架、模板和庫(kù)
6.1 框架
6.1.1 框架概述
6.1.2 創(chuàng)建框架網(wǎng)頁(yè)
6.1.3 框架的基本操作
6.1.4 框架和框架集屬性
6.2 模板和庫(kù)
6.2.1 模板
6.2.2 庫(kù)
6.3 課堂案例——?jiǎng)?chuàng)建框架網(wǎng)頁(yè)，設(shè)計(jì)“學(xué)院網(wǎng)站”（包括學(xué)院主頁(yè)和內(nèi)容介紹）
6.3.1 案例目標(biāo)
6.3.2 操做思路
6.4 本章小結(jié)
6.5 課后練習(xí)
第7章 使用Photoshop CS6制作網(wǎng)頁(yè)素材
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圖像的裁剪和移動(dòng)
7.3.2設(shè)置顏色的基本方法
7.3.3填充與描邊
7.3.4圖像繪畫工具
7.3.5圖像修復(fù)工具
7.3.6圖像的變換
7.4課堂案例——設(shè)計(jì)制作網(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課堂案例——制作購(gòu)物網(wǎng)站首頁(yè)效果圖
8.4.1練習(xí)目標(biāo)
8.4.2操作步驟
8.5本章小結(jié)
8.6課后習(xí)題——制作化妝品網(wǎng)站首頁(yè)效果圖
第9章 使用Flash CS6制作網(wǎng)頁(yè)動(dòng)態(tài)素材
9.1初識(shí)Flash CS6
9.1.1中文Flash CS6工作界面
9.1.2 Flash CS6的基本操作
9.2 Flash CS6動(dòng)畫制作基礎(chǔ)
9.2.1動(dòng)畫制作原理
9.2.2 Flash動(dòng)畫的種類
9.2.3編輯對(duì)象
9.2.4演示動(dòng)畫制作
9.3動(dòng)畫中的圖層
9.3.1圖層的概念
9.3.2圖層的類型
9.3.3圖層的基本操作
9.4動(dòng)畫中的幀
9.4.1幀的種類及創(chuàng)建
9.4.2幀的基本操作
9.5 動(dòng)畫中的元件
9.5.1 創(chuàng)建元件
9.5.2 將對(duì)象或動(dòng)畫轉(zhuǎn)換為元件
9.5.3編輯元件與