了得網圖書_網頁設計與開發—

商品搜索

类别：

关键字：

商品分类

新类目

　管理
　投资理财
　经济
　社会科学

內容介紹

出版社：人民郵電出版社

ISBN：9787115352590

版次：01

商品編碼：11496657

品牌：人民郵電出版社

包裝：平裝

叢書名：普通高等學校計算機教育“十二五”規劃教材

開本：16開

出版時間：2014-06-01

頁數：422

正文語種：中文

作者：王維虎,宮婷

內容簡介

本書作為Web基礎課程的教材，繫統全面地介紹了Web基礎開發所涉及的HTML+CSS+JavaScript的各類知識。全書共分21章，內容包括網頁設計基礎、初識HTML、HTML中的表格、表單的使用、圖形圖像處理技術、多媒體播放技術、HTML高級應用、CSS概述、CSS中的選擇器、CSS常用屬性、CSS中的變形與動畫、JavaScript概述、JavaScript語言基礎、函數及其使用、JavaScript對像編程、JavaScript中的事件處理、JavaScript高級應用、Ajax技術的使用、jQuery技術、綜合案例——企業門戶網站、課程設計——旅遊網站前臺。全書每章內容都與實例緊密結合，有助於學生理解知識、應用知識，達到學以致用的目的。
本書附有配套DVD光盤，光盤中提供有本書所有實例、綜合實例、實驗、綜合案例和課程設計的源代碼、制作精良的電子課件PPT及教學錄像、《Java Web編程詞典(個人版)》體驗版學習軟件。其中，源代碼全部經過精心測試，能夠在WindowsXP、Windows 2003、Windows 7繫統下編譯和運行。
本書可作為應用型本科計算機專業、軟件學院、高職軟件專業及相關專業的教材，同時也適合Web愛好者、初、中級的Web程序開發人員參考使用。

內頁插圖

目錄

第1章網頁設計基礎1
1．1萬維網概述1
1．2HTML語言1
1．3網頁設計相關概念2
1．3．1超鏈接2
1．3．2統一資源定位器2
1．3．3網站2
1．3．4網頁2
1．3．5首頁3
1．4網頁的開發工具和瀏覽工具3
1．4．1網頁開發工具3
1．4．2網頁瀏覽工具4
1．5網頁制作相關技術5
1．5．1客戶端應用技術5
1．5．2服務器端應用技術7
習題8

第2章初識HTML9
2．1HTML概述9
2．1．1HTML發展歷史9
2．1．2手工編寫頁面10
2．1．3使用Dreamweaver創建一個HTML頁面11
2．2文字標記12
2．2．1顯示普通文字13
2．2．2輸入特殊符號13
2．2．3標題字標記13
2．2．4修飾文字的標記14
2．2．5修飾字體標記15
2．3段落標記15
2．3．1段落標記

16
2．3．2取消文字換行標記16
2．3．3修飾段落的對齊方式屬性align16
2．3．4保留原始排版方式標記

16
2．4超鏈接標記17
2．4．1鏈接標記17
2．4．2書簽鏈接19
2．5圖片標記和列表標記20
2．5．1插入圖片標記20
2．5．2建立列表21
2．6綜合實例——個性的留言23
知識點提煉24
習題24
實驗：設置字符編碼24
實驗目的24
實驗內容25
實驗步驟25

第3章HTML中的表格26
3．1繪制表格26
3．1．1設置表格的標題27
3．1．2設置表格的邊框屬性27
3．1．3設置表格的寬度和高度27
3．1．4設置表格的邊框顏色28
3．1．5設置表格的對齊方式28
3．1．6設置表格的背景顏色29
3．1．7設置表格的背景圖片29
3．2行標記

屬性32
3．3．1格的大小32
3．3．2格的水平對齊屬性33
3．3．3格的垂直對齊屬性33
3．3．4格的水平跨度33
3．3．5格的垂直跨度34
3．3．6格的背景色35
3．3．7格的背景圖片35
3．4表頭標記

屬性35
3．5表格的結構標記36
3．5．1設置表首樣式36
3．5．2設置表主體樣式37
3．5．3設置表尾樣式38
3．6綜合實例——制作一份個人簡歷38
知識點提煉42
習題42
實驗：使用Dreamweaver創建乘法口訣表42
實驗目的42
實驗內容42
實驗步驟42

第4章表單的使用45
4．1什麼是表單45
4．2表單標記

45
4．2．1處理程序action屬性46
4．2．2表單名稱name屬性46
4．2．3提交方式method屬性46
4．2．4編碼方式enctype屬性46
4．2．5目標顯示方式target屬性47
4．3輸入標記47
4．3．1文本域text48
4．3．2密碼域password48
4．3．3單選框radio49
4．3．4復選框checkbox49
4．3．5普通按鈕button50
4．3．6提交按鈕submit50
4．3．7重置按鈕reset50
4．3．8圖像域image51
4．3．9隱藏域hidden52
4．3．10文件域file52
4．4文本區域標記

53 4．5菜單和列表標記<select>，<option>53 4．6綜合實例——制作注冊頁面54 知識點提煉56 習題57 實驗：制作用戶登錄頁面57 實驗目的57 實驗內容57 實驗步驟57 第5章圖形圖像處理技術59 5．1Canvas的基礎知識59 5．1．1Canvas是什麼59 5．1．2Can素的基本用法60 5．1．3繪制帶邊框矩形61 5．2在畫布中使用路徑62 5．2．1使用arc方法繪制圓形62 5．2．2使用moveTo與lineTo路徑繪制火柴人63 5．2．3貝塞爾和二次方曲線64 5．3運用樣式與顏色66 5．3．1fillStyle和strokeStyle屬性66 5．3．2透明度 globalAlpha67 5．3．3線型 Line styles68 5．4繪制漸變圖形70 5．4．1繪制線性漸變70 5．4．2繪制徑向漸變71 5．5組合多個圖形72 5．6給圖形繪制陰影73 5．7圖像的應用74 5．7．1圖像的局部放大74 5．7．2圖像平鋪75 5．7．3圖像裁剪76 5．7．4像素的處理77 5．8繪制文字78 5．9保存與恢復狀態79 5．10文件的保存80 5．11綜合實例——繪制五角星80 知識點提煉81 習題81 實驗：制作大頭貼邊框82 實驗目的82 實驗內容82 實驗步驟82 第6章多媒體播放技術83 6．1HTML多媒體概述83 6．1．1<object>和<emb素83 6．1．2video與au素84 6．2素基本屬性85 6．3素常用方法88 6．3．1媒體播放時的方法88 6．3．2canPlayType(type)方法89 6．4素重要事件90 6．4．1事件處理方式90 6．4．2事件介紹90 6．4．3事件示例91 6．5綜合實例——在HTML文檔中播放音頻93 知識點提煉94 習題94 實驗：在HTML文檔中播放視頻95 實驗目的95 實驗內容95 實驗步驟95 第7章HTML高級應用96 7．1WebSQL數據庫基礎96 7．1．1打開與創建數據庫96 7．1．2執行事務97 7．1．3插入數據97 7．1．4數據管理98 7．2本地緩存的更新及狀態檢測100 7．2．1updateready事件100 7．2．2update方法101 7．2．3swapCache方法102 7．2．4更新本地緩存時觸發的其他事件102 7．3檢測在線狀態104 7．3．1navigator．onLine屬性104 7．3．2online與offline事件105 7．3．3離線數據交互應用開發過程105 7．4使用Web Workers處理線程106 7．4．1創建和使用Worker106 7．4．2單層嵌套106 7．4．3在多個子線程中進行數據的交互108 7．5綜合實例——應用本地數據庫創建留言本109 知識點提煉111 習題111 實驗：通過傳遞JSON對像輸出用戶信息111 實驗目的111 實驗內容112 實驗步驟112 第8章CSS概述113 8．1CSS發展概述113 8．2CSS模塊化簡介114 8．3主流瀏覽器對CSS的支持115 8．4一個簡單的CSS示例116 8．5綜合實例——用CSS 控制登錄頁面樣式117 知識點提煉118 習題118 實驗：使用CSS樣式添加圖像邊框118 實驗目的118 實驗內容119 實驗步驟119 第9章CSS中的選擇器120 9．1選擇器概述120 9．2屬性選擇器121 9．2．1屬性選擇器是什麼121 9．2．2靈活運用屬性選擇器123 9．3偽類選擇素124 9．3．1偽類選擇器124 9．3．素選擇器124 9．4通素選擇器127 9．5綜合實例——隨機改變頁面的背景色128 知識點提煉129 習題129 實驗：設計隔行換色的表格129 實驗目的129 實驗內容130 實驗步驟130 第10章CSS常用屬性132 10．1text-shadow屬性132 10．1．1text-shadow屬性的使用方法132 10．1．2指定多個陰影133 10．2文本相關屬性134 10．2．1文本自動換行：word-break134 10．2．2長單詞和URL地址換行135 10．3背景相關屬性136 10．3．1設置背景顏色136 10．3．2設置背景圖片137 10．4邊框相關屬性140 10．4．1設置邊框的線寬140 10．4．2設置邊框的樣式141 10．4．3設置邊框的顏色143 10．5內外邊距的相關屬性144 10．5．1設置內邊距144 10．5．2設置外邊距145 10．6尺寸相關屬性146 10．6．1設置對像的寬度146 10．6．2設置對像的高度147 10．7定位相關屬性149 10．7．1設置定位方式149 10．7．2設置層疊順序150 10．7．3設置與其父對像的上、下、左、右邊的距離150 10．8表格相關屬性152 10．8．1設置表格邊框線的顯示方式153 10．8．2格邊框間距154 10．8．3設置表格標題位於表格的什麼位置155 10．8．4設置表格布局的方式156 10．9綜合實例——設計隔行變色的單線表格157 知識點提煉158 習題159 實驗：讓多個字條層疊顯示159 實驗目的159 實驗內容159 實驗步驟159 第11章CSS中的變形與動畫161 11．12D變換161 11．1．1應用transform屬性實現平移162 11．1．2應用transform屬性實現縮放163 11．1．3應用transform屬性實現傾斜165 11．1．4應用transform屬性實現旋轉166 11．1．5更改變換的中心點167 11．2過渡效果169 11．2．1指定過渡持續的時間169 11．2．2指定參與過渡的屬性170 11．2．3指定過渡的動畫類型172 11．2．4指定過渡的延遲時間174 11．3Animation動畫175 11．3．1關鍵幀176 11．3．2動畫屬性177 11．4綜合實例——模擬進度條效果179 知識點提煉180 習題181 實驗：實現方形變圓形動畫效果181 實驗目的181 實驗內容181 實驗步驟181 第12章JavaScript概述183 12．1JavaScript概貌183 12．1．1JavaScript的歷史起源183 12．1．2JavaScript的主要特點184 12．1．3JavaScript成功案例184 12．2搭建JavaScript開發環境186 12．2．1硬件要求186 12．2．2軟件要求186 12．2．3瀏覽器對JavaScript的支持186 12．3編寫JavaScript的工具187 12．3．1Adobe Dreamweaver188 12．3．2Microsoft FrontPage188 12．4JavaScript在HTML中的使用188 12．4．1在頁面中直接嵌入JavaScript189 12．4．2鏈接外部JavaScript189 12．5綜合實例——用JS輸出中文字符串190 知識點提煉191 習題191 實驗：使用Dreamweaver創建JS文件191 實驗目的191 實驗內容191 實驗步驟191 第13章JavaScript語言基礎193 13．1JavaScript語法前奏193 13．1．1執行順序193 13．1．2大小寫敏感194 13．1．3每行結尾的分號可有可無194 13．2常用的幾種JavaScript數據結構194 13．2．1標識符194 13．2．2關鍵字195 13．2．3最素之一——常量195 13．2．4最素之二——變量195 13．3數據是如何分類的——數據類型197 13．3．1數字型數據197 13．3．2字符串型198 13．3．3布爾型199 13．3．4特殊數據類型200 13．4運算符201 13．4．1算術運算符201 13．4．2比較運算符201 13．4．3賦值運算符202 13．4．4字符串運算符203 13．4．5布爾運算符203 13．4．6條件運算符204 13．4．7其他運算符204 13．4．8運算符優先級205 13．5JavaScript流程控制語句206 13．5．1最簡單的賦值語句206 13．5．2條件控制語句206 13．5．3循環控制語句210 13．6字符串處理技術213 13．6．1match方法213 13．6．2search方法214 13．6．3replace方法214 13．6．4split方法214 13．7JavaScript中的數組對像215 13．7．1Array對像概述215 13．7．2常見的幾種數組操作217 13．8綜合實例——使用數組存儲商品信息219 知識點提煉219 習題220 實驗：將數字格式化為指定長度220 實驗目的220 實驗內容220 實驗步驟220 第14章函數及其使用222 14．1函數的定義222 14．2函數的調用223 14．2．1函數的簡單調用223 14．2．2在事件響應中調用函數224 14．2．3通過鏈接調用函數224 14．2．4函數參數的使用224 14．2．5使用函數的返回值225 14．3幾種特殊的函數226 14．3．1Function構造函數與函數直接量226 14．3．2JavaScript中的內置函數226 14．3．3嵌套函數的使用228 14．3．4遞歸函數的使用229 14．4綜合實例——顯示繫統時間230 知識點提煉231 習題231 實驗：將長數字分位顯示231 實驗目的231 實驗內容232 實驗步驟232 第15章JavaScript對像編程233 15．1Window窗口對像233 15．1．1Window對像233 15．1．2對話框(Dialog)235 15．1．3窗口對像常用操作237 15．2Document文檔對像244 15．2．1文檔對像概述244 15．2．2文檔對像的常用屬性、方法與事件244 15．2．3Document對像的應用246 15．3JavaScript與表單操作251 15．3．1在JavaScript中訪問表單251 15．3．2在JavaScript中訪問表單域251 15．3．3表單的驗證251 15．4DOM對像253 15．4．1DOM概述253 15．4．2DOM對像節點屬性255 15．4．3節點的幾種操作258 15．4．4獲取文檔中素264 15．4．5與DHTML相對應的DOM265 15．5綜合實例——通過JS操作XML實現分頁267 知識點提煉268 習題269 實驗：動態設置網頁的標題欄269 實驗目的269 實驗內容269 實驗步驟269 第16章JavaScript中的事件 處理270 16．1事件與事件處理概述270 16．1．1事件與事件名稱270 16．1．2JavaScript的常用事件271 16．1．3事件處理程序的調用272 16．2DOM事件模型273 16．2．1事件流273 16．2．2主流瀏覽器的事件模型274 16．2．3事件對像274 16．2．4注冊與移除事件監聽器275 16．3鼠標鍵盤事件276 16．3．1鼠標的單擊事件276 16．3．2鼠標的按下或松開事件277 16．3．3鼠標的移入移出事件278 16．3．4鼠標的移動事件279 16．3．5鍵盤事件的使用279 16．4頁面事件281 16．4．1加載與卸載事件281 16．4．2頁面大小事件282 16．5表單事件283 16．5．1獲得焦點與失去焦點事件283 16．5．2失去焦點修改事件284 16．5．3表單提交與重置事件284 16．6綜合實例——限制文本框的輸入287 知識點提煉287 習題288 實驗：屏蔽鍵盤相關事件288 實驗目的288 實驗內容288 實驗步驟288 第17章JavaScript高級應用290 17．1創建和使用Cookie290 17．1．1Cookie的常用屬性290 17．1．2Cookie的傳遞流程291 17．1．3如何對Cookie進行讀寫291 17．1．4Cookie的安全問題295 17．2JavaScript中的圖像處理295 17．2．1圖像處理對像——Image對像295 17．2．2JavaScript中的圖像應用296 17．3嵌入式插件的使用300 17．3．1object嵌入對像標記概述300 17．3．2在網頁中使用Flash動畫301 17．4文件處理及頁面打印303 17．4．1文件處理對像303 17．4．2頁面打印311 17．5綜合實例——將頁面中的表格導出到Word並打印317 知識點提煉319 習題319 實驗：無間斷的圖片滾動效果319 實驗目的319 實驗內容319 實驗步驟319 第18章Ajax技術的使用321 18．1Ajax成功案例321 18．1．1百度搜索提示321 18．1．2淘寶新會員免費注冊322 18．1．3明日科技編程詞典服務網322 18．2Ajax開發模式與傳統開發模式的比較323 18．3Ajax技術特點324 18．4Ajax使用的技術324 18．4．1XMLHttpRequest對像324 18．4．2XML324 18．4．3JavaScript325 18．4．4CSS325 18．4．5DOM325 18．5XMLHttpRequest對像325 18．5．1初始化XMLHttpRequest對像325 18．5．2XMLHttpRequest對像的常用屬性326 18．5．3XMLHttpRequest對像的常用方法328 18．6Ajax的重構332 18．6．1Ajax重構的步驟332 18．6．2實時顯示商城公告334 18．7綜合實例——多級聯動下拉列表335 知識點提煉337 習題337 實驗：顯示上傳進度條337 實驗目的337 實驗內容337 實驗步驟337 第19章jQuery技術341 19．1jQuery概述341 19．1．1jQuery能做什麼341 19．1．2jQuery的特點343 19．2jQuery下載與配置343 19．2．1下載jQuery344 19．2．2配置jQuery344 19．3jQuery的插件345 19．3．1插件的使用345 19．3．2流行的插件345 19．4jQuery選擇器347 19．4．1jQuery的工廠函數347 19．4．2基本選擇器347 19．4．3層級選擇器352 19．4．4過濾選擇器357 19．4．5表單選擇器362 19．5jQuery控制頁面364 19．5．素內容和值進行操作364 19．5．2對DOM節點進行操作366 19．5．素屬性進行操作369 19．5．素的CSS樣式操作369 19．6jQuery的事件處理370 19．6．1頁面加載響應事件371 19．6．2jQuery中的事件371 19．6．3事件綁定373 19．6．4模擬用戶操作373 19．7jQuery的動畫效果375 19．7．1基本的動畫效果375 19．7．2淡入淡出的動畫效果377 19．7．3滑動效果378 19．7．4自定義的動畫效果380 19．8綜合實例——隔行換色並且鼠標指向行變色的表格381 知識點提煉383 習題383 實驗：實現圖片傳送帶383 實驗目的383 實驗內容384 實驗步驟384 第20章綜合案例——企業門戶網站387 20．1概述387 20．2繫統設計387 20．2．1繫統目標387 20．2．2繫統功能結構388 20．2．3網頁預覽388 20．3關鍵技術390 20．3．1JavaScript腳本操作391 20．3．2jQuery技術393 20．3．3Ajax無刷新技術394 20．4繫統主要模塊開發398 20．4．1使用JavaScript技術實現導航菜單設計398 20．4．2使用jQuery技術實現圖片展示區400 20．4．3使用Ajax技術實現最新消息頁面402 20．4．4使用JavaScript腳本實現產品推薦頁面404 20．4．5使用JavaScript腳本實現浮動窗口設計405 20．5小結407 第21章課程設計——旅遊網站前臺408 21．1課程設計目的408 21．2功能描述408 21．3網站總體設計408 21．3．1構建開發環境408 21．3．2網站功能結構409 21．4實現過程409 21．4．1設計網站公共header409 21．4．2設計網站公共footer415 21．4．3顯示網站介紹及相關圖片416 21．4．4主頁左側導航的實現418 21．4．5播放音樂420 21．4．6添加留言功能的實現421 21．5課程設計總結422</div> </div> <div>查看全部↓</div> </div> "</td></tr><tr> <td> </td></tr></table> </td></tr><tr valign=top><td colspan=4 height="53"> <table border=0 cellpadding=0 cellspacing=0 width="98%" align="center"><tbody><tr valign=bottom> <td colspan=2 height=23>網友評論  我們期待著您對此商品發表評論</td> </tr><tr valign=top><td colspan=2> <table bgcolor=#000000 border=0 cellpadding=0 cellspacing=0 height=1 width="100%"> <tbody><tr> <td></td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=2> <table align=center border=0 cellpadding=4 cellspacing=0 width=400> <tbody><tr align=middle><td width="100%"> <div align=center> <input style="FONT-SIZE: 12px" type=button value="我要評論" onClick="javascript:open('forum.asp?method=blank&id=491704580','','');"></div> </td></tr></tbody> </table> <div></div></td></tr><tr valign=top><td colspan=2> </td></tr></tbody> </table> </td></tr><tr valign=top><td colspan=4> <table width="98%" border="0" cellspacing="0" cellpadding="0" align="center"><tr> <td class="bt_1" height="26">相關商品</td> </tr><tr> <td height="1" bgcolor="#000000"></td> </tr><tr> <td valign="top"></td></tr><tr> <td valign="top"></td></tr><tr> <td> </td></tr></table> </td></tr></tbody> </table> </td></tr></table> </td></tr></table> <TABLE cellSpacing=0 cellPadding=0 width=1000 align=center border=0>
 <TBODY>
 <TR>
 <TD><IMG height=5 src="/liaode/images/bottom_01.jpg" width=1000></TD></TR>
 <TR>
 <TD align=middle>
 <TABLE class=size cellSpacing=1 cellPadding=0 width="100%" bgColor=ffffff><TBODY>
 <TR>
 <TD width="100%" height=15 align=center>
 <a href="contact.asp?t=3" class="links6" target=_blank>在線留言</a>
 商品價格為新臺幣
 </TD>
 </tr>
 <TR>
 <TD width="100%" height=15 align=center>
 <a href="help.html" class="links6">關於我們</a>
 <a href="help.html" class="links6">送貨時間</a>
 <a href="help.html" class="links6">安全付款</a>
 <a href="user.asp" class="links6">會員登入</a>
 <a href="user.asp" class="links6">加入會員</a>
 <a href="user.asp?method=fillbill" class="links6">我的帳戶</a>
 <a href="help_5.html" class="links6">網站聯盟</a>
 </TD>
 </tr>
 <TR>
 <TD width="100%" height=15 align=center>
 <a href="http://www.liaode.com.tw/sitemap.htm" title="DVD" target="_blank" class="links6">DVD</a> <a href="http://www.liaode.com.tw/sitemap.xml" title="連續劇" target="_blank" class="links6">連續劇</a>
 Copyright © 2024, Digital 了得網 Co., Ltd.
 
 </TD>
 </tr>
</TBODY></TABLE></TD></TR></TBODY></TABLE>

.ui-scrolltop {
display: block;
position: fixed;
_position: absolute;
right: 10px;
bottom: 200px;
z-index: 9999;
height: 60px;
width: 60px;
text-indent: -999999px;
overflow: hidden;
background: #000 url(http://liaode.com.tw/images/untitled.png) 18px 21px no-repeat;
opacity: 0.5;
filter: alpha(opacity=50);
cursor: pointer;
-moz-transition: opacity 0.3s ease-in,opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-in,opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-in,opacity 0.3s ease-out;
transition: opacity 0.3s ease-in,opacity 0.3s ease-out;
}
</style>

<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.conn.tw/" : "http://adcenter.conn.tw/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "track/oeya_url_cookie.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
var manu_code = '9nTT0aH7gmjA948';
var code='member';
var code_value='$member';
var code_sub='';
var pro_info='';
var action_name = '';
url = pkBaseURL + "track/oeya_url_cookie.php";
oeya_log(action_name, manu_code, url,code,code_value,code_sub,pro_info);
</script>

<div id="dialog-warning" style="display:none;" title="提示"> 請選擇顏色、尺碼等選項！</div><div id="dialog-confirm" style="display:none;" title="提示"> 已成功加入購物車！</div></body></html>

商品搜索

商品分类

【醫學】

【各大出版社】

【医学】

【各大出版社】

內容簡介

內頁插圖

目錄