網(wǎng)頁設(shè)計與開發(fā)——HTML、CSS、javascript
定 價:59.8 元
- 作者:王維虎,宮婷 主編
- 出版時間:2014/7/1
- ISBN:9787115352590
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092
- 頁碼:422
- 紙張:膠版紙
- 版次:1
- 開本:16開
本書作為Web基礎(chǔ)課程的教材,系統(tǒng)全面地介紹了Web基礎(chǔ)開發(fā)所涉及的HTML+CSS+JavaScript的各類知識。全書共分21章,內(nèi)容包括網(wǎng)頁設(shè)計基礎(chǔ)、初識HTML、HTML中的表格、表單的使用、圖形圖像處理技術(shù)、多媒體播放技術(shù)、HTML高級應(yīng)用、CSS概述、CSS中的選擇器、CSS常用屬性、CSS中的變形與動畫、JavaScript概述、JavaScript語言基礎(chǔ)、函數(shù)及其使用、JavaScript對象編程、JavaScript中的事件處理、JavaScript高級應(yīng)用、Ajax技術(shù)的使用、jQuery技術(shù)、綜合案例——企業(yè)門戶網(wǎng)站、課程設(shè)計——旅游網(wǎng)站前臺。全書每章內(nèi)容都與實例緊密結(jié)合,有助于學(xué)生理解知識、應(yīng)用知識,達到學(xué)以致用的目的。
本書附有配套DVD光盤,光盤中提供有本書所有實例、綜合實例、實驗、綜合案例和課程設(shè)計的源代碼、制作精良的電子課件PPT及教學(xué)錄像、《Java Web編程詞典(個人版)》體驗版學(xué)習(xí)軟件。其中,源代碼全部經(jīng)過精心測試,能夠在WindowsXP、Windows 2003、Windows 7系統(tǒng)下編譯和運行。
本書可作為應(yīng)用型本科計算機專業(yè)、軟件學(xué)院、高職軟件專業(yè)及相關(guān)專業(yè)的教材,同時也適合Web愛好者、初、中級的Web程序開發(fā)人員參考使用。
1.傳統(tǒng)寫法,最受授課老師歡迎。 2.案例豐富,作者能提供的案例多于書上案例的數(shù)量。 3.配套光盤內(nèi)容豐富實用,既適合課堂教學(xué),又適合學(xué)生課下自學(xué)。
第1章 網(wǎng)頁設(shè)計基礎(chǔ)
1.1 萬維網(wǎng)概述
1.2 HTML語言
1.3 網(wǎng)頁設(shè)計相關(guān)概念
1.3.1 超鏈接
1.3.2 統(tǒng)一資源定位器
1.3.3 網(wǎng)站
1.3.4 網(wǎng)頁
1.3.5 首頁
1.4 網(wǎng)頁的開發(fā)工具和瀏覽工具
1.4.1 網(wǎng)頁開發(fā)工具
1.4.2 網(wǎng)頁瀏覽工具
1.5 網(wǎng)頁制作相關(guān)技術(shù)
1.5.1 客戶端應(yīng)用技術(shù)
1.5.2 服務(wù)器端應(yīng)用技術(shù) 第1章 網(wǎng)頁設(shè)計基礎(chǔ)
1.1 萬維網(wǎng)概述
1.2 HTML語言
1.3 網(wǎng)頁設(shè)計相關(guān)概念
1.3.1 超鏈接
1.3.2 統(tǒng)一資源定位器
1.3.3 網(wǎng)站
1.3.4 網(wǎng)頁
1.3.5 首頁
1.4 網(wǎng)頁的開發(fā)工具和瀏覽工具
1.4.1 網(wǎng)頁開發(fā)工具
1.4.2 網(wǎng)頁瀏覽工具
1.5 網(wǎng)頁制作相關(guān)技術(shù)
1.5.1 客戶端應(yīng)用技術(shù)
1.5.2 服務(wù)器端應(yīng)用技術(shù)
習(xí)題
第2章 初識HTML
2.1 HTML概述
2.1.1 HTML發(fā)展歷史
2.1.2 手工編寫頁面
2.1.3 使用Dreamweaver創(chuàng)建一個HTML頁面
2.2 文字標記
2.2.1 顯示普通文字
2.2.2 輸入特殊符號
2.2.3 標題字標記
2.2.4 修飾文字的標記
2.2.5 修飾字體標記
2.3 段落標記
2.3.1 段落標記
2.3.2 取消文字換行標記
2.3.3 修飾段落的對齊方式屬性align
2.3.4 保留原始排版方式標記
2.4 超鏈接標記
2.4.1 鏈接標記
2.4.2 書簽鏈接
2.5 圖片標記和列表標記
2.5.1 插入圖片標記
2.5.2 建立列表
2.6 綜合實例——個性的留言
知識點提煉
習(xí)題
實驗:設(shè)置字符編碼
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第3章 HTML中的表格
3.1 繪制表格
3.1.1 設(shè)置表格的標題
3.1.2 設(shè)置表格的邊框?qū)傩浴?br /> 3.1.3 設(shè)置表格的寬度和高度
3.1.4 設(shè)置表格的邊框顏色
3.1.5 設(shè)置表格的對齊方式
3.1.6 設(shè)置表格的背景顏色
3.1.7 設(shè)置表格的背景圖片
3.2 行標記及屬性
3.2.1 設(shè)置行的高度
3.2.2 設(shè)置行的邊框顏色
3.2.3 設(shè)置行的背景顏色
3.2.4 設(shè)置行的水平對齊方式
3.2.5 設(shè)置行的垂直對齊方式
3.3 單元格標記屬性
3.3.1 設(shè)置單元格的大小
3.3.2 設(shè)置單元格的水平對齊屬性
3.3.3 設(shè)置單元格的垂直對齊屬性
3.3.4 設(shè)置單元格的水平跨度
3.3.5 設(shè)置單元格的垂直跨度
3.3.6 設(shè)置單元格的背景色
3.3.7 設(shè)置單元格的背景圖片
3.4 表頭標記屬性
3.5 表格的結(jié)構(gòu)標記
3.5.1 設(shè)置表首樣式
3.5.2 設(shè)置表主體樣式
3.5.3 設(shè)置表尾樣式
3.6 綜合實例——制作一份個人簡歷
知識點提煉
習(xí)題
實驗:使用Dreamweaver創(chuàng)建乘法口訣表
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第4章 表單的使用
4.1 什么是表單
4.2 表單標記
4.2.1 處理程序action屬性
4.2.2 表單名稱name屬性
4.2.3 提交方式method屬性
4.2.4 編碼方式enctype屬性
4.2.5 目標顯示方式target屬性
4.3 輸入標記
4.3.1 文本域text
4.3.2 密碼域password
4.3.3 單選框radio
4.3.4 復(fù)選框checkbox
4.3.5 普通按鈕button
4.3.6 提交按鈕submit
4.3.7 重置按鈕reset
4.3.8 圖像域image
4.3.9 隱藏域hidden
4.3.10 文件域file
4.4 文本區(qū)域標記
4.5 菜單和列表標記,
4.6 綜合實例——制作注冊頁面
知識點提煉
習(xí)題
實驗:制作用戶登錄頁面
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第5章 圖形圖像處理技術(shù)
5.1 Canvas的基礎(chǔ)知識
5.1.1 Canvas是什么
5.1.2 Canvas元素的基本用法
5.1.3 繪制帶邊框矩形
5.2 在畫布中使用路徑
5.2.1 使用arc方法繪制圓形
5.2.2 使用moveTo與lineTo路徑繪制火柴人
5.2.3 貝塞爾和二次方曲線
5.3 運用樣式與顏色
5.3.1 fillStyle和strokeStyle屬性
5.3.2 透明度 globalAlpha
5.3.3 線型 Line styles
5.4 繪制漸變圖形
5.4.1 繪制線性漸變
5.4.2 繪制徑向漸變
5.5 組合多個圖形
5.6 給圖形繪制陰影
5.7 圖像的應(yīng)用
5.7.1 圖像的局部放大
5.7.2 圖像平鋪
5.7.3 圖像裁剪
5.7.4 像素的處理
5.8 繪制文字
5.9 保存與恢復(fù)狀態(tài)
5.10 文件的保存
5.11 綜合實例——繪制五角星
知識點提煉
習(xí)題
實驗:制作大頭貼邊框
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第6章 多媒體播放技術(shù)
6.1 HTML多媒體概述
6.1.1 和元素
6.1.2 video與audio元素
6.2 多媒體元素基本屬性
6.3 多媒體元素常用方法
6.3.1 媒體播放時的方法
6.3.2 canPlayType(type)方法
6.4 多媒體元素重要事件
6.4.1 事件處理方式
6.4.2 事件介紹
6.4.3 事件示例
6.5 綜合實例——在HTML文檔中播放音頻
知識點提煉
習(xí)題
實驗:在HTML文檔中播放視頻
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第7章 HTML高級應(yīng)用
7.1 WebSQL數(shù)據(jù)庫基礎(chǔ)
7.1.1 打開與創(chuàng)建數(shù)據(jù)庫
7.1.2 執(zhí)行事務(wù)
7.1.3 插入數(shù)據(jù)
7.1.4 數(shù)據(jù)管理
7.2 本地緩存的更新及狀態(tài)檢測
7.2.1 updateready事件
7.2.2 update方法
7.2.3 swapCache方法
7.2.4 更新本地緩存時觸發(fā)的其他事件
7.3 檢測在線狀態(tài)
7.3.1 navigator.onLine屬性
7.3.2 online與offline事件
7.3.3 離線數(shù)據(jù)交互應(yīng)用開發(fā)過程
7.4 使用Web Workers處理線程
7.4.1 創(chuàng)建和使用Worker
7.4.2 單層嵌套
7.4.3 在多個子線程中進行數(shù)據(jù)的交互
7.5 綜合實例——應(yīng)用本地數(shù)據(jù)庫創(chuàng)建留言本
知識點提煉
習(xí)題
實驗:通過傳遞JSON對象輸出用戶信息
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第8章 CSS概述
8.1 CSS發(fā)展概述
8.2 CSS模塊化簡介
8.3 主流瀏覽器對CSS的支持
8.4 一個簡單的CSS示例
8.5 綜合實例——用CSS 控制登錄頁面樣式
知識點提煉
習(xí)題
實驗:使用CSS樣式添加圖像邊框
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第9章 CSS中的選擇器
9.1 選擇器概述
9.2 屬性選擇器
9.2.1 屬性選擇器是什么
9.2.2 靈活運用屬性選擇器
9.3 偽類選擇器及偽元素
9.3.1 偽類選擇器
9.3.2 偽元素選擇器
9.4 通用兄弟元素選擇器
9.5 綜合實例——隨機改變頁面的背景色
知識點提煉
習(xí)題
實驗:設(shè)計隔行換色的表格
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第10章 CSS常用屬性
10.1 text-shadow屬性
10.1.1 text-shadow屬性的使用方法
10.1.2 指定多個陰影
10.2 文本相關(guān)屬性
10.2.1 文本自動換行:word-break
10.2.2 長單詞和URL地址換行
10.3 背景相關(guān)屬性
10.3.1 設(shè)置背景顏色
10.3.2 設(shè)置背景圖片
10.4 邊框相關(guān)屬性
10.4.1 設(shè)置邊框的線寬
10.4.2 設(shè)置邊框的樣式
10.4.3 設(shè)置邊框的顏色
10.5 內(nèi)外邊距的相關(guān)屬性
10.5.1 設(shè)置內(nèi)邊距
10.5.2 設(shè)置外邊距
10.6 尺寸相關(guān)屬性
10.6.1 設(shè)置對象的寬度
10.6.2 設(shè)置對象的高度
10.7 定位相關(guān)屬性
10.7.1 設(shè)置定位方式
10.7.2 設(shè)置層疊順序
10.7.3 設(shè)置與其父對象的上、下、左、右邊的距離
10.8 表格相關(guān)屬性
10.8.1 設(shè)置表格邊框線的顯示方式
10.8.2 設(shè)置單元格邊框間距
10.8.3 設(shè)置表格標題位于表格的什么位置
10.8.4 設(shè)置表格布局的方式
10.9 綜合實例——設(shè)計隔行變色的單線表格
知識點提煉
習(xí)題
實驗:讓多個字條層疊顯示
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第11章 CSS中的變形與動畫
11.1 2D變換
11.1.1 應(yīng)用transform屬性實現(xiàn)平移
11.1.2 應(yīng)用transform屬性實現(xiàn)縮放
11.1.3 應(yīng)用transform屬性實現(xiàn)傾斜
11.1.4 應(yīng)用transform屬性實現(xiàn)旋轉(zhuǎn)
11.1.5 更改變換的中心點
11.2 過渡效果
11.2.1 指定過渡持續(xù)的時間
11.2.2 指定參與過渡的屬性
11.2.3 指定過渡的動畫類型
11.2.4 指定過渡的延遲時間
11.3 Animation動畫
11.3.1 關(guān)鍵幀
11.3.2 動畫屬性
11.4 綜合實例——模擬進度條效果
知識點提煉
習(xí)題
實驗:實現(xiàn)方形變圓形動畫效果
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第12章 JavaScript概述
12.1 JavaScript概貌
12.1.1 JavaScript的歷史起源
12.1.2 JavaScript的主要特點
12.1.3 JavaScript成功案例
12.2 搭建JavaScript開發(fā)環(huán)境
12.2.1 硬件要求
12.2.2 軟件要求
12.2.3 瀏覽器對JavaScript的支持
12.3 編寫JavaScript的工具
12.3.1 Adobe Dreamweaver
12.3.2 Microsoft FrontPage
12.4 JavaScript在HTML中的使用
12.4.1 在頁面中直接嵌入JavaScript
12.4.2 鏈接外部JavaScript
12.5 綜合實例——用JS輸出中文字符串
知識點提煉
習(xí)題
實驗:使用Dreamweaver創(chuàng)建JS文件
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第13章 JavaScript語言基礎(chǔ)
13.1 JavaScript語法前奏
13.1.1 執(zhí)行順序
13.1.2 大小寫敏感
13.1.3 每行結(jié)尾的分號可有可無
13.2 常用的幾種JavaScript數(shù)據(jù)結(jié)構(gòu)
13.2.1 標識符
13.2.2 關(guān)鍵字
13.2.3 最常程序元素之一——常量
13.2.4 最常程序元素之二——變量
13.3 數(shù)據(jù)是如何分類的——數(shù)據(jù)類型
13.3.1 數(shù)字型數(shù)據(jù)
13.3.2 字符串型
13.3.3 布爾型
13.3.4 特殊數(shù)據(jù)類型
13.4 運算符
13.4.1 算術(shù)運算符
13.4.2 比較運算符
13.4.3 賦值運算符
13.4.4 字符串運算符
13.4.5 布爾運算符
13.4.6 條件運算符
13.4.7 其他運算符
13.4.8 運算符優(yōu)先級
13.5 JavaScript流程控制語句
13.5.1 最簡單的賦值語句
13.5.2 條件控制語句
13.5.3 循環(huán)控制語句
13.6 字符串處理技術(shù)
13.6.1 match方法
13.6.2 search方法
13.6.3 replace方法
13.6.4 split方法
13.7 JavaScript中的數(shù)組對象
13.7.1 Array對象概述
13.7.2 常見的幾種數(shù)組操作
13.8 綜合實例——使用數(shù)組存儲商品信息
知識點提煉
習(xí)題
實驗:將數(shù)字格式化為指定長度
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第14章 函數(shù)及其使用
14.1 函數(shù)的定義
14.2 函數(shù)的調(diào)用
14.2.1 函數(shù)的簡單調(diào)用
14.2.2 在事件響應(yīng)中調(diào)用函數(shù)
14.2.3 通過鏈接調(diào)用函數(shù)
14.2.4 函數(shù)參數(shù)的使用
14.2.5 使用函數(shù)的返回值
14.3 幾種特殊的函數(shù)
14.3.1 Function構(gòu)造函數(shù)與函數(shù)直接量
14.3.2 JavaScript中的內(nèi)置函數(shù)
14.3.3 嵌套函數(shù)的使用
14.3.4 遞歸函數(shù)的使用
14.4 綜合實例——顯示系統(tǒng)時間
知識點提煉
習(xí)題
實驗:將長數(shù)字分位顯示
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第15章 JavaScript對象編程
15.1 Window窗口對象
15.1.1 Window對象
15.1.2 對話框(Dialog)
15.1.3 窗口對象常用操作
15.2 Document文檔對象
15.2.1 文檔對象概述
15.2.2 文檔對象的常用屬性、方法與事件
15.2.3 Document對象的應(yīng)用
15.3 JavaScript與表單操作
15.3.1 在JavaScript中訪問表單
15.3.2 在JavaScript中訪問表單域
15.3.3 表單的驗證
15.4 DOM對象
15.4.1 DOM概述
15.4.2 DOM對象節(jié)點屬性
15.4.3 節(jié)點的幾種操作
15.4.4 獲取文檔中的指定元素
15.4.5 與DHTML相對應(yīng)的DOM
15.5 綜合實例——通過JS操作XML實現(xiàn)分頁
知識點提煉
習(xí)題
實驗:動態(tài)設(shè)置網(wǎng)頁的標題欄
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第16章 JavaScript中的事件
處理
16.1 事件與事件處理概述
16.1.1 事件與事件名稱
16.1.2 JavaScript的常用事件
16.1.3 事件處理程序的調(diào)用
16.2 DOM事件模型
16.2.1 事件流
16.2.2 主流瀏覽器的事件模型
16.2.3 事件對象
16.2.4 注冊與移除事件監(jiān)聽器
16.3 鼠標鍵盤事件
16.3.1 鼠標的單擊事件
16.3.2 鼠標的按下或松開事件
16.3.3 鼠標的移入移出事件
16.3.4 鼠標的移動事件
16.3.5 鍵盤事件的使用
16.4 頁面事件
16.4.1 加載與卸載事件
16.4.2 頁面大小事件
16.5 表單事件
16.5.1 獲得焦點與失去焦點事件
16.5.2 失去焦點修改事件
16.5.3 表單提交與重置事件
16.6 綜合實例——限制文本框的輸入
知識點提煉
習(xí)題
實驗:屏蔽鍵盤相關(guān)事件
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第17章 JavaScript高級應(yīng)用
17.1 創(chuàng)建和使用Cookie
17.1.1 Cookie的常用屬性
17.1.2 Cookie的傳遞流程
17.1.3 如何對Cookie進行讀寫
17.1.4 Cookie的安全問題
17.2 JavaScript中的圖像處理
17.2.1 圖像處理對象——Image對象
17.2.2 JavaScript中的圖像應(yīng)用
17.3 嵌入式插件的使用
17.3.1 object嵌入對象標記概述
17.3.2 在網(wǎng)頁中使用Flash動畫
17.4 文件處理及頁面打印
17.4.1 文件處理對象
17.4.2 頁面打印
17.5 綜合實例——將頁面中的表格導(dǎo)出到Word并打印
知識點提煉
習(xí)題
實驗:無間斷的圖片滾動效果
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第18章 Ajax技術(shù)的使用
18.1 Ajax成功案例
18.1.1 百度搜索提示
18.1.2 淘寶新會員免費注冊
18.1.3 明日科技編程詞典服務(wù)網(wǎng)
18.2 Ajax開發(fā)模式與傳統(tǒng)開發(fā)模式的比較
18.3 Ajax技術(shù)特點
18.4 Ajax使用的技術(shù)
18.4.1 XMLHttpRequest對象
18.4.2 XML
18.4.3 JavaScript
18.4.4 CSS
18.4.5 DOM
18.5 XMLHttpRequest對象
18.5.1 初始化XMLHttpRequest對象
18.5.2 XMLHttpRequest對象的常用屬性
18.5.3 XMLHttpRequest對象的常用方法
18.6 Ajax的重構(gòu)
18.6.1 Ajax重構(gòu)的步驟
18.6.2 實時顯示商城公告
18.7 綜合實例——多級聯(lián)動下拉列表
知識點提煉
習(xí)題
實驗:顯示上傳進度條
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第19章 jQuery技術(shù)
19.1 jQuery概述
19.1.1 jQuery能做什么
19.1.2 jQuery的特點
19.2 jQuery下載與配置
19.2.1 下載jQuery
19.2.2 配置jQuery
19.3 jQuery的插件
19.3.1 插件的使用
19.3.2 流行的插件
19.4 jQuery選擇器
19.4.1 jQuery的工廠函數(shù)
19.4.2 基本選擇器
19.4.3 層級選擇器
19.4.4 過濾選擇器
19.4.5 表單選擇器
19.5 jQuery控制頁面
19.5.1 對元素內(nèi)容和值進行操作
19.5.2 對DOM節(jié)點進行操作
19.5.3 對元素屬性進行操作
19.5.4 對元素的CSS樣式操作
19.6 jQuery的事件處理
19.6.1 頁面加載響應(yīng)事件
19.6.2 jQuery中的事件
19.6.3 事件綁定
19.6.4 模擬用戶操作
19.7 jQuery的動畫效果
19.7.1 基本的動畫效果
19.7.2 淡入淡出的動畫效果
19.7.3 滑動效果
19.7.4 自定義的動畫效果
19.8 綜合實例——隔行換色并且鼠標指向行變色的表格
知識點提煉
習(xí)題
實驗:實現(xiàn)圖片傳送帶
實驗?zāi)康摹?br /> 實驗內(nèi)容
實驗步驟
第20章 綜合案例——企業(yè)門戶網(wǎng)站
20.1 概述
20.2 系統(tǒng)設(shè)計
20.2.1 系統(tǒng)目標
20.2.2 系統(tǒng)功能結(jié)構(gòu)
20.2.3 網(wǎng)頁預(yù)覽
20.3 關(guān)鍵技術(shù)
20.3.1 JavaScript腳本操作
20.3.2 jQuery技術(shù)
20.3.3 Ajax無刷新技術(shù)
20.4 系統(tǒng)主要模塊開發(fā)
20.4.1 使用JavaScript技術(shù)實現(xiàn)導(dǎo)航菜單設(shè)計
20.4.2 使用jQuery技術(shù)實現(xiàn)圖片展示區(qū)
20.4.3 使用Ajax技術(shù)實現(xiàn)最新消息頁面
20.4.4 使用JavaScript腳本實現(xiàn)產(chǎn)品推薦頁面
20.4.5 使用JavaScript腳本實現(xiàn)浮動窗口設(shè)計
20.5 小結(jié)
第21章 課程設(shè)計——旅游網(wǎng)站前臺
21.1 課程設(shè)計目的
21.2 功能描述
21.3 網(wǎng)站總體設(shè)計
21.3.1 構(gòu)建開發(fā)環(huán)境
21.3.2 網(wǎng)站功能結(jié)構(gòu)
21.4 實現(xiàn)過程
21.4.1 設(shè)計網(wǎng)站公共header
21.4.2 設(shè)計網(wǎng)站公共footer
21.4.3 顯示網(wǎng)站介紹及相關(guān)圖片
21.4.4 主頁左側(cè)導(dǎo)航的實現(xiàn)
21.4.5 播放音樂
21.4.6 添加留言功能的實現(xiàn)
21.5 課程設(shè)計總結(jié)