網(wǎng)頁設計與制作——HTML5+CSS+javascript(第2版)(21世紀高等學校計算機系列規(guī)劃教?35
定 價:35 元
叢書名:21世紀高等學校計算機系列規(guī)劃教材
- 作者:趙鋒 主編
- 出版時間:2013/8/1
- ISBN:9787302323440
- 出 版 社:清華大學出版社
- 中圖法分類:TP393.092.2
- 頁碼:339
- 紙張:膠版紙
- 版次:2
- 開本:大32開
本書打破傳統(tǒng)的純粹利用開發(fā)工具或講授代碼的教學方法,結合網(wǎng)頁輔助開發(fā)工具理解網(wǎng)頁代碼的本質,并通過大量的實例系統(tǒng)性地闡述了網(wǎng)頁設計基本原則、HTML網(wǎng)頁設計語言和傳統(tǒng)網(wǎng)頁設計方法及工具,探討了經(jīng)典的DIV+CSS網(wǎng)頁布局與美化技巧,詳細介紹了代表未來Web發(fā)展方向的HTML5應用及CSS最新規(guī)范標準CSS 3,并針對Web應用開發(fā)介紹了JavaScript語法和應用。
本書內(nèi)容翔實,架構獨特,梯度推進,突出實踐。通過本書的學習,既可以入門網(wǎng)頁超文本標記及傳統(tǒng)網(wǎng)頁布局設計技巧,也可以深入運用HTML+CSS+JavaScript制作網(wǎng)頁,還可以掌握最新的HTML5+CSS 3網(wǎng)頁開發(fā)知識,使讀者循序漸進,適應網(wǎng)頁設計技術的發(fā)展與變革。
本書可作為高等院校、高職院校及相關培訓機構網(wǎng)頁設計與制作相關課程的教材,也可作為從事網(wǎng)頁設計與制作、網(wǎng)頁開發(fā)等行業(yè)人員的參考教材,同時還適合中高級讀者進一步學習和參考。
當今網(wǎng)絡應用的不斷普及和技術變革使得與網(wǎng)絡應用緊密相關的Web前端開發(fā)和網(wǎng)頁設計技術也如火如荼。市面上講授網(wǎng)頁設計的書籍很多,內(nèi)容有依托Dreamweaver、Photoshop、Flash三套軟件講授傳統(tǒng)網(wǎng)頁設計方法的,有專門講授DIV+CSS基于Web 2.0標準的網(wǎng)頁布局與美化應用技巧的,也有獨立講授以HTML 5和CSS 3為代表的新一代網(wǎng)頁設計技術的,但這些都只是片面講授了網(wǎng)頁設計在發(fā)展和技術應用上的某一個方面,對于網(wǎng)頁設計基礎知識參差不齊的讀者來說,往往感覺有些不夠深入,而又難以消化吸收。網(wǎng)頁設計是一個循序漸進的過程,必須從整體上把握網(wǎng)頁設計與開發(fā)涉及的東西,了解網(wǎng)頁布局基本方法和設計原則,然后逐一掌握各種技術并賦予實踐,才能真正做到學有所獲。本書就是基于此信條來講授網(wǎng)頁設計和制作相關知識的。
除了講授網(wǎng)頁設計基本原則、HTML網(wǎng)頁設計語言和傳統(tǒng)網(wǎng)頁設計方法和工具外,本書由淺入深地引入了基于Web標準的網(wǎng)頁設計方法,探討了經(jīng)典的DIV+CSS網(wǎng)頁布局與美化技巧,由易到難,逐層深入,最后詳細介紹了HTML 5新特性及CSS最新規(guī)范標準CSS 3,并針對Web應用開發(fā)介紹了JavaScript語法和應用。書中每個章節(jié)都穿插了大量的實例進行講解,引導和幫助讀者理解知識點的應用,力求快速完成由理論知識到實戰(zhàn)技能的轉化。另外,為方便教學,本書每個章節(jié)后面都配備了專門的上機實踐部分,針對章節(jié)知識做一個綜合性的實踐應用回顧,讀者可理論結合實際,快速掌握最新知識和技能。
本書的最大特色在于突出實踐性,打破傳統(tǒng)的純粹利用開發(fā)工具或講授代碼的教學方法,結合網(wǎng)頁輔助開發(fā)工具理解網(wǎng)頁代碼的本質,并通過大量的實例貫穿所有知識點的學習。內(nèi)容架構獨特,每一章探討一個具體的主題,由淺入深,梯度推進,緊跟網(wǎng)頁設計的發(fā)展和變革,深入解剖網(wǎng)頁設計中的各種技術、方法和技巧,提高讀者實戰(zhàn)技能。
全書內(nèi)容共8章。第1章介紹了網(wǎng)頁設計基本概念、布局方法和總的設計原則; 第2章重點介紹了HTML文檔標記及其使用; 第3章介紹了利用輔助設計軟件進行網(wǎng)頁設計與開發(fā)的技巧; 第4章和第5章介紹了Web標準和CSS基礎,重點闡述了DIV+CSS網(wǎng)頁布局與美化方法; 第6章介紹了代表未來Web發(fā)展方向的HTML 5的應用; 第7章詳細講解了CSS規(guī)范最新版本CSS 3新增選擇器及應用; 第8章介紹了負責網(wǎng)頁動態(tài)行為的JavaScript技術。通過本書的學習,讀者既可以入門網(wǎng)頁超文本標記及傳統(tǒng)網(wǎng)頁布局設計技巧,也可以深入運用HTML+CSS+JavaScript制作網(wǎng)頁,還可以掌握最新的HTML 5+CSS 3網(wǎng)頁開發(fā)知識,讀者在學習過程中可根據(jù)所需,靈活選擇。
書中所有實例和實驗案例所使用的素材及源代碼文件均可以在清華大學出版社的網(wǎng)站(http://www.tup.tsinghua.edu.cn/)下載,素材中還包括整個課程教學所需課件、考核參考要求及100套考核實戰(zhàn)題目詳細清單,基本滿足每一位考核學生的網(wǎng)站主題及欄目設置。全書建議學時為48~64,其中理論學時建議為30~36,實踐學時建議為18~24。網(wǎng)頁設計與制作是一門實踐性很強的課程,讀者只有多動手實踐才能更好地掌握書中內(nèi)容。書中上機實踐部分并沒有給出詳細的制作步驟或代碼,讀者可根據(jù)所學結合網(wǎng)上下載源文件進行練習,以加深所學內(nèi)容的理解。
本書作者長期從事網(wǎng)頁設計開發(fā)與教學工作,積累了豐富的設計思想與教學經(jīng)驗,讀者在學習過程中如果遇到實際問題,也可以登錄http://multi.ys168.com/網(wǎng)站共同學習探討或直接與作者聯(lián)系,Email: 10035154@qq.com。由于相關技術規(guī)范、標準和技術發(fā)展日新月異,加之編寫時間和作者水平有限,本書疏漏和不足之處在所難免,很多方面仍然需要進一步提高和改進,敬請廣大讀者朋友和專家批評指正。
作者2013年1月
第1章 網(wǎng)頁設計概述
1.1網(wǎng)頁設計基本概念
1.2網(wǎng)頁組成元素
1.3網(wǎng)頁布局方法及工具
1.4網(wǎng)頁設計原則及色彩
1.4.1網(wǎng)頁設計原則
1.4.2網(wǎng)頁色彩設計
1.5上機實踐
1.5.1利用記事本編寫一個簡單的HTML網(wǎng)頁
1.5.2擴展應用
第2章 網(wǎng)頁設計語言基礎
2.1HTML文檔結構及語法規(guī)則
2.1.1HTML文檔基本結構
2.1.2網(wǎng)頁頭部 head 標簽
2.1.3網(wǎng)頁主體 body 標簽
第1章 網(wǎng)頁設計概述
1.1網(wǎng)頁設計基本概念
1.2網(wǎng)頁組成元素
1.3網(wǎng)頁布局方法及工具
1.4網(wǎng)頁設計原則及色彩
1.4.1網(wǎng)頁設計原則
1.4.2網(wǎng)頁色彩設計
1.5上機實踐
1.5.1利用記事本編寫一個簡單的HTML網(wǎng)頁
1.5.2擴展應用
第2章 網(wǎng)頁設計語言基礎
2.1HTML文檔結構及語法規(guī)則
2.1.1HTML文檔基本結構
2.1.2網(wǎng)頁頭部<head>標簽
2.1.3網(wǎng)頁主體<body>標簽
2.1.4HTML的語法規(guī)則
2.2HTML基本標記及屬性
2.2.1標題標記
2.2.2換行標記<br>和水平線標記<hr>
2.2.3字體設置
2.2.4列表標記
2.2.5<div>和<span>
2.3圖片
2.3.1HTML圖片
2.3.2圖片屬性
2.4超鏈接
2.5表格
2.5.1表格基本標簽
2.5.2表格及單元格屬性
2.5.3表格的嵌套
2.6框架
2.6.1框架集
2.6.2浮動框架
2.7表單
2.8多媒體
2.8.1滾動字幕
2.8.2背景音樂
2.8.3視頻和動畫
2.9上機實踐
2.9.1制作文字網(wǎng)頁
2.9.2制作圖文混排網(wǎng)頁
2.9.3制作超鏈接網(wǎng)頁
2.9.4制作多媒體網(wǎng)頁
2.9.5網(wǎng)頁表格應用
第3章 網(wǎng)頁制作工具
3.1Dreamweaver
3.1.1Dreamweaver基礎
3.1.2Dreamweaver布局
3.1.3Dreamweaver高級應用
3.2Photoshop切片
3.3上機實踐
3.3.1表格布局網(wǎng)頁
3.3.2Spry布局對象
3.3.3PS切片導出
3.3.4網(wǎng)頁中插入多媒體
3.3.5網(wǎng)頁模板
第4章 Web標準與CSS基礎
4.1Web標準
4.1.1內(nèi)容與表現(xiàn)的分離
4.1.2布局思考方式
4.2網(wǎng)站重構
4.2.1什么是網(wǎng)站重構
4.2.2什么是XHTML
4.2.3利用XHTML改善現(xiàn)有網(wǎng)站
4.3CSS樣式表應用
4.3.1CSS的使用方式
4.3.2CSS樣式面板
4.4CSS選擇器
4.4.1標簽選擇器
4.4.2類選擇器
4.4.3ID選擇器
4.4.4復合內(nèi)容選擇器
4.5上機實踐
4.5.1內(nèi)部樣式表
4.5.2行內(nèi)樣式表
4.5.3外部樣式表
第5章 DIV+CSS
5.1DIV元素定位
5.1.1初識DIV
5.1.2DIV布局與嵌套
5.1.3浮動定位與清除
5.1.4position屬性定位
5.2盒模型理論
5.2.1盒模型
5.2.2邊框
5.2.3邊距
5.2.4填充
5.3DIV+CSS常見布局
5.3.1單行單列布局
5.3.2二列式布局
5.3.3三列式布局
5.4CSS網(wǎng)頁美化
5.4.1背景樣式控制
5.4.2段落及字體樣式設計
5.4.3圖片樣式控制
5.4.4CSS濾鏡
5.5導航菜單及超鏈接
5.5.1列表設計
5.5.2導航菜單
5.5.3超級鏈接
5.6上機實踐
5.6.1利用float浮動定位
5.6.2利用position屬性定位
5.6.3編寫典型的網(wǎng)頁布局
5.6.4網(wǎng)頁元素美化及導航
5.6.5改造基于fable的網(wǎng)頁
第6章 HTML 5
6.1HTML 5的誕生
6.2HTML 5新特性
6.3HTML 5構建頁面
6.3.1簡單HTML 5頁面
6.3.2HTML 5新增結構元素
6.3.3HTML 5新增頁面元素
6.3.4HTML 5新增屬性
6.4表單
6.4.1新增屬性
6.4.2新增input類型
6.4.3表單驗證
6.5繪圖
6.5.1canvas元素基礎
6.5.2繪制圖形
6.5.3操作圖形
6.6音視頻
6.7數(shù)據(jù)存儲及操作
6.8高級應用
6.9上機實踐
第7章 CSS 3
7.1CSS 3簡介及新增功能
7.1.1CSS 3簡介
7.1.2CSS 3新增功能
7.1.3CSS 3未來和創(chuàng)新
7.2CSS 3選擇器
7.2.1新增屬性選擇器
7.2.2結構性偽類選擇器
7.2.3UI元素狀態(tài)偽類選擇器
7.2.4通用兄弟元素選擇器
7.3CSS 3布局樣式
7.3.1盒布局
7.3.2盒模型
7.3.3UI設計
7.3.4多列布局
7.4CSS 3頁面美化
7.4.1文本和字體樣式
7.4.2新增色彩模式
7.4.3邊框
7.4.4圖像及背景
7.5CSS 3變形及過渡特效
7.5.1CSS變形效果
7.5.2CSS過渡特效
7.5.3CSS動畫效果
7.6上機實踐
第8章 JavaScript
8.1JavaScript簡介
8.2JavaScript的使用及注釋
8.2.1JavaScript的使用
8.2.2JavaScript的注釋
8.3JavaScript編程基礎
8.3.1標識符、數(shù)據(jù)類型及變量
8.3.2運算符和表達式
8.3.3流程控制
8.3.4函數(shù)
8.4JavaScript對象
8.4.1內(nèi)置對象
8.4.2宿主對象
8.5JavaScript事件響應
8.5.1事件響應簡介
8.5.2幾種常用事件
8.6上機實踐
附錄AHTML 5中增刪標記符
附錄BHTML 5中被廢除或替代屬性
附錄CCSS 3新增選擇器匯總表
參考文獻