《普通高等教育計(jì)算機(jī)規(guī)劃教材:網(wǎng)頁設(shè)計(jì)與制作教程(Dreamweaver+Photoshop+Flash版)》結(jié)合工作實(shí)踐,按照DIV+CSS的主流模式,在介紹HTML、XHTML和CSS的基礎(chǔ)上,將網(wǎng)頁設(shè)計(jì)中經(jīng)常使用的軟件進(jìn)行組合,以案例的形式詳細(xì)講解Dreamweaver、Photoshop和Flash在網(wǎng)頁設(shè)計(jì)與制作中的應(yīng)用和設(shè)計(jì)流程。本書除了介紹軟件的使用外,更多地體現(xiàn)了基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)理念。在內(nèi)容安排方面,前后練習(xí)所用素材交叉互用,將三款軟件間的協(xié)同工作的情景清晰體現(xiàn);在結(jié)構(gòu)編排方面,每章均包含知識重點(diǎn)、預(yù)期目標(biāo)、課堂練習(xí)、課堂實(shí)訓(xùn)和習(xí)題等環(huán)節(jié),方便讀者把握學(xué)習(xí)進(jìn)度,方便教師掌控教學(xué)安排。
出版說明
前言
教學(xué)建議
第1章 網(wǎng)頁設(shè)計(jì)基礎(chǔ)
1.1 網(wǎng)頁界面元素
1.1.1 基本概念
1.1.2 網(wǎng)站的主題與風(fēng)格定位
1.2 如何進(jìn)行網(wǎng)頁設(shè)計(jì)
1.2.1 網(wǎng)頁設(shè)計(jì)的基本流程
1.2.2 網(wǎng)頁設(shè)計(jì)的常用工具
1.2.3 頁面布局的介紹與欣賞
1.3 習(xí)題
第2章 網(wǎng)站設(shè)計(jì)基礎(chǔ)語言HTML與XHTML
2.1 HTML與XHTML
2.1.1 HTML概述及其語法
2.1.2 使用記事本創(chuàng)建HTML文檔
2.1.3 XHTML概述
2.1.4 HTML與XHTML有何區(qū)別
2.2 頁面標(biāo)簽
2.2.1 排版標(biāo)簽
2.2.2 超鏈接標(biāo)簽與圖像標(biāo)簽
2.2.3 列表標(biāo)簽
2.2.4 表格標(biāo)簽
2.2.5 表單標(biāo)簽
2.3 課堂綜合練習(xí)——使用“記事本”制作精美網(wǎng)頁
2.3.1 編寫HTML文檔
2.3.2 預(yù)覽并美化文檔
2.4 課堂綜合實(shí)訓(xùn)——使用“記事本”制作簡單網(wǎng)頁
2.5 習(xí)題
第3章 Dreamweaver CS5的基本操作
3.1 Dreamweaver CS5界面介紹
3.1.1 工作環(huán)境
3.1.2 常用的工具欄與面板
3.2 Dreamweaver CS5的基本操作
3.2.1 新建站點(diǎn)
3.2.2 新建空白網(wǎng)頁文檔
3.2.3 站點(diǎn)內(nèi)的基本操作
3.3 網(wǎng)頁制作離不開CSS
3.3.1 CSS用來做什么
3.3.2 如何創(chuàng)建CSS文檔
3.3.3 CSS的基本語法
3.3.4 常見的CSS樣式類型
3.3.5 CSS的盒模型
3.4 必須掌握的CSS選擇符
3.4.1 通配符與類型選擇符
3.4.2 類選擇符與ID選擇符
3.4.3 包含選擇符與群組選擇符
3.5 課堂綜合練習(xí)——使用CSS制作簡單網(wǎng)頁
3.5.1 布局分析
3.5.2 制作過程
3.6 課堂綜合實(shí)訓(xùn)——使用CSS制作精美網(wǎng)頁
3.7 習(xí)題
第4章 網(wǎng)頁中文本與圖像的控制
4.1 文本控制
4.1.1 插入文本與特殊字符
4.1.2 創(chuàng)建超鏈接
4.1.3 CSS控制文本的常見屬性及其應(yīng)用
4.2 圖像控制
4.2.1 插入圖像
4.2.2 設(shè)置圖像屬性
4.2.3 繪制熱點(diǎn)區(qū)域
4.2.4 插入鼠標(biāo)經(jīng)過圖像
4.2.5 CSS控制圖像的常見屬性及其應(yīng)用
4.3 圖文混排
4.4 課堂綜合練習(xí)——“健康養(yǎng)生網(wǎng)”首頁的制作
4.4.1 布局分析
4.4.2 制作過程
4.5 課堂綜合實(shí)訓(xùn)——“餐飲項(xiàng)目網(wǎng)”的制作
4.6 習(xí)題
第5章 列表元素、CSS浮動和定位
5.1 列表元素
5.1.1 列表修飾符的類型
5.1.2 列表項(xiàng)圖像
5.1.3 縱向列表導(dǎo)航
5.2 CSS浮動
5.2.1 浮動的基本概念
5.2.2 浮動的實(shí)際應(yīng)用
5.3 CSS定位
5.3.1 相對定位
5.3.2 絕對定位
5.3.3 相對定位與絕對定位的混合使用
5.4 課堂綜合練習(xí)——“牛仔褲專題網(wǎng)”的設(shè)計(jì)與制作
5.4.1 布局分析
5.4.2 制作過程
5.5 課堂綜合實(shí)訓(xùn)——“宇澤通訊手機(jī)專賣網(wǎng)”的制作
5.6 習(xí)題
第6章 表格與表單
6.1 表格控制
6.1.1 表格的創(chuàng)建
6.1.2 表格的屬性設(shè)置
6.1.3 表格的基本操作
6.1.4 表格中常用的CSS屬性
6.1.5 隔行換色CSS表格
6.2 表單控制
6.2.1 創(chuàng)建表單域
6.2.2 插入多種表單對象
6.2.3 表單的美化——CSS登錄框的制作
6.3 課堂綜合練習(xí)——“宇澤品牌設(shè)計(jì)網(wǎng)”主頁的制作
6.3.1 布局分析
6.3.2 制作過程
6.4 課堂綜合實(shí)訓(xùn)——“宇澤環(huán)保網(wǎng)”主頁的制作
6.5 習(xí)題
第7章 框架與模板
7.1 框架
7.1.1 框架的基本概念
7.1.2 框架的基本操作
7.1.3 框架的具體應(yīng)用
7.2 模板
7.2.1 基本概念與基礎(chǔ)操作
7.2.2 利用模板快速創(chuàng)建頁面
7.2.3 模板的管理與分離
7.3 課堂綜合練習(xí)——“YUZE公司”網(wǎng)站的設(shè)計(jì)與制作
7.3.1 布局分析
7.3.2 制作過程
7.4 課堂綜合實(shí)訓(xùn)——網(wǎng)站后臺的設(shè)計(jì)與制作
7.5 習(xí)題
第8章 Photoshop CS5的基本操作
8.1 認(rèn)識Photoshop
8.1.1 Photoshop概述與常見術(shù)語
8.1.2 Photoshop CS5工作界面
8.1.3 Photoshop CS5工具箱介紹
8.1.4 Photoshop CS5常用面板介紹
8.2 Photoshop CS5的常用工具與基本操作
8.2.1 新建與打開
8.2.2 選框工具組
8.2.3 套索工具組
8.2.4 魔棒工具
8.2.5 油漆桶工具
8.2.6 漸變工具
8.2.7 鋼筆與文字工具
8.3 圖層
8.3.1 創(chuàng)建與設(shè)置圖層
8.3.2 圖層樣式
8.4 蒙版
8.4.1 圖層蒙版
8.4.2 矢量蒙版
8.4.3 剪貼蒙版
8.5 課堂綜合練習(xí)——專題類網(wǎng)站的效果圖制作
8.6 課堂綜合實(shí)訓(xùn)——“小鳥鉆石網(wǎng)”情人節(jié)活動頁面效果圖制作
8.7 習(xí)題
第9章 Photoshop CS5頁面設(shè)計(jì)
9.1 色彩的應(yīng)用
9.1.1 相近色與對比色
9.1.2 色彩的選擇與搭配
9.2 網(wǎng)站Logo的設(shè)計(jì)與制作
9.2.1 Logo的設(shè)計(jì)要點(diǎn)
9.2.2 Logo的制作過程
9.3 導(dǎo)航欄的設(shè)計(jì)與制作
9.3.1 導(dǎo)航欄的設(shè)計(jì)風(fēng)格
9.3.2 導(dǎo)航欄的制作過程
9.4 廣告位的設(shè)計(jì)與制作——GIF動畫
9.4.1 Photoshop中的動畫面板
9.4.2 GIF動畫的實(shí)現(xiàn)步驟
9.5 應(yīng)用切片工具生成所需圖像
9.5.1 切片的工具
9.5.2 切片的方法
9.6 課堂綜合練習(xí)——“宇澤”首飾電子商務(wù)網(wǎng)站的效果圖制作
9.7 課堂綜合實(shí)訓(xùn)——“上海天眾汽車用品”公司主頁效果圖制作
9.8 習(xí)題
第10章 Flash CS5的基本操作
10.1 認(rèn)識Flash CS5
10.1.1 常見術(shù)語
10.1.2 Flash CS5工作界面
10.1.3 Flash CS5工具箱
10.1.4 Flash CS5常用面板介紹
10.2 Flash CS5的常用工具與基本操作
10.2.1 新建與打開
10.2.2 時間軸
10.2.3 場景和舞臺
10.2.4 筆觸和填充
10.2.5 多角星形工具
10.2.6 元件
10.3 測試與發(fā)布
10.4 課堂綜合練習(xí)——制作橫向?qū)Ш綏l
10.4.1 導(dǎo)航條簡介
10.4.2 制作過程
10.5 課堂綜合實(shí)訓(xùn)——制作導(dǎo)航條
10.6 習(xí)題
第11章 Flash CS5動畫設(shè)計(jì)
11.1 逐幀動畫
11.2 補(bǔ)間動畫、傳統(tǒng)補(bǔ)間動畫與補(bǔ)間形狀動畫
11.2.1 補(bǔ)間動畫
11.2.2 什么是傳統(tǒng)補(bǔ)間動畫
11.2.3 什么是補(bǔ)間形狀動畫
11.3 引導(dǎo)層動畫與遮罩動畫
11.3.1 引導(dǎo)層動畫
11.3.2 遮罩動畫
11.4 ActionScript在Flash中的應(yīng)用
11.4.1 ActionScript概述
11.4.2 使用AS制作網(wǎng)頁中圖片切換效果案例
11.5 課堂綜合練習(xí)——使用Flash制作廣告
11.5.1 任務(wù)分析
11.5.2 制作過程
11.6 課堂綜合實(shí)訓(xùn)——制作“Come on”網(wǎng)購商城特價廣告
11.7 習(xí)題
第12章 綜合練習(xí)——“宇澤首飾電子購物網(wǎng)站”的制作
12.1 需求分析與布局分析
12.1.1 網(wǎng)站需求分析簡述
12.1.2 根據(jù)效果圖分析布局
12.2 實(shí)現(xiàn)過程
12.2.1 主頁的實(shí)現(xiàn)
12.2.2 檢索頁的實(shí)現(xiàn)
12.2.3 產(chǎn)品信息頁的實(shí)現(xiàn)
12.3 習(xí)題
……