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
  • .Net8.0 Blazor Hybird 桌面端 (WPF/Winform) 實測可以完整運行在 win7sp1/win10/win11. 如果用其他工具打包,還可以運行在mac/linux下, 傳送門BlazorHybrid 發佈為無依賴包方式 安裝 WebView2Runtime 1.57 M ...
  • 目錄前言PostgreSql安裝測試額外Nuget安裝Person.cs模擬運行Navicate連postgresql解決方案Garnet為什麼要選擇Garnet而不是RedisRedis不再開源Windows版的Redis是由微軟維護的Windows Redis版本老舊,後續可能不再更新Garne ...
  • C#TMS系統代碼-聯表報表學習 領導被裁了之後很快就有人上任了,幾乎是無縫銜接,很難讓我不想到這早就決定好了。我的職責沒有任何變化。感受下來這個系統封裝程度很高,我只要會調用方法就行。這個系統交付之後不會有太多問題,更多應該是做小需求,有大的開發任務應該也是第二期的事,嗯?怎麼感覺我變成運維了?而 ...
  • 我在隨筆《EAV模型(實體-屬性-值)的設計和低代碼的處理方案(1)》中介紹了一些基本的EAV模型設計知識和基於Winform場景下低代碼(或者說無代碼)的一些實現思路,在本篇隨筆中,我們來分析一下這種針對通用業務,且只需定義就能構建業務模塊存儲和界面的解決方案,其中的數據查詢處理的操作。 ...
  • 對某個遠程伺服器啟用和設置NTP服務(Windows系統) 打開註冊表 HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time\TimeProviders\NtpServer 將 Enabled 的值設置為 1,這將啟用NTP伺服器功 ...
  • title: Django信號與擴展:深入理解與實踐 date: 2024/5/15 22:40:52 updated: 2024/5/15 22:40:52 categories: 後端開發 tags: Django 信號 松耦合 觀察者 擴展 安全 性能 第一部分:Django信號基礎 Djan ...
  • 使用xadmin2遇到的問題&解決 環境配置: 使用的模塊版本: 關聯的包 Django 3.2.15 mysqlclient 2.2.4 xadmin 2.0.1 django-crispy-forms >= 1.6.0 django-import-export >= 0.5.1 django-r ...
  • 今天我打算整點兒不一樣的內容,通過之前學習的TransformerMap和LazyMap鏈,想搞點不一樣的,所以我關註了另外一條鏈DefaultedMap鏈,主要調用鏈為: 調用鏈詳細描述: ObjectInputStream.readObject() DefaultedMap.readObject ...
  • 後端應用級開發者該如何擁抱 AI GC?就是在這樣的一個大的浪潮下,我們的傳統的應用級開發者。我們該如何選擇職業或者是如何去快速轉型,跟上這樣的一個行業的一個浪潮? 0 AI金字塔模型 越往上它的整個難度就是職業機會也好,或者說是整個的這個運作也好,它的難度會越大,然後越往下機會就會越多,所以這是一 ...
  • @Autowired是Spring框架提供的註解,@Resource是Java EE 5規範提供的註解。 @Autowired預設按照類型自動裝配,而@Resource預設按照名稱自動裝配。 @Autowired支持@Qualifier註解來指定裝配哪一個具有相同類型的bean,而@Resourc... ...