網(wǎng)頁設(shè)計與制作教程

內(nèi)容概要

　　《普通高等教育計算機(jī)規(guī)劃教材：網(wǎng)頁設(shè)計與制作教程（Dreamweaver+Photoshop+Flash版）》結(jié)合工作實踐，按照DIV+CSS的主流模式，在介紹HTML、XHTML和CSS的基礎(chǔ)上，將網(wǎng)頁設(shè)計中經(jīng)常使用的軟件進(jìn)行組合，以案例的形式詳細(xì)講解Dreamweaver、Photoshop和Flash在網(wǎng)頁設(shè)計與制作中的應(yīng)用和設(shè)計流程。本書除了介紹軟件的使用外，更多地體現(xiàn)了基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計理念。在內(nèi)容安排方面，前后練習(xí)所用素材交叉互用，將三款軟件間的協(xié)同工作的情景清晰體現(xiàn)；在結(jié)構(gòu)編排方面，每章均包含知識重點、預(yù)期目標(biāo)、課堂練習(xí)、課堂實訓(xùn)和習(xí)題等環(huán)節(jié)，方便讀者把握學(xué)習(xí)進(jìn)度，方便教師掌控教學(xué)安排。
　　《普通高等教育計算機(jī)規(guī)劃教材：網(wǎng)頁設(shè)計與制作教程（Dreamweaver+Photoshop+Flash版）》按照教學(xué)規(guī)律精心編排設(shè)計，可作為各類院校的網(wǎng)頁設(shè)計與制作教材，各層次職業(yè)培訓(xùn)教材，同時也可作為廣大網(wǎng)站開發(fā)愛好者的自學(xué)指導(dǎo)用書。

書籍目錄

出版說明
前言
教學(xué)建議
第1章 網(wǎng)頁設(shè)計基礎(chǔ)
1.1 網(wǎng)頁界面元素
1.1.1 基本概念
1.1.2 網(wǎng)站的主題與風(fēng)格定位
1.2 如何進(jìn)行網(wǎng)頁設(shè)計
1.2.1 網(wǎng)頁設(shè)計的基本流程
1.2.2 網(wǎng)頁設(shè)計的常用工具
1.2.3 頁面布局的介紹與欣賞
1.3 習(xí)題
第2章 網(wǎng)站設(shè)計基礎(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 課堂綜合實訓(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 新建站點
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 課堂綜合練習(xí)——使用CSS制作簡單網(wǎng)頁
3.5.1 布局分析
3.5.2 制作過程
3.6 課堂綜合實訓(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 繪制熱點區(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 課堂綜合實訓(xùn)——“餐飲項目網(wǎng)”的制作
4.6 習(xí)題
第5章 列表元素、CSS浮動和定位
5.1 列表元素
5.1.1 列表修飾符的類型
5.1.2 列表項圖像
5.1.3 縱向列表導(dǎo)航
5.2 CSS浮動
5.2.1 浮動的基本概念
5.2.2 浮動的實際應(yīng)用
5.3 CSS定位
5.3.1 相對定位
5.3.2 絕對定位
5.3.3 相對定位與絕對定位的混合使用
5.4 課堂綜合練習(xí)——“牛仔褲專題網(wǎng)”的設(shè)計與制作
5.4.1 布局分析
5.4.2 制作過程
5.5 課堂綜合實訓(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è)計網(wǎng)”主頁的制作
6.3.1 布局分析
6.3.2 制作過程
6.4 課堂綜合實訓(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è)計與制作
7.3.1 布局分析
7.3.2 制作過程
7.4 課堂綜合實訓(xùn)——網(wǎng)站后臺的設(shè)計與制作
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 課堂綜合實訓(xùn)——“小鳥鉆石網(wǎng)”情人節(jié)活動頁面效果圖制作
8.7 習(xí)題
第9章 Photoshop CS5頁面設(shè)計
9.1 色彩的應(yīng)用
9.1.1 相近色與對比色
9.1.2 色彩的選擇與搭配
9.2 網(wǎng)站Logo的設(shè)計與制作
9.2.1 Logo的設(shè)計要點
9.2.2 Logo的制作過程
9.3 導(dǎo)航欄的設(shè)計與制作
9.3.1 導(dǎo)航欄的設(shè)計風(fēng)格
9.3.2 導(dǎo)航欄的制作過程
9.4 廣告位的設(shè)計與制作——GIF動畫
9.4.1 Photoshop中的動畫面板
9.4.2 GIF動畫的實現(xiàn)步驟
9.5 應(yīng)用切片工具生成所需圖像
9.5.1 切片的工具
9.5.2 切片的方法
9.6 課堂綜合練習(xí)——“宇澤”首飾電子商務(wù)網(wǎng)站的效果圖制作
9.7 課堂綜合實訓(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 課堂綜合實訓(xùn)——制作導(dǎo)航條
10.6 習(xí)題
第11章 Flash CS5動畫設(shè)計
11.1 逐幀動畫
11.2 補間動畫、傳統(tǒng)補間動畫與補間形狀動畫
11.2.1 補間動畫
11.2.2 什么是傳統(tǒng)補間動畫
11.2.3 什么是補間形狀動畫
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 課堂綜合實訓(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 實現(xiàn)過程
12.2.1 主頁的實現(xiàn)
12.2.2 檢索頁的實現(xiàn)
12.2.3 產(chǎn)品信息頁的實現(xiàn)
12.3 習(xí)題
……

章節(jié)摘錄

版權(quán)頁：   插圖：   在本例的源代碼中，＜form＞標(biāo)簽說明了表單的開始，同時表明將采用post方法向表單處理服務(wù)器傳送數(shù)據(jù)。隨后是表單的用戶輸入控件，其中每個控件都是用＜input＞標(biāo)簽和type屬性定義的。 在這個示例中共有四個控件，第一個控件是文本域，允許用戶最多鍵入40個字符，但一次最多只能顯示20個字符；第二個控件是一組單選按鈕，用戶只能從兩個單選按鈕中選擇其中一個；第三個控件是一個下拉菜單，可以從四個選項中選擇一個；第四個控件是簡單的提交按鈕，用戶單擊此按鈕后，輸入信息會發(fā)送到服務(wù)器上名為“form action.asp”的頁面。 1.＜form＞標(biāo)簽 ＜form＞標(biāo)簽用于為用戶輸入創(chuàng)建HTML表單。在文檔主體中，表單可以被放置于任何位置，只要將表單的元素都放在＜form＞標(biāo)簽與＜/form＞結(jié)束標(biāo)簽中就可以，此外form元素是塊級元素，其前后會產(chǎn)生換行。 （1）action屬性 ＜form＞標(biāo)簽中必須包含action（動作）屬性，此屬性說明了接收和處理表單數(shù)據(jù)的應(yīng)用程序的URL。通常Web管理員將表單處理應(yīng)用程序放在Web服務(wù)器上名為“cgi—bin”的目錄下。一個帶有action屬性的典型＜form＞標(biāo)簽代碼片段如下所示： ＜form action＝“http：//www.yyy.com/cgi—bin/update”＞ … ＜/form＞ cgi—bin目錄中的文檔實際上是一個應(yīng)用程序，每次調(diào)用它時該程序都會動態(tài)地創(chuàng)建一個所需要的頁面。 （2）method屬性 method屬性用于規(guī)定使用何種方法發(fā)送表單數(shù)據(jù)，共有POST方法和GET方法兩種方法。 （3）id屬性和name屬性 id屬性允許用戶使用一個唯一的字符串來標(biāo)記控件，這樣程序或者超鏈接就可以直接引用它們。name屬性就是控件的名稱，可以重復(fù)。

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)頁設(shè)計與制作教程 PDF格式下載

---