本書通過基礎知識與實例相結合的方式,重點介紹HTML、CSS、JavaScript、ASP、XML等技術在網頁中的應用,并系統地講解了網頁制作的方法和技巧。
本書并不僅僅局限于Dreamweaver CS6簡體中文版可視化制作工具的介紹,還將代碼講解和可視化制作工具應用相結合,使讀者既掌握Dreamweaver可視化制作工具的應用,又掌握一些基本的HTML和CSS代碼的使用方法,從而為以后更加深入地學習網頁設計打下堅實的基礎。
為了便于教學,每章都設置了“本章習題”和“上機練習”兩個學習模塊,使讀者能及時鞏固學習成果,舉一反三地制作出更多精彩的網頁效果。
為了使讀者能夠輕松地掌握網頁設計的方法,本書提供了配套視頻多媒體教學光盤。視頻教程包括圖書的全部內容、全程語音講解、真實操作演示,讓讀者一學就會!
本書既適合作為各類院校的網頁設計與制作教材,也適合想快速入門并提高網頁制作技能的初、中級用戶作為自學用書。
1.代碼講解和可視化設計工具應用相結合
HTML、CSS和JavaScript是網頁設計的基本技術,也是本書介紹的重點。對于網頁設計初學者,學習的目的是能夠熟練運用一些基本代碼,并且能夠讀懂網頁代碼。雖然Dreamweaver是一個可視化的網頁制作工具,很多網頁代碼都能夠使用可視化制作工具自動生成,但是本書并不僅僅局限于Dreamweaver可視化制作工具的介紹,而是將代碼講解和可視化制作工具應用相結合,使讀者既掌握了Dreamweaver可視化制作工具的應用,又掌握了一些基本的HTML、CSS和JavaScript代碼的使用方法,從而為以后更加深入地學習網頁設計打下堅實的基礎。
2.以網頁制作實例為中心系統講解知識點
對于網頁設計初學者,系統地掌握Dreamweaver網頁制作知識是*重要的。如何讓讀者系統學習知識點的同時而感覺不枯燥呢?答案就是圍繞網頁制作實例來講解知識點。本書根據各知識點精心設計了一個個網頁制作實例,可以使讀者在實例的制作過程中,輕松地掌握網頁制作的技術知識和方法。另外,以實例穿插知識點,也便于采用本書作為網頁設計課程教材的教師上課使用。
3.注重教學實驗,加強上機練習內容的設計
網頁設計與制作是一門實踐性很強的課程,學習者只有親自上機練習,才能更好地掌握教材內容。本書在每章都精心設計了“上機練習”模塊,教師可以根據課程要求靈活授課和安排上機實踐。讀者可以根據上機練習中介紹的方法、步驟進行上機實踐,然后根據自身情況對實例進行修改和擴展,以加深對其中所包含的概念、原理和方法的理解。
4.光盤實用性強
本書的配套光盤中,提供了所有實例源文件、上機練習實例源文件及相應的素材。所有實例的制作集專業性、藝術性、實用性于一身,非常適合網頁制作初學者學習使用。
為了使讀者更加輕松地掌握Dreamweaver設計網頁的方法,本書制作了配套視頻多媒體教學光盤。教學光盤內容包括圖書的全部內容,全程語音講解,真實操作演示,讓讀者一學就會!
為了方便任課教師進行教學,視頻教程開發成可隨意分拆、組合的swf文件。任課教師可以在課堂上播放視頻教程或者在上機練習時指導學生自學視頻教程的內容。
第1章網頁設計基礎
1.1HTML基礎
1.1.1HTML簡介
1.1.2課堂實例——創建和測試第一個網頁
1.1.3HTML標簽
1.1.4HTML文檔的基本結構
1.1.5了解XHTML
1.2初識Dreamweaver CS6
1.2.1Dreamweaver工作環境
1.2.2課堂實例——用Dreamweaver制作一個簡單網頁
1.3站點的建立
1.3.1規劃站點
1.3.2課堂實例——建立一個站點
1.4在代碼視圖中創建HTML
1.4.1標簽選擇器
1.4.2代碼提示工具
1.4.3編碼工具欄
本章習題
上機練習
練習1編寫HTML代碼
練習2文件頭標簽的應用
練習3建立自己的站點
第2章網頁中的文字和圖像
2.1網頁中的文字
2.1.1插入文字
2.1.2課堂實例——設置文本格式
2.1.3課堂實例——設置段落格式
2.1.4插入特殊字符
2.1.5課堂實例——使用段落列表
2.2在網頁中插入圖像
2.2.1網頁中常見的圖像格式
2.2.2課堂實例——插入圖像的方法
2.3編輯圖像
2.3.1課堂實例——設置圖像的尺寸和邊框
2.3.2課堂實例——設置圖文混排和圖像邊距
2.3.3圖像的裁剪和優化
2.4課堂實例——設置頁面屬性
2.4.1設置頁面文字格式
2.4.2設置背景顏色和背景圖片
2.4.3設置頁面邊距
2.4.4設置頁面標題
本章習題
上機練習
練習1美化文字格式
練習2圖文并茂
第3章網頁中的表格
3.1表格標簽
3.1.1認識網頁中的表格
3.1.2表格標簽詳解
3.1.3課堂實例——在代碼視圖中創建一個簡單表格
3.2創建表格的基本操作
3.2.1插入表格
3.2.2表格的編輯
3.2.3設置表格屬性
3.2.4課堂實例——創建一個復雜表格
3.3導入表格數據和排序
3.3.1導入表格數據
3.3.2導出表格
3.3.3表格排序
3.4課堂實例——用表格布局網頁
3.4.1插入表格并設置頁面屬性
3.4.2布局Banner和導航條
3.4.3布局圖像列表
3.4.4布局詳細內容
本章習題
上機練習
練習1創建一個學生管理表
練習2用表格布局主頁
第4章超級鏈接
4.1在網頁中創建超級鏈接的方法
4.1.1課堂實例——給文字添加超級鏈接
4.1.2課堂實例——設置超級鏈接樣式
4.1.3課堂實例——給圖片添加超級鏈接
4.2超級鏈接詳解
4.2.1超級鏈接的組成與分類
4.2.2超級鏈接的路徑
4.2.3鏈接目標
4.3超級鏈接的典型應用
4.3.1課堂實例——創建軟件下載超級鏈接
4.3.2課堂實例——創建電子郵件鏈接
4.3.3課堂實例——創建錨點鏈接
4.3.4課堂實例——創建圖像熱區鏈接
4.3.5課堂實例——創建腳本鏈接
4.4在網頁中創建導航條和跳轉菜單
4.4.1課堂實例——創建文字導航條
4.4.2課堂實例——創建動態圖像導航條
4.4.3課堂實例——創建跳轉菜單
本章習題
上機練習
練習1腳本鏈接——關閉網頁窗口
練習2縱向文字導航條
練習3縱向動態導航條
第5章網頁中的多媒體
5.1在網頁中應用Flash動畫
5.1.1關于FLA和SWF文件類型
5.1.2課堂實例——在網頁中應用Flash動畫
5.2在網頁中應用視頻
5.2.1課堂實例——在網頁中應用FLV視頻
5.2.2課堂實例——在網頁中應用非FLV視頻
5.3在網頁中應用音頻
5.3.1音頻文件格式
5.3.2課堂實例——網頁背景音樂
本章習題
上機練習
練習1Flash導航條
練習2在網頁中插入視頻
練習3循環播放的網頁背景音樂
第6章用CSS美化網頁
6.1CSS基礎
6.1.1關于層疊樣式表
6.1.2關于CSS規則
6.1.3“CSS樣式”面板
6.1.4課堂實例——定義CSS規則的方法
6.1.5在網頁中應用CSS樣式
6.2創建CSS
6.2.1類選擇器
6.2.2ID選擇器
6.2.3標簽(重新定義HTML元素)
6.2.4復合內容(基于選擇的內容)
6.2.5CSS的嵌套和繼承
6.3CSS基本應用
6.3.1課堂實例——用CSS格式化文本
6.3.2課堂實例——用CSS控制表格
6.3.3課堂實例——用CSS控制列表
6.3.4課堂實例——用CSS控制背景
6.3.5課堂實例——用CSS控制區塊
6.3.6課堂實例——用CSS控制超級鏈接
6.3.7課堂實例——CSS濾鏡的應用
6.4鏈接外部CSS樣式文件
6.4.1制作CSS樣式文件
6.4.2通過鏈接使用外部樣式表
本章習題
上機練習
練習1用CSS控制網頁文字和段落
練習2用CSS控制表格的背景、邊框、尺寸
練習3用外部CSS文件控制網頁整體效果
第7章框架和AP元素
7.1框架
7.1.1課堂實例——用框架布局一個簡單頁面
7.1.2創建框架和框架集
7.1.3設置框架和框架集的屬性
7.1.4課堂實例——框架集中的超鏈接
7.1.5課堂實例——用框架設計網頁
7.1.6IFRAME元素——網頁中的網頁
7.2AP元素
7.2.1課堂實例——創建AP元素
7.2.2AP元素的屬性詳解
7.2.3課堂實例——用AP元素進行網頁布局
本章習題
上機練習
練習1制作一個三欄框架
練習2制作框架網頁
練習3用AP元素設計網站首頁
第8章JavaScript在網頁中的應用
8.1行為
8.1.1附加行為
8.1.2內置行為功能詳解
8.1.3課堂實例——網頁加載時彈出公告頁
8.1.4課堂實例——交換圖像效果
8.1.5課堂實例——AP元素拖動效果
8.2JavaScript入門
……
收起全部↑