Name: 理想影片教學網前端頁面影片教學
Uploaded: 2022-04-13T14:50:57+8:00
Duration: 337 min 12 s
Description: 《理想影片教學網前端頁面影片教學》

第1章html和xhtml: HTML結構
04分鐘00秒; HTML語法
09分鐘48秒; HTML標籤
17分鐘13秒; HTML屬性
11分鐘29秒; XHTML結構
06分鐘49秒; XHTML類型
05分鐘08秒; DTD解析
06分鐘13秒; 名字空間
03分鐘46秒
第2章html5介紹: HTML5語法
13分鐘02秒; HTML5元素
15分鐘12秒; HTML5屬性
06分鐘30秒; HTML5全域屬性
07分鐘57秒; HTML5其他功能
11分鐘05秒; 認識HTML5文件結構
11分鐘02秒; HTML5元素分類; 標識文章
05分鐘10秒; 給內容分段; 設計導航訊息
05分鐘50秒; 設計輔助資訊
03分鐘36秒; 設計微格式; 新增發布日期; 新增標題區塊
01分鐘58秒; 給標題分組; 添加腳註塊; 新增聯絡資訊; 設計大綱; 設計樣式
第3章實例應用: email類型的應用
03分鐘45秒; url類型的應用
02分鐘46秒; number類型的應用; range型的應用
02分鐘32秒; 日期檢出器類型的應用; search類型的應用; tel類型的應用; color類型的應用
第4章新增內容: 新增的autocomplete屬性; 新增的autofocus屬性
05分鐘04秒; 新增的form屬性; 新增的表單重寫屬性; 新增的height與width屬性
01分鐘48秒; 新增的list屬性; 新增的min、max和step屬性; 新增的multiple屬性; 新增的pattern屬性; 新增的placeholder屬性; 新增的required屬性; 新增的datalist元素; 新增的keygen元素; 新增的output元素; 新增的autocomplete屬性
00分鐘58秒; 新增的novalidate屬性
01分鐘28秒
第5章canvas繪圖: 在頁面中加入canvas元素
02分鐘33秒; Canvas如何繪製圖形
06分鐘14秒; 認識Canvas座標; 何時不用Canvas; 如果瀏覽器不支援Canvas; 檢測瀏覽器支持; 繪製直線
02分鐘34秒; 繪製矩形; 繪製圓形; 繪製三角形
03分鐘08秒; 清空畫布; 繪製二次方貝塞爾曲線; 繪製三次方貝塞爾曲線; 儲存與復原Canvas狀態; 移動座標空間; 旋轉座標空間; 旋轉座標空間; 縮放圖形; 矩陣變換; 圖形的組合
04分鐘55秒; 裁切路徑; 應用不同的線型; 繪製線性漸變; 繪製徑向漸變; 繪製圖案; 設定圖形的透明度; 建立陰影; 繪製填充文字; 繪製輪廓文字; 測量文字寬度; 向Canvas引入影像; 改變影像大小; 建立影像切片
07分鐘04秒
第6章音訊和視訊: 用JavaScript檢測音頻格式支持
04分鐘20秒; 用JavaScript檢測視訊格式支持
03分鐘38秒; 認識audio元素
02分鐘28秒; 播放音訊
05分鐘22秒; 認識video元素
01分鐘12秒; 播放影片
06分鐘11秒; 音訊與視訊相關屬性; 音訊與視訊相關方法
08分鐘58秒; 音訊與視訊相關方法; 音訊與視訊相關事件; 用腳本控制音樂播放; 查看影片畫面畫面
第7章Web瀏覽器應用: 檢查瀏覽器的支持性
06分鐘32秒; 設定和獲取數據; 防止資料外洩; Web Storage其他用法
02分鐘25秒; Web Storage事件監測
03分鐘37秒; 實例1：設計網頁皮膚; 實例2：追蹤localStorage數據
05分鐘48秒; 實例3：設計計數器; 綜合應用：Web應用專案即時追蹤
08分鐘56秒; 使用Web SQL資料庫; 實例1：建立簡單的本機資料庫
05分鐘56秒; 實例2：批量儲存本地數據; 綜合應用：Web Storage和Web SQL混合開發; 實戰1：快取首頁; 實戰2：離線編輯內容; 實戰3：離線跟踪; 檢查瀏覽器支援性; 建立Web Workers; 與Web Workers通信; 使用Web Workers上機練習
第8章多執行緒應用: 使用多執行緒實作後台運算; 在後台過濾值; 多工並發處理; 在多線程之間通信; 使用線程技術計算Fibonacci數列; 使用多線程繪圖; 編寫應用程式主頁面
03分鐘13秒; 寫Worker js; 與Web Worker通信
04分鐘15秒
第9章CSS3知識點詳解: CSS1.0和CSS2.0概述; CSS與DIV標記之緣
05分鐘15秒; CSS編碼規範
07分鐘57秒; 屬性選擇器
05分鐘15秒; RGBA 透明度; 多欄佈局; 多背景圖片
01分鐘54秒; 字串溢出; 塊陰影與圓角陰影; 圓角; 邊框圖片; 形變; CSS 3的應用範圍; 目前支援CSS 3的瀏覽器; 案例實戰：設計漂亮的表單; 認識屬性選擇器; 案例實戰; 認識結構偽類選擇器; 案例實戰; 認識常用UI偽類選擇器; 案例實戰; 其他選擇器; 定義text-shadow屬性; 應用陰影效果; 綜合實戰：設計駭客網站首頁
05分鐘49秒; 溢出文字; 文字換行; 使用RGBA顏色值; 使用HSL顏色值; 使用HSLA顏色值; 定義opacity屬性; 定義transparent顏色值; 用法詳解; 案例實戰
01分鐘04秒; 用法詳解; 案例實戰; 用法詳解; 案例實戰：設計橢圓圖形; 用法詳解; 案例實戰：設計Windows7介面效果; 定義背景座標; 定義背景裁切區域; 定義背景圖片大小; 定義背景影像循環方式; 定義多背景影像; 認識transform
04分鐘26秒; 旋轉動畫; 縮放動畫; 移動動畫; 傾斜動畫; 變形動畫; 案例實戰：設計塗鴉牆; 自訂變形; 定義複雜變形; 定義過渡屬性; 定義過渡時間; 定義過渡延遲時間; 定義過渡效果; 案例實戰：設計OS導航器; 案例實戰：設計圖片翻轉特效; 設計Webkit漸變; Webkit案例實戰; 設計Webkit漸變; Webkit案例實戰; 設計Gecko漸變; Gecko案例實戰; 設計IE漸變; 設計W3C漸變; 設計禮品盒; 設計折疊面板; 設計易拉罐; 設計光碟滑動動畫; 設計下拉式選單; 設計精緻按鈕
第10章佈局: 設計多列佈局
03分鐘16秒; 定義列寬
01分鐘29秒; 定義列數
01分鐘08秒; 定義列間距
01分鐘07秒; 定義列邊框樣式
02分鐘19秒; 定義跨列顯示
01分鐘45秒; 定義列高度
01分鐘49秒; 設計盒佈局
04分鐘53秒; 定義自適應寬度ok
04分鐘08秒; 定義列顯示順序
01分鐘48秒; 定義列排列方向
01分鐘13秒; 定義模組大小自適應
03分鐘05秒; 消除空白
04分鐘03秒; 定義對齊方式; 綜合實戰：設計多列網頁
05分鐘19秒; 改變盒模型組成方式; 調整元素尺寸; 定義輪廓線; 定義輪廓線位移; 定義導航順序; 定義方向鍵控制順序; 新增顯示內容; 取消元素樣式; 慎用initial的情況; 溢出處理; 使用@font-face規則; 認識Media Queries模組; 認識@media規則; 使用@media規則; 在網站應用@media規則; 新增語音功能; 設計倒影
04分鐘42秒

理想影片教學網前端頁面影片教學

關於導師

PHP中文網