沒搞錯！舊網頁轉移成HTML5&CSS3就是這麼簡單
活動訊息
想找書的時候，特別想偷看網友的書櫃... 原來大家都在看這本 ↓↓↓
內容簡介
將現存Web網站順利轉移成「HTML5&CSS3」的攻略大全
在智慧型手機與平板電腦等行動裝置大行其道的今日，網頁瀏覽不再僅限於桌上電腦與筆記型電腦而已。過去網頁所使用的HTML4.01或XHTML1.0已無力應付多元化的內容需求，而HTML5具有向下相容性而且支援瀏覽器持續不斷地增加，已漸為大眾所接受的標準。同樣地，CSS3也是具有向下相容性，只要透過樣式表就能輕易地做出設計。因此，以HTML5&CSS3製作網頁已是時代所趨了。
不過問題來了，那麼以前版的標記語言所寫的現存網頁該怎麼辦？總不能全部刪除，再重新來過吧！這可是相當耗時累人的艱鉅工作。為了讓網頁製作得更有效率，本書直接教你如何將前版HTML的描述內容進行修改，並在透過完整的範例教學下，讓你熟悉HTML5&CSS3的基礎，進而得以設計出滿足多元化的內容需求且符合各種瀏覽平台的網頁來。而像這樣的一本參考書，在市面上是唯一的，可以同時滿足版本轉換與實務學習的需求。
本書特色
◎逐步解說轉移的修調要領，網羅網頁設計客製化的技巧
◎內容循序漸進，初學者也能輕易理解HTML5&CSS3
◎利用CSS3的Media Queries，設計符合行動裝置的最佳頁面顯示
◎提供IE等未對應瀏覽器的周全對策
在智慧型手機與平板電腦等行動裝置大行其道的今日，網頁瀏覽不再僅限於桌上電腦與筆記型電腦而已。過去網頁所使用的HTML4.01或XHTML1.0已無力應付多元化的內容需求，而HTML5具有向下相容性而且支援瀏覽器持續不斷地增加，已漸為大眾所接受的標準。同樣地，CSS3也是具有向下相容性，只要透過樣式表就能輕易地做出設計。因此，以HTML5&CSS3製作網頁已是時代所趨了。
不過問題來了，那麼以前版的標記語言所寫的現存網頁該怎麼辦？總不能全部刪除，再重新來過吧！這可是相當耗時累人的艱鉅工作。為了讓網頁製作得更有效率，本書直接教你如何將前版HTML的描述內容進行修改，並在透過完整的範例教學下，讓你熟悉HTML5&CSS3的基礎，進而得以設計出滿足多元化的內容需求且符合各種瀏覽平台的網頁來。而像這樣的一本參考書，在市面上是唯一的，可以同時滿足版本轉換與實務學習的需求。
本書特色
◎逐步解說轉移的修調要領，網羅網頁設計客製化的技巧
◎內容循序漸進，初學者也能輕易理解HTML5&CSS3
◎利用CSS3的Media Queries，設計符合行動裝置的最佳頁面顯示
◎提供IE等未對應瀏覽器的周全對策
目錄
CHAPTER 1 HTML5 & CSS3
STEP 1-1 HTML5 & CSS3的構成與現狀
STEP 1-2 轉移至HTML5的優點
STEP 1-3 轉移至CSS3的優點
STEP 1-4 轉移至HTML5的方法
STEP 1-5 轉移至CSS3的方法
CHAPTER 2 HTML5的轉移
STEP 2-1 DOCTYPE宣告
STEP 2-2 根元素
STEP 2-3 基本資訊的描述場所
STEP 2-4 指定編碼的種類
STEP 2-5 頁面的標題
STEP 2-6 樣式表的設定
STEP 2-7 確認已遭廢除的標籤或屬性
STEP 2-8 確認已改變定義的標籤或屬性
CHAPTER 3 HTML5的語意標記
STEP 3-1 邏輯結構描述與語意網
STEP 3-2 HTML5的語意標記
STEP 3-3 因應未支援HTML5的瀏覽器
STEP 3-4 檔頭的標記
STEP 3-5 導覽選單的標記
STEP 3-6 記事的標記
STEP 3-7 選擇器的標記
STEP 3-8 檔尾的標記
STEP 3-9 多個導覽的標記
STEP 3-10 補充性資訊的標記
STEP 3-11 大綱的確認
STEP 3-12 標題的標記
STEP 3-13 標題的群組化
STEP 3-14 各區段的檔頭
STEP 3-15 利用microdata附加元數據
CHAPTER 4文字與圖像的設計
STEP 4-1 設計的客製化
STEP 4-2 幅度的變更
STEP 4-3 文字的設計
STEP 4-4 Web字型的利用
STEP 4-5 圖標的標記
STEP 4-6 利用奇數和偶數改變圖標的配置
STEP 4-7 圖標的圖說
STEP 4-8 裝飾用圖像的顯示
CHAPTER 5圖像設計
STEP 5-1 以圓角框包圍
STEP 5-2 將導覽列設為圓角
STEP 5-3 使用漸層的背景設計
STEP 5-4 增加漸層的顏色
STEP 5-5 為外框加上陰影
STEP 5-6 在外框內側加上陰影
STEP 5-7 以附上陰影的外框包圍內容整體
STEP 5-8 調整背景圖像的大小
STEP 5-9 顯示多個背景圖像
STEP 5-10 將顏色設成半透明
STEP 5-11 將網站名稱顯示為緞帶狀
STEP 5-12 高度對齊的3欄位排版
CHAPTER 6 智慧型手機&平板電腦
STEP 6-1 對智慧型手機&平板電腦進行最佳化
STEP 6-2 PC用的樣式表設定
STEP 6-3 平板電腦用的樣式表設定
STEP 6-4 智慧型手機用的樣式表設定
STEP 6-5 利用智慧型手機&平板電腦確認顯示
CHAPTER 7 表單
STEP 7-1 有效應用HTML5的洽詢表單
STEP 7-2 表單的事前準備
STEP 7-3 製作特定資訊專用的輸入欄位
STEP 7-4 必填項目的指定
STEP 7-5 在必填項目中顯示警示符號
STEP 7-6 輸入必填項目時，刪除警示符號
STEP 7-7 輸入內容有問題時，顯示警示符號
STEP 7-8 默認文字的指定
STEP 7-9 自動對焦的指定
CHAPTER 8 媒體
STEP 8-1 視訊與音訊
STEP 8-2 SVG的利用
STEP 8-3 Canvas的利用
附錄
APPENDIX [A] HTML5的元素與屬性
APPENDIX [B] CSS3的選擇器和屬性
APPENDIX [C] 外部樣式表的設定
STEP 1-1 HTML5 & CSS3的構成與現狀
STEP 1-2 轉移至HTML5的優點
STEP 1-3 轉移至CSS3的優點
STEP 1-4 轉移至HTML5的方法
STEP 1-5 轉移至CSS3的方法
CHAPTER 2 HTML5的轉移
STEP 2-1 DOCTYPE宣告
STEP 2-2 根元素
STEP 2-3 基本資訊的描述場所
STEP 2-4 指定編碼的種類
STEP 2-5 頁面的標題
STEP 2-6 樣式表的設定
STEP 2-7 確認已遭廢除的標籤或屬性
STEP 2-8 確認已改變定義的標籤或屬性
CHAPTER 3 HTML5的語意標記
STEP 3-1 邏輯結構描述與語意網
STEP 3-2 HTML5的語意標記
STEP 3-3 因應未支援HTML5的瀏覽器
STEP 3-4 檔頭的標記
STEP 3-5 導覽選單的標記
STEP 3-6 記事的標記
STEP 3-7 選擇器的標記
STEP 3-8 檔尾的標記
STEP 3-9 多個導覽的標記
STEP 3-10 補充性資訊的標記
STEP 3-11 大綱的確認
STEP 3-12 標題的標記
STEP 3-13 標題的群組化
STEP 3-14 各區段的檔頭
STEP 3-15 利用microdata附加元數據
CHAPTER 4文字與圖像的設計
STEP 4-1 設計的客製化
STEP 4-2 幅度的變更
STEP 4-3 文字的設計
STEP 4-4 Web字型的利用
STEP 4-5 圖標的標記
STEP 4-6 利用奇數和偶數改變圖標的配置
STEP 4-7 圖標的圖說
STEP 4-8 裝飾用圖像的顯示
CHAPTER 5圖像設計
STEP 5-1 以圓角框包圍
STEP 5-2 將導覽列設為圓角
STEP 5-3 使用漸層的背景設計
STEP 5-4 增加漸層的顏色
STEP 5-5 為外框加上陰影
STEP 5-6 在外框內側加上陰影
STEP 5-7 以附上陰影的外框包圍內容整體
STEP 5-8 調整背景圖像的大小
STEP 5-9 顯示多個背景圖像
STEP 5-10 將顏色設成半透明
STEP 5-11 將網站名稱顯示為緞帶狀
STEP 5-12 高度對齊的3欄位排版
CHAPTER 6 智慧型手機&平板電腦
STEP 6-1 對智慧型手機&平板電腦進行最佳化
STEP 6-2 PC用的樣式表設定
STEP 6-3 平板電腦用的樣式表設定
STEP 6-4 智慧型手機用的樣式表設定
STEP 6-5 利用智慧型手機&平板電腦確認顯示
CHAPTER 7 表單
STEP 7-1 有效應用HTML5的洽詢表單
STEP 7-2 表單的事前準備
STEP 7-3 製作特定資訊專用的輸入欄位
STEP 7-4 必填項目的指定
STEP 7-5 在必填項目中顯示警示符號
STEP 7-6 輸入必填項目時，刪除警示符號
STEP 7-7 輸入內容有問題時，顯示警示符號
STEP 7-8 默認文字的指定
STEP 7-9 自動對焦的指定
CHAPTER 8 媒體
STEP 8-1 視訊與音訊
STEP 8-2 SVG的利用
STEP 8-3 Canvas的利用
附錄
APPENDIX [A] HTML5的元素與屬性
APPENDIX [B] CSS3的選擇器和屬性
APPENDIX [C] 外部樣式表的設定
配送方式
-
台灣
- 國內宅配：本島、離島
-
到店取貨：
不限金額免運費
-
海外
- 國際快遞：全球
-
港澳店取：
訂購/退換貨須知
加入金石堂 LINE 官方帳號『完成綁定』，隨時掌握出貨動態：
提醒您！！
金石堂及銀行均不會請您操作ATM! 如接獲電話要求您前往ATM提款機，請不要聽從指示，以免受騙上當！
退換貨須知：
**提醒您，鑑賞期不等於試用期，退回商品須為全新狀態**
-
依據「消費者保護法」第19條及行政院消費者保護處公告之「通訊交易解除權合理例外情事適用準則」，以下商品購買後，除商品本身有瑕疵外，將不提供7天的猶豫期：
- 易於腐敗、保存期限較短或解約時即將逾期。（如：生鮮食品）
- 依消費者要求所為之客製化給付。（客製化商品）
- 報紙、期刊或雜誌。（含MOOK、外文雜誌）
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務，經消費者事先同意始提供。（如：電子書、電子雜誌、下載版軟體、虛擬商品…等）
- 已拆封之個人衛生用品。（如：內衣褲、刮鬍刀、除毛刀…等）
- 若非上列種類商品，均享有到貨7天的猶豫期（含例假日）。
- 辦理退換貨時，商品（組合商品恕無法接受單獨退貨）必須是您收到商品時的原始狀態（包含商品本體、配件、贈品、保證書、所有附隨資料文件及原廠內外包裝…等），請勿直接使用原廠包裝寄送，或於原廠包裝上黏貼紙張或書寫文字。
- 退回商品若無法回復原狀，將請您負擔回復原狀所需費用，嚴重時將影響您的退貨權益。
商品評價