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

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