今野昭彥

　　資深網站設計專家分享智慧型手機網站設計的多年實務經驗與必要知識，並使用具體的設計範例以及詳解程式碼，來帶領大家一起製作出那些片面的知識與小聰明絕對無法完成的智慧型手機網站。本書將說明智慧型手機網站的製作原理與設計製作手法、將原先的PC網站改製成智慧型手機網站的方法、在智慧型手機上能夠最佳化閱覽網站的製作方法、網頁版面設計的基礎知識、問題排除以及介紹好用的程式庫與外掛程式等豐富內容，並附贈五個代表性的版面設計、中小企業的官方網站、流行服飾電子商務網站的範例檔。這是一本網頁設計師、網站製作人員絕對不能錯過的好書。

　　日本網站設計專家親授職場所需的網站製作關鍵技巧

　　★以單欄的彈性設計為基本
　　★要兼顧垂直顯示與水平顯示的設計
　　★必須考慮螢幕尺寸以及網頁的容量大小
　　★必須考慮資訊量、網頁長度、換頁的平衡
　　★利用HTML5以及CSS製作
　　★不可使用Flash

本書特色

　　★正確且有效率地建置智慧型手機網站
　　★徹底講解製作智慧型手機網站的必要知識
　　★使用具體的設計範例來教學並詳解程式碼
　　★說明智慧型手機網站的具體設計製作方法
　　★了解智慧型手機網站特有的畫面結構與版面編排
　　★分享程式設計實務經驗以及問題排除法
　　★收錄智慧型手機網站特殊規格製作法

本書製作的智慧型手機網站範例

　　★矩形導覽列
　　★垂直列表式導覽列
　　★繞圈式導覽列
　　★圖示版面
　　★區塊型版面
　　★企業官方網站
　　★電子商務網站
　　★電子商務網站(進階版)
　　（本書範例檔皆附於隨書光碟中）

作者簡介

林久純

　　hys design負責人／總監／設計師。

　　日本埼玉縣出生，中學時期接觸HTML／JavaScript之後，就對程式設計產生莫大的興趣。於埼玉縣立三鄉工業技術高等學校建置伺服器、學習各種程式語言之後，前往東京設計師學院就讀，畢業後進入Elephant Communication擔任設計師助理。之後創立hys design，廣泛承接各種前端設計以及UI設計的案件。2008年於法國舉辦的WIF(Webdesign International Festival)獲得最佳創意獎。

　　【URL】hisayoshihayashi.com/

今野昭彥

　　KACHIP公司代表董事／總監。

　　1975年9月14日出生，日本大學藝術系音樂學科畢業。在企劃製作手機網站的「Mobile Commerce」公司服務五年後，升任Content Planning部長，負責大型企業的網站開發、改版、運用以及業績提升諮詢，其負責的業務包含企業、設計、監製、存取分析。2010年7月創立智慧型手機網站程式製作公司「KACHIP」，主要以大型企業為服務對象，提供網站與程式的開發與監製。

　　【URL】www.kachip.jp/

Chapter 01　智慧型手機網站製作的基礎知識
01-1 何謂智慧型手機
01-2 智慧型手機網站的重要性與特徵
01-3 製作網站之前須先行確認的事項
01-4 終端設備的螢幕尺寸與解析度
01-5 檢驗環境的建立

Chapter 02　TML5 + CSS3 的基礎知識
02-1 HTML5的基本
02-2 HTML5的標記方式
02-3 分類與內容模組
02-4 CSS3的基本

Chapter 03　智慧型手機網站的製作流程
03-1 智慧型手機網站的製作流程

Chapter 04　各式各樣的版面
04-1 智慧型手機網站的基本版面
04-2 矩形導覽列
04-3 垂直列表式導覽列
04-4 對齊格線的圖示版面
04-5 使用照片佈局的區塊型版面
04-6 繞圈式導覽列

Chapter 05　企業官方網站的製作? ：網站整體設計與首頁的製作
05-1 企業官方網站的設計
05-2 製作頁首區塊
05-3 製作全域導覽列
05-4 主視覺的製作
05-5 製作主要內容
05-6 側欄內容的製作
05-7 頁腳的製作

Chapter 06　企業官方網站的製作? ：下層網頁的製作
06-1 下層網頁的設計思維
06-2 「最新消息」頁面的製作
06-3 「最新消息（詳細）」頁面的製作
06-4 「商品資訊」頁面的製作 .
06-5 「商品資訊（詳細）」頁面的製作
06-6 「公司概要」頁面的製作
06-7 「交通方式」頁面的製作
06-8 「徵才資訊」頁面的製作
06-9 「網站地圖」頁面的製作
06-10「聯絡我們」頁面的製作

Chapter 07　電子商務網站的製作?：網站整體設計與首頁的製作
07-1 電子商務網站的設計
07-2 頁首區塊的製作
07-3 主視覺的製作
07-4 製作側欄導覽列
07-5 「商品一覽」區塊的製作
07-6 頁腳區塊的製作

Chapter 08　電子商務網站的製作? ：下層網頁的製作
08-1 「分類」頁面的製作
08-2 「商品資訊」頁面的製作

Chapter 09　電子商務網站的製作? ：首頁設計進階版
09-1 使用照片區塊與Grid Icon的佈局
09-2 使用繞圈式的佈局

Chapter 10　最佳化網站的方法
10-1 將電話號碼設定為連結
10-2 設定主畫面圖示
10-3 指定啟動畫面（僅iOS適用）
10-4 全螢幕顯示模式下顯示網站（僅iOS適用）
10-5 橫向模式顯示時的文字大小調整
10-6 變更高亮標示的顏色
10-7 隱藏點選後顯示的對話框（僅iOS適用）
10-8 核取方塊與單選按鈕也可在Android手機裡放大
10-9 偵測User Agent以調節發送不同的頁面
10-10 提升網站效能的方法
10-11 支援回應式網頁設計

Chapter 11　疑難排除與好用的程式庫、外掛程式
11-1 疑難排除
11-2 好用的程式庫與外掛程式