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