HTML 5+CSS 3網頁設計經典範例 (李俊民,黃盛奎) 隨書光碟​

来源:https://www.cnblogs.com/randjin/archive/2018/04/21/8904066.html
-Advertisement-
Play Games

《html 5+css 3網頁設計經典範例(附cd光碟1張)》共分為18章,涵蓋了html 5和css3中各方面的技術知識。主要內容包括html 5概述、html 5與html 4的區別、html 5的結構、canvas繪圖功能、網路上的視頻和音頻應用、表單應用、全新的文件應用、地理位置信息處理、w ...


《html 5+css 3網頁設計經典範例(附cd光碟1張)》共分為18章,涵蓋了html 5和css3中各方面的技術知識。主要內容包括html 5概述、html 5與html 4的區別、html 5的結構、canvas繪圖功能、網路上的視頻和音頻應用、表單應用、全新的文件應用、地理位置信息處理、web本地存儲應用、離線web應用、web workers api的應用、應用websockets api通信、css樣式入門、使用css控制文字樣式、使用css設置圖片和背景、使用css控制列表、css盒模型,以及div+css佈局方法等內容。 

《html 5+css 3網頁設計經典範例(附cd光碟1張)》適合廣大網頁設計從業人員及網頁設計愛好者閱讀,同時也可供大中專院校及相關培訓機構使用。 

 

教程地址:HTML 5+CSS 3網頁設計經典範例 (李俊民,黃盛奎) 隨書光碟

 

 

 

 

html 5+css 3網頁設計經典範例(附cd光碟1張)  目錄

1 html 5概述 1 

1.1 html 5介紹 1 

1.2 html 5的發展歷程 2 

1.3 認識html 5 3 

1.4 html 5的新增功能 5 

1.5 使用html 5的優勢 9 

1.6 html 5的未來發展 9 

1.7 本章小結 10 

02 html 5與html4的區別 11 

2.1 語法上的差異 11 

2.2 元素上的差異 13 

2.3 屬性上的差異 19 

2.4 本章小結 22 

03 html 5的結構 23 

3.1 新的主體結構元素 23 

3.2 新的非主體結構元素 30 

3.3 html 5的結構闡述 32 

3.4 本章小結 36 

04 繪圖功能的實現 37 

4.1 canvas api概述 37 

4.2 如何使用canvas api 40 

4.3 應用canvas api繪製曲線路徑 45 

4.4 應用canvas api繪製圖像 49 

4.5 canvas文本應用 55 

4.6 實例精講——動態時鐘 58 

4.7 本章小結 62 

05 網路上的視頻和音頻應用 63 

5.1 html 5 中audio和video概述 63 

5.2 html 5中audio和video元素的應用 69 

5.3 實例精講——在html 4中實現音頻和視頻的播放 75 

5.4 實例精講——在html 5中實現音頻和視頻的播放 78 

5.5 本章小結 82 

06 表單的應用 83 

6.1 html 5 forms概述 83 

6.2 表單新特性與函數 86 

6.3 驗證表單 95 

6.4 實例精講——html 5中的forms應用 99 

6.5 本章小結 102 

07 全新的文件應用 103 

7.1 新增的頁面元素 103 

7.2 增強的頁面元素 109 

7.3 文件api 112 

7.4 拖放api 115 

7.5 實例精講——在html 5中實現文件拖放 120 

7.6 本章小結 123 

08 地理位置信息處理 125 

8.1 關於地理位置信息 125 

8.2 瀏覽器對geolocation的支持 127 

8.3 隱私的處理 131 

8.4 使用geolocation api 132 

8.5 實例精講——在網頁中使用電子地圖 135 

8.6 本章小結 136 

09 web本地存儲應用 137 

9.1 web storage概述 137 

9.2 web storage的瀏覽器支持情況 145 

9.3 使用web storage api 145 

9.4 本地資料庫 149 

9.5 本章小結 156 

10 離線web應用 157 

10.1 離線web概述 157 

10.2 使用離線web 158 

10.3 實例精講——html 5中離線web的具體應用 166 

10.4 本章小結 172 

11 web workers api應用 173 

11.1 web workers概述 173 

11.2 使用web workers api 176 

11.3 web workers線程應用 179 

11.4 實例精講——html 5中的web workers應用 189 

11.5 本章小結 194 

12 應用websockets api通信 195 

12.1 websockets概述 195 

12.2 上機操作——編寫簡單的echo websocket伺服器 198 

12.3 websockets通信 202 

12.4 實例精講——html 5中的websockets應用程式 205 

12.5 本章小結 208 

13 css樣式入門 209 

13.1 css概述 209 

13.2 css選擇器類型 211 

13.3 css的繼承特性 238 

13.4 樣式表的類型 239 

13.5 本章小結 240 

14 使用css控制文字樣式 241 

14.1 字體設置 241 

14.2 設置段落樣式 248 

14.3 本章小結 256 

15 使用css設置背景 257 

15.1 設置背景 257 

15.2 設置圖片樣式 269 

15.3 設置其他邊框樣式 272 

15.4 本章小結 274 

16 使用css控制列表 275 

16.1 列表控制簡述 275 

16.2 列表相關屬性 279 

16.3 本章小結 283 

17 css盒模型 285 

17.1 盒模型的概念 285 

17.2 盒的浮動 292 

17.3 盒的定位 294 

17.4 本章小結 300 

18 div + css佈局方法 301 

18.1 div概述 301 

18.2 css 佈局方式 304 

18.3 使用div + css佈局網頁 311 

18.4 本章小結 319 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 官網地址:https://redis.io/download 最新版本是4.0,在這裡本人下的是3.2 使用rz命令可以將Redis上傳到Linux系統 首先要確定Linux上是否安裝了gcc,沒有則使用yum install gcc-c++安裝 在安裝時出現下麵的錯誤提示 使用rm -f /var ...
  • 經常玩伺服器上的mysql資料庫,但是基於linux操作Mysql多有不便,於是就想著使用GUI工具來遠程操作mysql資料庫。已經不是三次使用navicat-for-mysql了,但是每次連接遠程伺服器的Mysql資料庫都會遇到問題,煩,索性這次就記下來,下次再使用navicat for mysq ...
  • SQL語句的DECODE()和NVL()函數用法 SELECT DECODE(choose_tool,0,'寶馬',1,'電動車',2,'自行車','步行') AS my_tool FROM data_tool_t //分析:當choose_tool為0時候,my_tool=‘寶馬’ 當choose ...
  • 1 -- 1、DECLARE EXIT HANDLER FOR SQLEXCEPTION 語句後面可以跟一個 begin end的複合語句塊,也可以直接跟一個簡單語句例如 :DECLARE EXIT HANDLER FOR SQLEXCEPTION v_succ=0; 3 -- 2、EXIT會在執行... ...
  • 一、Android studio的安裝 【提示】A、以下Android studio2.2.2版本。(也有新版本) B、以下是用Android studio自帶的sdk ①雙擊安裝文件進行安裝 ②如果沒有SDK,要勾選Android SDK。(如果有可以選擇不勾選) ③設置Android studi ...
  • 相信大部分人都被Android Studio環境配置搞得很頭痛,至少我為這個配置花費了將近5h,Android Studio作為一款強大的IDE,比起Eclipse來說,更加方便Android的開發,但作為新手的我們不應該因為Android Studio的配置而打退堂鼓,這篇文章儘量從配置原理方面來... ...
  • 【效果】(這裡下載的軟體收費的試用有水印) 【推薦】這裡推薦一個圖標網http://iconfont.cn/。以上圖標來自此圖標網 【項目結構】 【步驟】 ①創建佈局文件,寫底部導航欄 ②定義Fragment 【提示】可以通過下圖方式創建 對於生成的Fragment不用作修改,對應的佈局中設置一個背 ...
  • Angular擁有自己的HTTP庫,可以用於調用外部API。 在JavaScript世界里有三種方式可以實現非同步請求,Callback,Promise與Observable。Angular傾向於使用Observable方式。 HTTP庫屬於Angular中獨立的模塊,這意味著當使用時需要導入它。 舉 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...