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