|
|
作者簡介
林久純
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 好用的程式庫與外掛程式
