HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通-(附1張DVD.含配套視頻.應(yīng)用技巧大全.常用圖塊集等) 版權(quán)信息
- ISBN:9787302423904
- 條形碼:9787302423904 ; 978-7-302-42390-4
- 裝幀:暫無(wú)
- 冊(cè)數(shù):暫無(wú)
- 重量:暫無(wú)
- 所屬分類:>>
HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通-(附1張DVD.含配套視頻.應(yīng)用技巧大全.常用圖塊集等) 本書特色
《HTML CSS JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通》一書從網(wǎng)站基礎(chǔ)開(kāi)始,結(jié)合大量案例,全面、翔實(shí)地介紹了使用HTML CSS JavaScript開(kāi)發(fā)Web前端頁(yè)面的具體方法與步驟,引導(dǎo)讀者從零開(kāi)始,一步步掌握Web開(kāi)發(fā)的全過(guò)程!禜TML CSS JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通》共分24章,主要內(nèi)容包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)、HTML基礎(chǔ)、設(shè)計(jì)符合語(yǔ)義的頁(yè)面、設(shè)計(jì)符合標(biāo)準(zhǔn)的結(jié)構(gòu)、設(shè)計(jì)HTML 5文檔、CSS基礎(chǔ)、設(shè)計(jì)文本樣式、設(shè)計(jì)圖像樣式、設(shè)計(jì)超鏈接樣式、設(shè)計(jì)列表樣式、設(shè)計(jì)表格樣式、設(shè)計(jì)表單樣式、CSS網(wǎng)頁(yè)布局、CSS網(wǎng)頁(yè)設(shè)計(jì)兼容技法、JavaScript基礎(chǔ)、使用JavaScript操控瀏覽器和文檔、JavaScript事件處理、使用JavaScript設(shè)計(jì)腳本化CSS、使用Ajax、使用jQuery等,*后通過(guò)專題網(wǎng)頁(yè)、電子相冊(cè)、網(wǎng)絡(luò)記事本和購(gòu)物網(wǎng)站4個(gè)綜合案例,介紹了Web前端設(shè)計(jì)的完整過(guò)程。
《HTML CSS JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通》適合網(wǎng)頁(yè)制作、美工設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)、網(wǎng)頁(yè)編程等行業(yè)人員閱讀和參考,也可供網(wǎng)頁(yè)愛(ài)好者自學(xué)使用,同時(shí)還可作為高等院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教材,以及網(wǎng)頁(yè)平面設(shè)計(jì)的培訓(xùn)教材。
HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通-(附1張DVD.含配套視頻.應(yīng)用技巧大全.常用圖塊集等) 內(nèi)容簡(jiǎn)介
“網(wǎng)絡(luò)開(kāi)發(fā)視頻大講堂”叢書系清華社“視頻大講堂”重點(diǎn)大系之一。該大系包括多個(gè)子系列,每個(gè)子系列的圖書在其同品種的圖書中銷售名列前茅,其中:
4個(gè)品種榮獲“全行業(yè)暢銷品種”
1個(gè)品種榮獲2012年清華大學(xué)出版社“專業(yè)熱銷書”一等獎(jiǎng)
絕大多數(shù)品種在“計(jì)算機(jī)零售圖書排行榜”同品種排行中名列前茅
截至目前該大系累計(jì)銷售超過(guò)55萬(wàn)冊(cè)
該大系已成為近年來(lái)清華社計(jì)算機(jī)專業(yè)基礎(chǔ)類零售圖書熱銷的品牌之一
“網(wǎng)絡(luò)開(kāi)發(fā)視頻大講堂”系列作為清華社“視頻大講堂”大系的子系列之一,繼承和創(chuàng)新了清華社“視頻大講堂”大系的編寫模式、寫作風(fēng)格和優(yōu)良品質(zhì)。本書突出了以下內(nèi)容:
★368節(jié)大型高清同步視頻演示講解,可反復(fù)觀摩,讓學(xué)習(xí)更為快捷、高效
★數(shù)百個(gè)典型中小實(shí)例,通過(guò)實(shí)例學(xué)習(xí)更深入,更有趣,更有動(dòng)力
★4個(gè)綜合實(shí)戰(zhàn)案例,展現(xiàn)工作過(guò)程,積累工作經(jīng)驗(yàn)
★實(shí)用網(wǎng)頁(yè)模板380套,網(wǎng)頁(yè)配色辭典1部,協(xié)調(diào)色配色參考7套,網(wǎng)頁(yè)色彩搭配圖43張,不同色系實(shí)物配色卡540張,實(shí)用配色參考18部,網(wǎng)頁(yè)設(shè)計(jì)素材13類
★PS分層模板10套,PS樣式8類,PS濾鏡46個(gè),PS漸變樣式6類,PS筆刷樣式9類,PS填充圖案5類,PS字體集合1000個(gè)
★HTML工具集6部,CSS工具集8部,JavaScript工具集16部,PS幫助手冊(cè)1部
★ HTML應(yīng)用案例360個(gè),CSS3應(yīng)用案例510個(gè),JavaScript jQuery應(yīng)用案例900個(gè),網(wǎng)頁(yè)交互設(shè)計(jì)案例1000個(gè)
★Web前端開(kāi)發(fā)規(guī)范手冊(cè)1部,JavaScript知識(shí)點(diǎn)思維導(dǎo)圖10張,HTML CSS面試題351道,JavaScript面試題685道,網(wǎng)頁(yè)欣賞
HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通-(附1張DVD.含配套視頻.應(yīng)用技巧大全.常用圖塊集等) 目錄
第1章
網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1.1 熟悉網(wǎng)頁(yè)設(shè)計(jì)概念
1.1.1 網(wǎng)頁(yè)和網(wǎng)站
1.1.2 網(wǎng)頁(yè)類型
1.1.3 網(wǎng)頁(yè)構(gòu)成
1.2 網(wǎng)頁(yè)設(shè)計(jì)學(xué)習(xí)任務(wù)
1.2.1 學(xué)習(xí)HTML
1.2.2 學(xué)習(xí)DIV結(jié)構(gòu)
1.2.3 學(xué)習(xí)CSS
1.2.4 學(xué)習(xí)JavaScript
1.3 網(wǎng)頁(yè)設(shè)計(jì)素養(yǎng)
1.3.1 網(wǎng)頁(yè)設(shè)計(jì)任務(wù)
1.3.2 網(wǎng)頁(yè)設(shè)計(jì)原則
1.3.3 網(wǎng)頁(yè)設(shè)計(jì)流程
1.3.4 網(wǎng)頁(yè)配色
1.4 網(wǎng)站開(kāi)發(fā)流程
1.4.1 個(gè)人網(wǎng)站開(kāi)發(fā)流程
1.4.2 應(yīng)用項(xiàng)目開(kāi)發(fā)流程
1.4.3 承包網(wǎng)站開(kāi)發(fā)流程
附錄一:《網(wǎng)站建設(shè)合同》參考范本
附錄二:《網(wǎng)站維護(hù)說(shuō)明書》
參考范本
第2章
HTML基礎(chǔ)
視頻講解:26分鐘
2.1 HTML歷史
2.2 HTML規(guī)范雛形
2.3 HTML與XHTML
2.4 HTML基礎(chǔ)
2.4.1 HTML語(yǔ)言作用
2.4.2 HTML文檔基本結(jié)構(gòu)
2.4.3 HTML基本語(yǔ)法
2.4.4 HTML常用標(biāo)簽
2.5 XHTML基礎(chǔ)
2.5.1 XHTML文檔基本結(jié)構(gòu)
2.5.2 XHTML基本語(yǔ)法
2.5.3 XHTML文檔類型
2.5.4 DTD文檔類型解析
2.5.5 名字空間
2.6 HTML元信息
第3章
設(shè)計(jì)符合語(yǔ)義的頁(yè)面
視頻講解:67分鐘
3.1 網(wǎng)頁(yè)語(yǔ)義化概述
3.2 元素分類
3.2.1 結(jié)構(gòu)語(yǔ)義
3.2.2 內(nèi)容語(yǔ)義
3.2.3 修飾語(yǔ)義
3.3 屬性分類
3.3.1 核心屬性
3.3.2 語(yǔ)言屬性
3.3.3 鍵盤屬性
3.3.4 內(nèi)容屬性
3.3.5 其他屬性
3.4 定義文本信息
3.4.1 設(shè)計(jì)標(biāo)題信息
3.4.2 設(shè)計(jì)段落信息
3.4.3 設(shè)計(jì)引用信息
3.4.4 設(shè)計(jì)強(qiáng)調(diào)信息
3.4.5 設(shè)計(jì)格式信息
3.4.6 設(shè)計(jì)輸出信息
3.4.7 設(shè)計(jì)信息縮寫
3.4.8 設(shè)計(jì)插入和刪除信息
3.4.9 設(shè)計(jì)其他文本信息
3.5 定義列表信息
3.5.1 認(rèn)識(shí)列表
3.5.2 設(shè)計(jì)普通列表
3.5.3 設(shè)計(jì)定義列表
3.5.4 使用定義列表的誤區(qū)
3.6 設(shè)計(jì)表格
3.6.1 認(rèn)識(shí)表格結(jié)構(gòu)
3.6.2 使用表格元素
3.6.3 表格分組
3.7 設(shè)計(jì)表單
3.7.1 認(rèn)識(shí)表單結(jié)構(gòu)
3.7.2 使用表單元素
3.7.3 form元素
3.7.4 input元素
3.7.5 textarea和select元素
3.7.6 表單分組
3.7.7 綁定提示標(biāo)簽
3.7.8 定義快捷鍵、訪問(wèn)鍵和禁止訪問(wèn)
3.7.9 select選項(xiàng)分區(qū)
3.7.10 使用按鈕
3.8 案例實(shí)戰(zhàn)
3.8.1 設(shè)計(jì)一個(gè)自我介紹簡(jiǎn)單頁(yè)面
3.8.2 解決網(wǎng)頁(yè)亂碼現(xiàn)象
3.8.3 把HTML轉(zhuǎn)換為XHTML
3.8.4 輸出唐詩(shī)
第4章
設(shè)計(jì)符合標(biāo)準(zhǔn)的結(jié)構(gòu)
4.1 元素顯示類型
4.1.1 認(rèn)識(shí)元素顯示類型
4.1.2 塊狀元素
4.1.3 行內(nèi)元素
4.1.4 其他元素
4.2 結(jié)構(gòu)嵌套規(guī)則
4.2.1 分析結(jié)構(gòu)亂套現(xiàn)象
4.2.2 嚴(yán)謹(jǐn)?shù)那短滓?guī)則
4.2.3 HTML嵌套規(guī)則應(yīng)用
4.3 案例實(shí)戰(zhàn):設(shè)計(jì)CSS禪意花園
4.3.1 認(rèn)識(shí)CSS禪意花園
4.3.2 定義網(wǎng)頁(yè)結(jié)構(gòu)
4.3.3 設(shè)計(jì)嵌套結(jié)構(gòu)
4.3.4 構(gòu)建基本框架
4.3.5 設(shè)計(jì)局部結(jié)構(gòu)
4.3.6 正文版式設(shè)計(jì)
第5章
設(shè)計(jì)HTML 5文檔
視頻講解:36分鐘
5.1 HTML 5基礎(chǔ)
5.1.1 HTML 5語(yǔ)法
5.1.2 HTML 5元素
5.1.3 HTML 5對(duì)象屬性
5.1.4 HTML 5全局屬性
5.2 認(rèn)識(shí)HTML
5文檔結(jié)構(gòu)
5.3 HTML 5元素分類
5.4 構(gòu)建主體內(nèi)容
5.4.1 標(biāo)識(shí)文章
5.4.2 給內(nèi)容分段
5.4.3 設(shè)計(jì)導(dǎo)航信息
5.4.4 設(shè)計(jì)輔助信息
5.4.5 設(shè)計(jì)微格式
5.4.6 添加發(fā)布日期
5.5 添加語(yǔ)義模塊
5.5.1 添加標(biāo)題塊
5.5.2 給標(biāo)題分組
5.5.3 添加腳注塊
5.5.4 添加聯(lián)系信息
5.6 案例實(shí)戰(zhàn):使用HTML
5設(shè)計(jì)博客主頁(yè)
5.6.1 設(shè)計(jì)大綱
5.6.2 設(shè)計(jì)樣式
第6章
CSS基礎(chǔ)
視頻講解:79分鐘
6.1 CSS概述
6.1.1 什么是CSS樣式
6.1.2 為什么學(xué)習(xí)CSS
6.1.3 CSS特點(diǎn)
6.2 CSS語(yǔ)法和用法
6.2.1 CSS基本結(jié)構(gòu)
6.2.2 CSS基本用法
6.2.3 CSS樣式表
6.2.4 導(dǎo)入外部樣式表
6.2.5 CSS注釋和版式
6.3 CSS屬性和單位
6.3.1 CSS屬性
6.3.2 CSS單位
6.4 簡(jiǎn)單選擇器
6.4.1 標(biāo)簽選擇器
6.4.2 類選擇器
6.4.3 ID選擇器
6.4.4 通配選擇器
6.5 復(fù)合選擇器
6.5.1 子選擇器
6.5.2 相鄰選擇器
6.5.3 包含選擇器
6.5.4 多層選擇器嵌套
6.5.5 屬性選擇器
6.5.6 偽選擇器和偽元素選擇器
6.5.7 選擇器分組
6.6 CSS3新增選擇器
6.6.1 兄弟選擇器
6.6.2 目標(biāo)偽類選擇器
6.6.3 結(jié)構(gòu)偽類選擇器
6.6.4 否定偽類選擇器
6.6.5 狀態(tài)偽類選擇器
6.7 CSS繼承性、層疊性和特殊性
6.7.1 CSS繼承性
6.7.2 CSS層疊性
6.7.3 CSS優(yōu)先級(jí)
6.7.4 CSS特殊性
6.8 案例實(shí)戰(zhàn)
6.8.1 設(shè)計(jì)導(dǎo)航菜單
6.8.2 設(shè)計(jì)登錄表單
第7章
設(shè)計(jì)文本樣式
視頻講解:56分鐘
7.1 字體樣式
7.1.1 定義字體類型
7.1.2 定義字體大小
7.1.3 定義字體顏色
7.1.4 定義字體粗細(xì)
7.1.5 定義斜體字體
7.1.6 定義下劃線
7.1.7 定義字體大小寫
7.2 文本樣式
7.2.1 定義文本對(duì)齊
7.2.2 定義垂直對(duì)齊
7.2.3 定義字距和詞距
7.2.4 定義行高
7.2.5 定義縮進(jìn)
7.3 案例實(shí)戰(zhàn)
7.3.1 設(shè)計(jì)英文格式1
7.3.2 設(shè)計(jì)英文格式2
7.3.3 設(shè)計(jì)中文報(bào)刊版式
7.3.4 設(shè)計(jì)中文層級(jí)版式
第8章
設(shè)計(jì)圖像樣式
視頻講解:72分鐘
8.1
網(wǎng)頁(yè)中的圖像
8.2 圖像樣式
8.2.1 定義圖像大小
8.2.2 定義圖像邊框
8.2.3 定義圖像不透明度
8.2.4 定義圓角圖像
8.2.5 定義陰影圖像
8.2.6 圖文混排
8.3 綜合實(shí)戰(zhàn):設(shè)計(jì)圖文新聞內(nèi)容頁(yè)
8.4 背景圖像
8.4.1 定義背景圖像
8.4.2 定義顯示方式
8.4.3 定義顯示位置
8.4.4 定義固定背景
8.5 綜合實(shí)戰(zhàn)
8.5.1 設(shè)計(jì)博客首頁(yè)
8.5.2 設(shè)計(jì)社區(qū)相冊(cè)
8.5.3 CSS Sprites
第9章
設(shè)計(jì)超鏈接樣式
視頻講解:26分鐘
9.1 定義超鏈接樣式
9.1.1 認(rèn)識(shí)超鏈接
9.1.2 偽類和偽對(duì)象
9.1.3 定義鏈接樣式
9.2 案例實(shí)戰(zhàn)
9.2.1 定義下劃線樣式
9.2.2 定義立體樣式
9.2.3 定義動(dòng)態(tài)樣式
9.2.4 定義圖像交換樣式
9.2.5 定義鼠標(biāo)樣式
9.2.6 設(shè)計(jì)圖形化按鈕樣式
9.2.7 設(shè)計(jì)滑動(dòng)門樣式
第10章
設(shè)計(jì)列表樣式
視頻講解:49分鐘
10.1 設(shè)計(jì)列表結(jié)構(gòu)
10.1.1 無(wú)序列表
10.1.2 有序列表
10.1.3 定義列表
10.2 定義列表樣式
10.2.1 定義列表類型
10.2.2 自定義項(xiàng)目符號(hào)
10.2.3 用背景圖模擬項(xiàng)目符號(hào)
10.3 列表布局
10.3.1 列表堆疊
10.3.2 水平布局
10.4 案例實(shí)戰(zhàn)
10.4.1 設(shè)計(jì)背景水平滑動(dòng)菜單
10.4.2 設(shè)計(jì)背景垂直滑動(dòng)菜單
10.4.3 設(shè)計(jì)Tab面板菜單
10.4.4 設(shè)計(jì)下拉式面板菜單
10.5 設(shè)計(jì)列表欄目樣式
10.5.1 案例1:音樂(lè)榜單
10.5.2 案例2:圖文列表欄
第11章
設(shè)計(jì)表格樣式
視頻講解:45分鐘
11.1 設(shè)計(jì)表格結(jié)構(gòu)
11.1.1 早期表格結(jié)構(gòu)
11.1.2 標(biāo)準(zhǔn)表格結(jié)構(gòu)
11.2 定義表格基本樣式
11.2.1 使用表格標(biāo)簽屬性
11.2.2 設(shè)計(jì)細(xì)線表格
11.2.3 定義單元格空隙
11.2.4 隱藏空單元格
11.3 設(shè)計(jì)表格特殊樣式
11.3.1 表格布局特性
11.3.2 定義列組和行組樣式
11.3.3 定義表格標(biāo)題樣式
11.3.4 合并單元格
11.3.5 表格樣式的層疊順序
11.4 案例實(shí)戰(zhàn)
11.4.1 設(shè)計(jì)單線表格
11.4.2 設(shè)計(jì)層級(jí)表格樣式
11.4.3 設(shè)計(jì)日歷表
第12章
設(shè)計(jì)表單樣式
視頻講解:42分鐘
12.1 設(shè)計(jì)表單
12.1.1 表單框
12.1.2 輸入框
12.1.3 選擇框
12.1.4 優(yōu)化結(jié)構(gòu)
12.2 定義表單樣式
12.2.1 設(shè)計(jì)文本框
12.2.2 設(shè)計(jì)單選按鈕和復(fù)選框
12.2.3 設(shè)計(jì)下拉菜單和列表框
12.3 案例實(shí)戰(zhàn)
12.3.1 設(shè)計(jì)用戶登錄頁(yè)
12.3.2 設(shè)計(jì)用戶注冊(cè)頁(yè)
12.3.3 設(shè)計(jì)搜索框
第13章
CSS網(wǎng)頁(yè)布局
視頻講解:41分鐘
13.1 網(wǎng)頁(yè)布局概述
13.1.1 認(rèn)識(shí)div和span
13.1.2 認(rèn)識(shí)display
13.1.3 網(wǎng)頁(yè)布局分類
13.2 CSS盒模型
13.2.1 認(rèn)識(shí)盒模型
13.2.2 定義邊界
13.2.3 邊界重疊
13.2.4 定義邊框
13.2.5 定義補(bǔ)白
13.3 網(wǎng)頁(yè)布局基本方法
13.3.1 定義float
13.3.2 使用clear
13.3.3 定義position
13.3.4 設(shè)置層疊順序
13.4 案例實(shí)戰(zhàn)
13.4.1 設(shè)計(jì)網(wǎng)頁(yè)居中顯示
13.4.2 設(shè)計(jì)定位版三欄頁(yè)面布局
13.4.3 設(shè)計(jì)多欄高度自適應(yīng)頁(yè)面
13.4.4 設(shè)計(jì)負(fù)margin頁(yè)面
第14章
CSS兼容技法
視頻講解:39分鐘
14.1 認(rèn)識(shí)瀏覽器
14.1.1 瀏覽器類型
14.1.2 瀏覽器解析模式
14.2 基本兼容方法
14.2.1 IE條件語(yǔ)句
14.2.2 屬性過(guò)濾器
14.2.3 選擇器過(guò)濾器
14.3 案例實(shí)戰(zhàn):流動(dòng)問(wèn)題與處理
14.3.1 標(biāo)簽的默認(rèn)樣式
14.3.2 有序列表高度問(wèn)題
14.3.3 列表寬度問(wèn)題
14.3.4 項(xiàng)目符號(hào)變異問(wèn)題
14.3.5 列表行雙倍高度問(wèn)題
14.3.6 列表項(xiàng)錯(cuò)行問(wèn)題
14.3.7 默認(rèn)高度問(wèn)題
14.3.8 失控的子標(biāo)簽問(wèn)題
14.3.9 使用背景圖代替文本問(wèn)題
14.4 案例實(shí)戰(zhàn):浮動(dòng)問(wèn)題與處理
14.4.1 浮動(dòng)被流動(dòng)包含問(wèn)題
14.4.2 高度自適應(yīng)問(wèn)題
14.4.3 欄目?jī)?nèi)容被隱藏
14.4.4 邊界和浮動(dòng)問(wèn)題
14.4.5 半個(gè)像素問(wèn)題
14.4.6 3像素問(wèn)題
14.4.7 多出字符問(wèn)題
14.5 案例實(shí)戰(zhàn):定位問(wèn)題與處理
14.5.1 定位參照物的問(wèn)題
14.5.2 定位層疊問(wèn)題
14.5.3 定位丟失問(wèn)題
第15章
JavaScript基礎(chǔ)
視頻講解:262分鐘
15.1 JavaScript入門
15.1.1 網(wǎng)頁(yè)中的JavaScript
15.1.2 使用JavaScript文件
15.1.3 JavaScript語(yǔ)法基礎(chǔ)
15.1.4 認(rèn)識(shí)JavaScript語(yǔ)法特性
15.2 常量和變量
15.3 表達(dá)式和運(yùn)算符
15.4 語(yǔ)句
15.4.1 表達(dá)式語(yǔ)句和語(yǔ)句塊
15.4.2 條件語(yǔ)句
15.4.3 循環(huán)語(yǔ)句
15.4.4 跳轉(zhuǎn)語(yǔ)句
15.4.5 異常處理語(yǔ)句
15.4.6 var語(yǔ)句和function語(yǔ)句
15.4.7 with語(yǔ)句和空語(yǔ)句
15.5 數(shù)據(jù)類型和類型轉(zhuǎn)換
15.5.1 數(shù)值
15.5.2 字符串
15.5.3 布爾型
15.5.4 null和undefined
15.5.5 引用型數(shù)據(jù)
15.6 函數(shù)
15.6.1 定義函數(shù)
15.6.2 調(diào)用函數(shù)
15.6.3 函數(shù)參數(shù)
15.6.4 函數(shù)應(yīng)用
15.6.5 閉包函數(shù)
15.7 對(duì)象
15.7.1 創(chuàng)建對(duì)象
15.7.2 訪問(wèn)對(duì)象
15.8 數(shù)組
15.8.1 定義數(shù)組
15.8.2 存取元素
15.8.3 數(shù)組應(yīng)用
15.9 案例實(shí)戰(zhàn)
15.9.1 檢測(cè)數(shù)據(jù)類型
15.9.2 數(shù)值計(jì)算與類型轉(zhuǎn)換
15.9.3 字符串替換
15.9.4 增強(qiáng)數(shù)組排序
15.9.5 使用高階函數(shù)
15.9.6 函數(shù)柯里化
15.9.7 靈活使用this
第16章
使用JavaScript操作瀏覽器和文檔
視頻講解:78分鐘
16.1 操作瀏覽器
16.1.1 了解瀏覽器對(duì)象模型
16.1.2 案例:設(shè)計(jì)廣告彈窗
16.1.3 案例:設(shè)計(jì)人機(jī)交互窗口
16.1.4 案例:檢測(cè)瀏覽器類型和版本
16.1.5 案例:獲取URL查詢字符串信息
16.1.6 案例:設(shè)計(jì)窗口居中顯示
16.1.7 案例:設(shè)計(jì)自由彈跳的窗口
16.2 操作文檔
16.2.1 了解文檔對(duì)象模型
16.2.2 認(rèn)識(shí)DOM節(jié)點(diǎn)類型
16.2.3 案例:遍歷文檔
16.2.4 案例:動(dòng)態(tài)增加文檔內(nèi)容
16.3 操作節(jié)點(diǎn)
16.3.1 獲取節(jié)點(diǎn)
16.3.2 創(chuàng)建節(jié)點(diǎn)
16.3.3 復(fù)制節(jié)點(diǎn)
16.3.4 插入節(jié)點(diǎn)
16.3.5 刪除節(jié)點(diǎn)
16.3.6 替換節(jié)點(diǎn)
16.4 操作屬性
16.4.1 獲取節(jié)點(diǎn)屬性
16.4.2 設(shè)置節(jié)點(diǎn)屬性
16.4.3 刪除節(jié)點(diǎn)屬性
第17章
JavaScript事件處理
視頻講解:78分鐘
17.1 了解事件處理模型
17.1.1 事件模型分類
17.1.2 事件流
17.2 基本事件模型
17.2.1 基本事件類型
17.2.2 綁定事件
17.2.3 事件處理函數(shù)的返回值
17.2.4 事件處理函數(shù)的參數(shù)
17.2.5 事件處理函數(shù)中的this
17.3 標(biāo)準(zhǔn)事件模型
17.3.1 事件傳播
17.3.2 注冊(cè)事件
17.3.3 注銷事件
17.3.4 事件類型
17.3.5 Event對(duì)象
17.4 IE事件模型
17.4.1 注冊(cè)和銷毀事件
17.4.2 Event對(duì)象
17.5 事件類型
17.5.1 案例:設(shè)計(jì)鼠標(biāo)拖放操作
17.5.2 案例:設(shè)計(jì)鼠標(biāo)跟隨特效
17.5.3 案例:跟蹤鼠標(biāo)在對(duì)象內(nèi)相對(duì)位置
17.5.4 案例:設(shè)計(jì)推箱子游戲
17.5.5 案例:設(shè)計(jì)滿屏畫布背景
17.5.6 案例:自動(dòng)讀取選擇文本
17.5.7 案例:設(shè)計(jì)自動(dòng)跳轉(zhuǎn)下拉菜單
17.5.8 案例:禁止表單提交
17.6 案例實(shí)戰(zhàn)
17.6.1 設(shè)計(jì)Tab面板
17.6.2 使用事件屬性激活Tab行為
17.6.3 分離HTML和JavaScript
17.6.4 標(biāo)準(zhǔn)化Tab交互行為
第18章
使用JavaScript操作CSS樣式
視頻講解:49分鐘
18.1 腳本化CSS概述
18.1.1 了解DHTML
18.1.2 CSS腳本化的應(yīng)用
18.1.3 認(rèn)識(shí)CSS腳本屬性
18.2 操作行內(nèi)樣式
18.2.1 CSS腳本屬性名規(guī)范
18.2.2 使用style對(duì)象
18.3 操作樣式表
18.3.1 使用styleSheets對(duì)象
18.3.2 訪問(wèn)樣式表中的樣式
18.3.3 讀取樣式的選擇符
18.3.4 編輯樣式
18.3.5 添加樣式
18.3.6 訪問(wèn)顯示樣式
18.4 案例實(shí)戰(zhàn)
18.4.1 網(wǎng)頁(yè)換膚
18.4.2 設(shè)計(jì)折疊面板
18.4.3 設(shè)計(jì)工具提示
第19章
使用Ajax
視頻講解:63分鐘
19.1 Ajax概述
19.1.1 了解Ajax
19.1.2 如何學(xué)習(xí)Ajax
19.2 模擬本地服務(wù)器環(huán)境
19.2.1 安裝IIS組件
19.2.2 定義虛擬目錄
19.2.3 定義本地站點(diǎn)
19.2.4 定義動(dòng)態(tài)站點(diǎn)
19.2.5 測(cè)試本地站點(diǎn)
19.3 使用XMLHttpRequest
19.3.1 創(chuàng)建XMLHttpRequest
19.3.2 設(shè)計(jì)測(cè)試文件
19.3.3 使用XMLHttpRequest發(fā)送請(qǐng)求
19.3.4 異步回調(diào)函數(shù)
19.3.5 處理響應(yīng)信息
19.4 案例實(shí)戰(zhàn)
19.4.1 Ajax交互提示
19.4.2 控制顯示記錄個(gè)數(shù)
19.4.3 記錄集分頁(yè)顯示
19.4.4 異步更新Tab面板內(nèi)容
19.4.5 快速匹配搜索
第20章
使用jQuery
視頻講解:113分鐘
20.1 jQuery概述
20.1.1 認(rèn)識(shí)jQuery
20.1.2 jQuery特性
20.1.3 安裝jQuery
20.1.4 使用jQuery
20.1.5 認(rèn)識(shí)jQuery構(gòu)造器
20.2 jQuery基本用法
20.2.1 訪問(wèn)元素
20.2.2 讀寫屬性
20.2.3 定義類樣式
20.2.4 讀寫文本和值
20.3 使用選擇器和過(guò)濾器
20.3.1 常用選擇器
20.3.2 偽類選擇器
20.3.3 表單選擇器
20.3.4 過(guò)濾器
20.4 文檔處理
20.4.1 插入內(nèi)容
20.4.2 嵌套結(jié)構(gòu)
20.4.3 替換結(jié)構(gòu)
20.4.4 刪除和克隆結(jié)構(gòu)
20.5 CSS處理
20.5.1 定義樣式
20.5.2 定義位移
20.5.3 定義尺寸
20.6 事件處理
20.6.1 頁(yè)面初始化事件
20.6.2 綁定事件
20.6.3 觸發(fā)事件
20.6.4 交互事件
20.6.5 封裝事件
20.7 動(dòng)畫處理
20.7.1 顯隱動(dòng)畫
20.7.2 滑動(dòng)動(dòng)畫
20.7.3 淡入淡出
第21章
綜合實(shí)戰(zhàn):設(shè)計(jì)專題網(wǎng)頁(yè)
視頻講解:41分鐘
21.1 設(shè)計(jì)思路
21.2 構(gòu)建結(jié)構(gòu)
21.2.1 定義基本結(jié)構(gòu)
21.2.2 完善詳細(xì)結(jié)構(gòu)
21.3 頁(yè)面布局和樣式設(shè)計(jì)
21.3.1 布局思路
21.3.2 基本布局和樣式
21.3.3 瀏覽器兼容處理
21.4 頁(yè)面動(dòng)態(tài)效果設(shè)計(jì)
21.4.1 動(dòng)態(tài)下拉菜單
21.4.2 延遲的下拉菜單
21.4.3 自定義折疊面板
21.4.4 左右推拉面板
第22章
綜合實(shí)戰(zhàn):設(shè)計(jì)電子相冊(cè)
視頻講解:57分鐘
22.1 設(shè)計(jì)思路
22.1.1 案例預(yù)覽
22.1.2 案例策劃
22.1.3 設(shè)計(jì)XML數(shù)據(jù)
22.2 設(shè)計(jì)相冊(cè)結(jié)構(gòu)
22.2.1 設(shè)計(jì)基本結(jié)構(gòu)
22.2.2 完善頁(yè)面結(jié)構(gòu)
22.3 設(shè)計(jì)相冊(cè)布局和樣式
22.3.1 基本布局思路
22.3.2 定義默認(rèn)樣式和基本框架
22.3.3 定義局部樣式
22.3.4 瀏覽器兼容性處理
22.3.5 設(shè)計(jì)皮膚
22.4 設(shè)計(jì)交互效果
22.4.1 動(dòng)態(tài)更換皮膚
22.4.2 使用Spry讀取XML數(shù)據(jù)
22.4.3 初始化XML
DOM控件
22.4.4 讀取并顯示分類導(dǎo)航信息
22.4.5 讀取并顯示縮略圖信息
22.4.6 完善鼠標(biāo)操作的動(dòng)感效果
第23章
綜合實(shí)戰(zhàn):設(shè)計(jì)網(wǎng)絡(luò)記事本
視頻講解:57分鐘
23.1 網(wǎng)站策劃
23.1.1 案例分析
23.1.2 功能設(shè)計(jì)和效果演示
23.2 設(shè)計(jì)思路
23.3 設(shè)計(jì)數(shù)據(jù)結(jié)構(gòu)
23.3.1 網(wǎng)站數(shù)據(jù)結(jié)構(gòu)概述
23.3.2 設(shè)計(jì)數(shù)據(jù)表結(jié)構(gòu)
23.4 設(shè)計(jì)網(wǎng)站結(jié)構(gòu)和樣式
23.4.1 網(wǎng)站結(jié)構(gòu)
23.4.2 網(wǎng)站布景
23.4.3 表單結(jié)構(gòu)
23.4.4 網(wǎng)站布局
23.5 基本模塊設(shè)計(jì)
23.5.1 連接數(shù)據(jù)庫(kù)
23.5.2 數(shù)據(jù)庫(kù)基本操作
23.5.3 用戶登錄
23.5.4 DOM操作
23.6 網(wǎng)站初始化
23.6.1 生成表單
23.6.2 表單初始化
23.7 數(shù)據(jù)操作
23.7.1 數(shù)據(jù)錄入
23.7.2 數(shù)據(jù)查詢
23.8 數(shù)據(jù)顯示
23.8.1 設(shè)計(jì)可編輯行
23.8.2 更新數(shù)據(jù)
23.8.3 添加數(shù)據(jù)
23.8.4 刪除數(shù)據(jù)
23.8.5 恢復(fù)數(shù)據(jù)
23.8.6 顯示數(shù)據(jù)
23.8.7 數(shù)據(jù)顯示接口
23.8.8 頁(yè)面初始化
第24章
綜合實(shí)戰(zhàn):設(shè)計(jì)購(gòu)物網(wǎng)站
視頻講解:62分鐘
24.1 網(wǎng)站策劃
24.2 設(shè)計(jì)網(wǎng)站結(jié)構(gòu)
24.2.1 定義文件結(jié)構(gòu)
24.2.2 定義網(wǎng)頁(yè)結(jié)構(gòu)
24.2.3 設(shè)計(jì)效果圖
24.3 設(shè)計(jì)網(wǎng)站樣式
24.3.1 網(wǎng)站樣式分類
24.3.2 編寫全局樣式
24.3.3 編寫可重用樣式
24.3.4 編寫網(wǎng)站首頁(yè)主體布局
24.3.5 編寫詳細(xì)頁(yè)主體布局
24.4 設(shè)計(jì)首頁(yè)交互行為
24.4.1 搜索框文字效果
24.4.2 網(wǎng)頁(yè)換膚
24.4.3 導(dǎo)航效果
24.4.4 商品分類熱銷效果
24.4.5 產(chǎn)品廣告效果
24.4.6 超鏈接提示
24.4.7 品牌活動(dòng)橫向滾動(dòng)效果
24.4.8 光標(biāo)滑過(guò)產(chǎn)品列表效果
24.5 設(shè)計(jì)詳細(xì)頁(yè)交互行為
24.5.1 圖片放大鏡效果
24.5.2 圖片遮罩效果
24.5.3 小圖切換大圖
24.5.4 選項(xiàng)卡
24.5.5 產(chǎn)品顏色切換
24.5.6 產(chǎn)品尺寸切換
24.5.7 產(chǎn)品數(shù)量和價(jià)格聯(lián)動(dòng)
24.5.8 產(chǎn)品評(píng)分的效果
24.5.9 放入購(gòu)物車效果
24.6 小結(jié)
展開(kāi)全部
HTML+CSS+JavaScript網(wǎng)頁(yè)設(shè)計(jì)從入門到精通-(附1張DVD.含配套視頻.應(yīng)用技巧大全.常用圖塊集等) 作者簡(jiǎn)介
胡曉霞,資深Web技術(shù)專家,有10余年開(kāi)發(fā)經(jīng)驗(yàn),是國(guó)內(nèi)較早專業(yè)從事Web開(kāi)發(fā)的一線技術(shù)人員和培訓(xùn)講師。一直致力于對(duì)HTML5、JavaScript、CSS3、jQuery、jQUery Mobile等Web開(kāi)發(fā)技術(shù)的研究和實(shí)踐,在HTML頁(yè)面的優(yōu)化與用戶體驗(yàn)的研究,以及頁(yè)面框架搭建、數(shù)據(jù)流向分析、頁(yè)面靜態(tài)優(yōu)化等方面都擁有豐富的實(shí)踐經(jīng)驗(yàn)。他還是微軟技術(shù)方面的專家,精通C#、ASP.NET和SQL Server等技術(shù)。