産品特色
編輯推薦
清華大學齣版社“案例課堂”大係
叢書以案例的形式講解軟件的內容,讀者可以在實踐中熟練掌握軟件的使用方法。
每一個案例都精挑細選,同時配有全程語音講解的視頻文件,方便讀者學習。
案例的選材廣泛,涉及到軟件應用的各個領域、各個行業,學習無死角。
“CG設計”係列全彩精印,同等價位下內容更多,同等內容下更實惠。
“網站開發”係列附贈超值,全麵學習無障礙:
CSS屬性速查錶
HTML標簽速查錶
網頁布局案例賞析
精彩網站配色方案賞析
精選JavaScript實例
JavaScript函數速查手冊
CSS+DIV布局案例賞析
案例源文件與教學課件
內容簡介
《網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂》作者根據在長期教學中積纍的網頁設計教學經驗,完整、詳盡地介紹HTML 5 + CSS 3 + JavaScript網頁設計技術。
《網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂》共分24章,分彆介紹HTML 5概述、HTML 5網頁文檔結構、HTML 5網頁中的文本和圖像、HTML 5建立超鏈接、HTML 5建立錶格、HTML 5建立錶單、HTML 5繪製圖形、HTML 5中的音頻和視頻、CSS 3概述和基本語法、美化網頁字體和段落樣式、美化圖片樣式、美化背景和邊框樣式、美化超級鏈接和鼠標、美化網頁菜單、使用CSS 3濾鏡美化網頁元素、JavaScript編程基礎知識、JavaScript程序控製結構和語法、函數、內置對象、HTML 5 + CSS 3 + JavaScript的搭配使用。最後以兩個綜閤網站的設計為例進行講解,使讀者進一步鞏固所學的知識,提高綜閤實戰能力。
《網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂》內容全麵、圖文並茂、步驟清晰、通俗易懂、專業性強,使讀者能理解HTML 5 + CSS 3 + JavaScript網頁樣式與布局的技術,並能解決實際工作中的問題,真正做到“知其然,更知其所以然”。
《網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂》涉及麵廣泛,幾乎涵蓋瞭HTML 5 + CSS 3 + JavaScript網頁樣式與布局的所有重要知識,適閤網頁設計初學者快速入門,同時也適閤想全麵瞭解HTML 5 + CSS 3 + JavaScript網頁設計的專業人員閱讀。
目錄
第1章 初識HTML 5 11.1 HTML 5的基本概念 21.1.1 HTML的發展曆程 21.1.2 什麼是HTML 5 21.1.3 HTML 5文件的基本結構 31.2 HTML 5的優勢 31.2.1 解決瞭跨瀏覽器問題 31.2.2 新增瞭多個新特性 31.2.3 用戶優先的原則 41.2.4 化繁為簡的優勢 51.3 HTML 5文件的編寫方法 51.3.1 使用記事本手工編寫HTML 5 51.3.2 使用Dreamweaver CS6編寫HTML文件 61.4 使用瀏覽器查看HTML 5文件 111.4.1 查看頁麵效果 111.4.2 查看源文件 111.5 疑難解惑 12
第2章 HTML 5網頁的文檔結構 132.1 HTML 5文件的基本結構 142.1.1 HTML 5頁麵的整體結構 142.1.2 HTML 5新增的結構標記 142.2 HTML 5基本標記詳解 152.2.1 文檔類型說明 152.2.2 HTML標記 152.2.3 頭標記head 162.2.4 網頁的主體標記body 182.2.5 頁麵注釋標記 192.3 HTML 5語法的變化 202.3.1 標簽不再區分大小寫 202.3.2 允許屬性值不使用引號 202.3.3 允許部分屬性值的屬性省略 212.4 綜閤示例——符閤W3C標準的HTML 5網頁 212.5 上機練習——簡單的HTML 5網頁 232.6 疑難解惑 23
第3章 HTML 5網頁中的文本和圖像 253.1 在網頁中添加文本 263.1.1 普通文本的添加 263.1.2 特殊字符文本的添加 263.1.3 使用HTML 5標記添加特殊文本 283.2 文本排版 303.2.1 換行標記3.03.2.2 段落標記3.13.2.3 標題標記3.13.3 文字列錶 323.3.1 建立無序列錶323.3.2 建立有序列錶3.43.3.3 建立不同類型的無序列錶 353.3.4 建立不同類型的有序列錶 363.3.5 建立嵌套列錶 363.3.6 自定義列錶 373.4 網頁中的圖像 383.4.1 在網頁中插入圖像 383.4.2 設置圖像的寬度和高度 403.4.3 設置圖像的提示文字 413.4.4 將圖片設置為網頁背景 423.4.5 排列圖像 423.5 綜閤示例——圖文並茂的房屋裝飾裝修網頁 433.6 上機練習——在綫購物網站的産品展示效果 443.7 疑難解惑 45
第4章 用HTML 5建立超鏈接 474.1 URL的概念 484.1.1 URL的格式 484.1.2 URL的類型 484.2 超鏈接標記 494.2.1 設置文本和圖片的超鏈接 494.2.2 創建指嚮不同目標類型的超鏈接 504.2.3 設置以新窗口顯示超鏈接頁麵 524.2.4 鏈接到同一頁麵的不同位置 534.3 創建熱點區域 544.4 創建浮動框架 564.5 綜閤示例——用Dreamweaver精確定位熱點區域 574.6 上機練習——創建熱點區域 594.7 疑難解惑 60
第5章 用HTML 5創建錶格 615.1 錶格的基本結構 625.2 創建錶格 635.2.1 創建普通錶格 635.2.2 創建一個帶有標題的錶格 645.3 編輯錶格 655.3.1 定義錶格的邊框類型 655.3.2 定義錶格的錶頭 665.3.3 設置錶格背景 675.3.4 設置單元格的背景 695.3.5 閤並單元格 705.3.6 排列單元格中的內容 745.3.7 設置單元格的行高與列寬 755.4 完整的錶格標記 765.5 綜閤示例——製作計算機報價錶 775.6 上機練習——製作學生成績錶 795.7 疑難解惑 82
第6章 使用HTML 5創建錶單 856.1 錶單概述 866.2 錶單基本元素的使用 866.2.1 單行文本輸入框text 876.2.2 多行文本輸入框textarea 876.2.3 密碼域password 886.2.4 單選按鈕radio 896.2.5 復選框checkbox 906.2.6 列錶框select 916.2.7 普通按鈕button 916.2.8 提交按鈕submit 926.2.9 重置按鈕reset 936.3 錶單高級元素的使用 946.3.1 url屬性的使用 946.3.2 email屬性的使用 956.3.3 date和time屬性的使用 966.3.4 number屬性的使用 976.3.5 range屬性的使用 976.3.6 required屬性的使用 986.4 綜閤示例——創建用戶反饋錶單 996.5 上機練習——製作用戶注冊錶單 1006.6 疑難解惑 101
第7章 使用HTML 5繪製圖形 1037.1 添加canvas的步驟 1047.2 繪製基本形狀 1047.2.1 繪製矩形 1057.2.2 繪製圓形 1067.2.3 使用moveTo與lineTo繪製直綫 1077.2.4 使用bezierCurveTo繪製貝濟埃麯綫 1087.3 繪製漸變圖形 1097.3.1 繪製綫性漸變 1097.3.2 繪製徑嚮漸變 1117.4 繪製變形圖形 1127.4.1 繪製平移效果的圖形 1127.4.2 繪製縮放效果的圖形 1137.4.3 繪製鏇轉效果的圖形 1147.4.4 繪製組閤效果的圖形 1157.4.5 繪製帶陰影的圖形 1177.5 使用圖像 1187.5.1 繪製圖像 1187.5.2 平鋪圖像 1207.5.3 裁剪圖像 1217.5.4 圖像的像素化處理 1237.6 繪製文字 1257.7 圖形的保存與恢復 1267.7.1 保存與恢復狀態 1267.7.2 保存文件 1287.8 綜閤示例——繪製火柴棒人物 1297.9 上機練習——繪製商標 1327.10 疑難解惑 133
第8章 HTML 5中的音頻和視頻 1358.1 audio標簽概述 1368.1.1 audio標簽概述 1368.1.2 audio標簽的屬性 1378.1.3 audio標簽瀏覽器的支持情況 1378.2 在網頁中添加音頻文件 1388.2.1 添加自動播放音頻文件 1388.2.2 添加帶有控件的音頻文件 1388.2.3 添加循環播放的音頻文件 1398.2.4 添加預播放的音頻文件 1398.3 video標簽概述 1408.3.1 video標簽概述 1408.3.2 video標簽的屬性 1418.3.3 瀏覽器對video標簽的支持情況 1428.4 在網頁中添加視頻文件 1428.4.1 添加自動播放的視頻文件 1428.4.2 添加帶有控件的視頻文件 1438.4.3 添加循環播放的視頻文件 1438.4.4 添加預播放的視頻文件 1448.4.5 設置視頻文件的高度與寬度 1458.5 疑難解惑 146
第9章 CSS 3概述與基本語法 1479.1 CSS 3概述 1489.1.1 CSS 3的功能 1489.1.2 瀏覽器與CSS 3 1489.1.3 CSS 3的基礎語法 1499.1.4 CSS 3的常用單位 1499.2 編輯和瀏覽CSS 3 1549.2.1 手工編寫CSS 3 1549.2.2 用Dreamweaver編寫CSS 1559.3 在HTML 5中使用CSS 3的方法 1569.3.1 行內樣式 1569.3.2 內嵌樣式 1579.3.3 鏈接樣式 1599.3.4 導入樣式 1609.3.5 優先級問題 1619.4 CSS 3的常用選擇器 1639.4.1 標簽選擇器 1649.4.2 類選擇器 1649.4.3 ID選擇器 1659.4.4 全局選擇器 1669.4.5 組閤選擇器 1679.4.6 選擇器繼承 1689.4.7 僞類選擇器 1699.5 選擇器聲明 1709.5.1 集體聲明 1709.5.2 多重嵌套聲明 1719.6 綜閤示例——製作炫彩網站Logo 1729.7 上機練習——製作學生信息統計錶 1759.8 疑難解惑 176
第10章 使用CSS 3美化網頁字體與段落 17910.1 美化網頁文字 18010.1.1 設置文字的字體 18010.1.2 設置文字的字號 18110.1.3 設置字體風格 18210.1.4 設置加粗字體 18310.1.5 將小寫字母轉為大寫字母 18410.1.6 設置字體的復閤屬性 18510.1.7 設置字體顔色 18610.2 設置文本的高級樣式 18710.2.1 設置文本陰影效果 18710.2.2 設置文本的溢齣效果 18810.2.3 設置文本的控製換行 18910.2.4 保持字體尺寸不變 19010.3 美化網頁中的段落 19110.3.1 設置單詞之間的間隔 19110.3.2 設置字符之間的間隔 19210.3.3 設置文字的修飾效果 19310.3.4 設置垂直對齊方式 19410.3.5 轉換文本的大小寫 19610.3.6 設置文本的水平對齊方式 19710.3.7 設置文本的縮進效果 19810.3.8 設置文本的行高 19910.3.9 文本的空白處理 20010.3.10 文本的反排 20110.4 綜閤示例——設置網頁標題 20310.5 上機練習——製作新聞頁麵 20410.6 疑難解惑 205
第11章 使用CSS 3美化網頁圖片 20711.1 圖片縮放 20811.1.1 通過描述標記width和height縮放圖片 20811.1.2 使用CSS 3中的max-width和max-height縮放圖片 20811.1.3 使用CSS 3中的width和height縮放圖片 20911.2 設置圖片的對齊方式 21011.2.1 設置圖片的橫嚮對齊 21011.2.2 設置圖片縱嚮對齊 21111.3 圖文混排 21311.3.1 設置文字環繞效果 21311.3.2 設置圖片與文字的間距 21411.4 綜閤示例——製作學校宣傳單 21611.5 上機練習——製作簡單的圖文混排網頁 21811.6 疑難解惑 219
第12章 使用CSS 3美化網頁背景與邊框 22112.1 使用CSS 3美化背景 22212.1.1 設置背景顔色 22212.1.2 設置背景圖片 22312.1.3 背景圖片重復 22412.1.4 背景圖片顯示 22612.1.5 背景圖片的位置 22712.1.6 背景圖片的大小 22912.1.7 背景的顯示區域 23012.1.8 背景圖像的裁剪區域 23212.1.9 背景復閤屬性 23312.2 使用CSS 3美化邊框 23412.2.1 設置邊框的樣式 23412.2.2 設置邊框的顔色 23612.2.3 設置邊框的綫寬 23712.2.4 設置邊框的復閤屬性 23812.3 設置邊框的圓角效果 23912.3.1 設置圓角邊框 23912.3.2 指定兩個圓角半徑 24012.3.3 繪製四個不同角的圓角邊框 24112.3.4 繪製不同種類的邊框 24312.4 綜閤示例——製作簡單的公司主頁 24512.5 上機練習——製作簡單的生活資訊主頁 24812.6 疑難解惑 249
第13章 使用CSS 3美化超級鏈接和鼠標 25113.1 使用CSS 3來美化超鏈接 25213.1.1 改變超級鏈接的基本樣式 25213.1.2 設置帶有提示信息的超級鏈接 25313.1.3 設置超級鏈接的背景圖 25413.1.4 設置超級鏈接的按鈕效果 25513.2 使用CSS 3美化鼠標特效 25613.2.1 使用CSS 3控製鼠標箭頭 25613.2.2 設置鼠標變幻式超鏈接 25813.2.3 設置網頁頁麵滾動條 25913.3 綜閤示例1——圖片版本的超級鏈接 26113.4 綜閤示例2——關於鼠標特效 26213.5 上機練習——製作一個簡單的導航欄 26413.6 疑難解惑 266
第14章 使用CSS 3美化錶格和錶單的樣式 26714.1 美化錶格的樣式 26814.1.1 設置錶格邊框的樣式 26814.1.2 設置錶格邊框的寬度 27014.1.3 設置錶格邊框的顔色 27114.2 美化錶單樣式 27214.2.1 美化錶單中的元素 27214.2.2 美化提交按鈕 27414.2.3 美化下拉菜單 27614.3 綜閤示例——製作用戶登錄頁麵 27714.4 上機練習——製作用戶注冊頁麵 27914.5 疑難解惑 281
第15章 使用CSS 3美化網頁菜單 28315.1 使用CSS 3美化項目列錶 28415.1.1 美化無序列錶 28415.1.2 美化有序列錶 28515.1.3 美化自定義列錶 28715.1.4 製作圖片列錶 28815.1.5 縮進圖片列錶 28915.1.6 列錶的復閤屬性 29115.2 使用CSS 3製作網頁菜單 29215.2.1 製作無需錶格的菜單 29215.2.2 製作水平和垂直菜單 29415.3 綜閤示例——模擬soso導航欄 29715.4 上機練習——將段落轉變成列錶 29915.5 疑難解惑 301
第16章 使用CSS 3濾鏡美化網頁元素 30316.1 濾鏡概述 30416.2 基本濾鏡 30416.2.1 通道(Alpha)濾鏡 30516.2.2 模糊(Blur)濾鏡 30716.2.3 色彩(Chroma)濾鏡 30816.2.4 投影(DropShadow)濾鏡 30916.2.5 水平翻轉(FlipH)濾鏡 31116.2.6 垂直翻轉(FlipV)濾鏡 31116.2.7 光暈(Glow)濾鏡 31216.2.8 灰度(Gray)濾鏡 31316.2.9 反相(Invert)濾鏡 31416.2.10 遮罩(Mask)濾鏡 31516.2.11 波浪(Wave)濾鏡 31516.2.12 陰影(Shadow)濾鏡 31716.2.13 X-ray濾鏡 31816.3 高級濾鏡 31816.3.1 光照(Light)濾鏡 31916.3.2 漸隱(BlendTrans)濾鏡 32016.3.3 切換(RevealTrans)濾鏡 32216.4 疑難解惑 324
第17章 JavaScript編程基本知識 32517.1 認識JavaScript 32617.1.1 什麼是JavaScript 32617.1.2 JavaScript的特點 32617.1.3 JavaScript與Java的區彆 32717.1.4 JavaScript的版本 32817.2 JavaScript基本語法的應用 32917.2.1 注釋的應用 32917.2.2 語句的應用 33117.2.3 語句塊的應用 33217.3 JavaScript的數據結構 33317.3.1 認識標識符 33317.3.2 認識關鍵字 33317.3.3 認識常量 33417.3.4 認識變量及其應用 33417.4 JavaScript數據類型的使用 33617.4.1 typeof運算符的使用 33617.4.2 undefined類型的使用 33817.4.3 null類型的使用 33817.4.4 Boolean類型的使用 33917.4.5 Number類型的使用 34017.4.6 String類型的使用 34117.4.7 Object類型的使用 34217.5 JavaScript運算符的使用 34217.5.1 算術運算符 34217.5.2 比較運算符 34417.5.3 位運算符 34517.5.4 邏輯運算符 34617.5.5 條件運算符 34717.5.6 賦值運算符 34817.5.7 運算符的優先級 35017.6 綜閤示例——一個簡單的JavaScript程序 35117.7 疑難解惑 352
第18章 JavaScript的程序控製結構與語句 35318.1 賦值語句 35418.2 條件判斷語句 35418.2.1 if語句 35418.2.2 if-else語句 35518.2.3 if ... else if語句 35618.2.4 if語句的嵌套 35718.2.5 switch語句 35918.3 循環控製語句 36018.3.1 while語句 36018.3.2 do-while語句 36118.3.3 for語句 36318.4 跳轉語句 36418.4.1 break語句 36418.4.2 continue語句 36518.5 綜閤示例——在頁麵中顯示距離2015年元旦的天數 36618.6 上機練習——製作一個簡易乘法錶 36718.7 疑難解惑 368
第19章 JavaScript中的函數 36919.1 函數的簡介 37019.2 調用函數 37019.2.1 函數的簡單調用 37019.2.2 在錶達式中調用 37119.2.3 在事件響應中調用函數 37219.2.4 通過鏈接調用函數 37319.3 JavaScript中常用的函數 37419.3.1 嵌套函數 37419.3.2 遞歸函數 37519.3.3 內置函數 37619.4 綜閤示例——購物簡易計算器 38419.5 上機練習——製作閃爍圖片 38619.6 疑難解惑 387
第20章 JavaScript的內置對象 38920.1 字符串對象 39020.1.1 創建字符串對象的方法 39020.1.2 字符串對象常用
網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024
網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂(附光盤) 下載 epub mobi pdf txt 電子書
網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂(附光盤) mobi pdf epub txt 電子書 下載 2024
網站開發案例課堂:HTML5+CSS3+JavaScript網頁設計案例課堂(附光盤) epub pdf mobi txt 電子書 下載 2024