新書推薦:
《
别纠结啦:不被情绪牵着走的通透生活指南(“当代一休”小池龙之介治愈新作!附赠精美书签!)
》
售價:NT$
295.0
《
第二人生:找到重新定义人生的智慧
》
售價:NT$
440.0
《
唐朝三百年
》
售價:NT$
490.0
《
反操纵心理学:夺回人生主导权 拒绝被操纵
》
售價:NT$
249.0
《
同工异曲:跨文化阅读的启示(修订版)(师承钱锺书先生,比较文学入门,体量小但内容丰,案例文笔皆精彩)
》
售價:NT$
199.0
《
牛津立法研究手册
》
售價:NT$
1630.0
《
制度为什么重要:政治科学中的新制度主义(人文社科悦读坊)
》
售價:NT$
290.0
《
梦醒子:一位华北乡居者的人生(1857—1942))(第2版)
》
售價:NT$
340.0
|
內容簡介: |
全方位解說建置支援跨裝置網站所需的資訊、設定與重點!
利用豐富的圖解與範例清楚說明今後建置跨裝置網站的「標準」!
★行動裝置相容性測試★響應式網頁設計
★Viewport★網路字型★響應式圖片
★媒體查詢★網頁加速★裝置的識別
★SVG
現今智慧型手機與平板電腦大行其道,使用個人電腦以外的裝置來瀏覽網頁的情形已經大量增加,而且Google搜尋引擎也依照行動裝置瀏覽的可用性與無障礙性來決定排名,這使得建置跨裝置網站的重要性日益增加,必須儘早因應變化,來學習今後跨裝置網站建置的「標準」。
那麼製作跨裝置網頁時應該注意到哪些重點呢?想要同時支援智慧型手機、平板電腦、個人電腦的瀏覽,就必須考慮到網頁元件的設計以及網頁的顯示速度,因此所要思考的重點可說是五花八門。
而本書匯集了建置跨裝置網站的必要訣竅與技術。內容以Google發布的「行動版網站搜尋引擎最佳化指南」指標以及可簡單測試網頁問題的兩個檢測工具-「行動裝置相容性測試」、「PageSpeedInsights」為主軸,來全面解說製作支援跨裝置網頁所需的知識、經驗與技巧。
|
關於作者: |
作者簡介
エ ビスコム テック ラボ
(EBISUCOMTECHLAB)
在世界各地從事各種媒體的企劃與製作。在個人電腦、網路的領域從事書籍寫作、數位影像、CG、軟體的企劃製作、WWW系統的建置。
日文著作:
《從現在開始學會HTML+CSS的設計標準》
《HTML5標準設計指南》
《CSS標準設計指南【修訂第2版】》
《智慧型手機專用的HTML5+CSS3》
《XHTMLHTML+CSS超級聖經》
《WordPress3網站建置樣式書》
《WordPress3設計&自訂樣式書》
《MovableType網站設計&範例辭典》
《HTML5+CSS3設計聖經》
《WordPress教科書:HTML5&CSS準則》
《WordPress一步一步學聖經》
《HTML5&CSS3教科書》
《Dreamweaver+HTML5&CSS3教科書》
《HTML5&CSS3一步一步學聖經》
《WordPress設計書支援3.x》
|
目錄:
|
CHAPTER01支援跨裝置的指標
1.1製作跨裝置網頁時的指標
1.2支援跨裝置瀏覽的必要設定
CHAPTER02設定Viewport
2.1設定Viewport
2.2設定Viewport後的網頁顯示範圍的大小
CHAPTER03提供適合各種裝置瀏覽的網頁
3.1提供適合各種裝置瀏覽的網頁
3.2利用獨立網址提供適合裝置瀏覽的網頁
3.3利用動態服務傳送適合裝置瀏覽的網頁
3.4利用響應式網頁設計提供適合裝置瀏覽的網頁
3.5利用上述三種方法加以組合
3.6確認在各種裝置的顯示情形
CHAPTER04識別裝置
4.1裝置的識別
4.2利用CSS的媒體查詢識別裝置的特性
4.3利用CSSOM的媒體查詢識別裝置的特性
4.4媒體查詢可識別的特性
4.5媒體查詢可識別的媒體類型
4.6利用JavaScript取得特性的值
4.7利用使用者代理程式識別裝置的種類
4.8識別瀏覽器的支援功能
CHAPTER05網頁元件的跨裝置支援
5.1網頁元件的製作
5.2版面的基本結構
5.3文字
5.4圖片
5.5影片
5.6點擊目標
CHAPTER06最佳化圖片
6.1維持圖片畫質又減少資料量的方法
6.2最佳化圖片&再壓縮
6.3使用響應式圖片
6.4使用SVG
6.5使用網路字型與圖示字型
6.6使用CSS建立的元件
CHAPTER07網頁加速
7.1網頁顯示的機制與加速
7.2透過精簡處理刪減資源的資料量
7.3啟用HTTP壓縮
7.4使用瀏覽器快取功能
7.5整合為單一檔案來減少HTTP請求次數
7.6清除禁止轉譯
7.7調整內容的優先順序
APPENDIX設定WebClip圖示
APPENDIX各種工具/服務/外掛程式一覽表
APPENDIX規格/指南一覽表
APPENDIXMOCKUPS
INDEX索引
|
|