理想影片教學網前端頁面影片教學
- 第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 設計倒影
