2014年12月15日

好感度No.1的網頁設計:RWD不出槌法則,網站在任何裝置都完美呈現

近期超夯的 RWD(自動調適或稱響應式)版型設計,隨著行動裝置越來越普及,RWD的網站應該會越來越多,這本是本不錯的RWD入門書,而本書的作者也是 YOGO 的朋友,推薦給想學習RWD的朋友。

好感度No.1的網頁設計:RWD不出槌法則,網站在任何裝置都完美呈現

內容簡介

RWD(Responsive Web Design)響應式設計,即網站會隨著載具的不同而產生不同的畫面。

手機上網不稀奇,看網頁還要拉…拉拉頁面?
拇指食指,放大縮小,網頁馬上現出原形?!
頁面下載還在等阿~等阿~望阿~望!
網頁常延遲,不該怪頻寬也不要認為網站掛了!
製作網站不僅僅是美觀與實用性兼具,更要能在各項載具(PC/MAC/平板/手機)上皆能無阻礙地暢遊造訪。
本書教你從使用者端來檢視如何設計出跨平台皆令瀏覽者滿意的網頁,從字級字體到頁面比例、版面編排,以及瀏覽、下載的適用性等,一一為你詳細剖析。並介紹小工具來替你的網頁檢測加評比,讓你晉升為Pro等級的網頁設計師!
良好的瀏覽及使用經驗,讓更多使用者願意多停留在你的頁面上。

 

作者介紹

Nowill Chang

Nowill 是若維的英文音譯,於社群起家。稟著要提供客戶最好的服務之念頭,多年來跨足了多項網站相關領域,舉凡架構師、設計師、企劃、PHP程式設計師、專案、社群、行銷、使用者研究、部落客等等,皆有3~5年不等的經驗,是少數對網站每個環節都有一定知識與實戰經驗的設計師,並曾協助數十位平面設計或學生族群跨入網頁設計相關領域,是個對網路充滿熱忱又足夠專注的專業設計師。目前除了繼續提供專業服務外,也認真在自己的Blog草監網路分享優質網站的分析與評論,創作屬於自己的網路世界。
目錄

Part1 RWD你必須知道的事
隨處可在的網站
.RWD的誕生與使命
.桌上型電腦與筆記型電腦的螢幕限制大解放
.網路速度的變化
.標準與瀏覽器地支援度
.表單樣式
.桌上型電腦與筆記型電腦與移動裝置的操作差異
Media Queries的運用
.Meta viewport、Media queries結構規則
.實際演練Meta viewport 與Media queries
排版上的選擇
.排版這件事
.固定寬度排版
.流動佈局排版
.彈性格式排版
.混合模式排版
.實際演練固定寬度排版
.實際演練流動佈局排版
字體的二三事
.Web fonts的使用
.Web fonts的字體資源與使用方式
.在RWD設計下使用Web fonts

Part2 RWD的設計與開發
什麼樣的網站適合RWD
.該從哪些因素評估起?
.專案經費估算
.網站架構大小
.網站資料量多寡
.圖片、音樂等數為媒材過多
.無法支援RWD的套件或元素
一般網頁設計流程與RWD設計流程差異
.一般網站專案設計流程
.RWD網站設計流程
一定會遇到的圖片問題
.到底圖片會有哪些問題
.讓圖片可以支援RWD的方法
RESS (Responsive Design + Server Side Components)
.到底RESS是什麼東西?
.User agent的取得方式
.Modernizr-server
目前常見的RWD Framework介紹
.使用RWD Framework的優缺點
.有Twitter支持的Bootstrap
.號稱最先進的Foundation
.由Yahoo打造的Pure
.使用Compass為基底的SUSY

Part3 RWD的使用者經驗與檢測
以使用者為中心的RWD
.桌機、平板與手機使用環境上的差異
.使用者經驗測試流程
.Persona建模的重要性
.實際的網站使用者經驗測試
.最容易出問題的按鈕與連結
RWD的檢測方式
.使用者的操作模式有哪些?
.手動縮放瀏覽器大小
.線上檢測平台
.RWF測試重點


相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010622130?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201412

上頁 下頁 Responsive Web Design 自動調適型網頁程式設計:讓網頁在電腦/平板/手機完美展現

近期超夯的 RWD(自動調適或稱響應式)版型設計,隨著行動裝置越來越普及,RWD的網站應該會越來越多,這本是本不錯的RWD入門書。

Responsive Web Design 自動調適型網頁程式設計:讓網頁在電腦/平板/手機完美展現

內容簡介

【讓你的網站迎上行動上網趨勢!】

由於智慧型手機、平板電腦的普及, 自動調適型網頁設計(Responsive Web Design, 簡稱 RWD) 的重要性急遽提升, 成為必學的技術。許多網站、部落格紛紛採用此方式, 打造可以依據使用者的裝置自動調整版面配置的站台。
本書將介紹自動調適型網頁設計的特色及設計要領, 並以完整的網站範例, 依頁首、導覽列、商品區、表單輸入、頁尾等區域, 具體說明設計時的思考模式和程式撰寫方法, 協助您奠定自動調適型網頁設計的基礎!
本書特色
●依不同裝置調整成最適合的顯示模式
‧打好 HTML5 + CSS3 基本功,用單一HTML 檔案實作可變版面
‧Media Queries、Fluid Grid、Fluid Image 關鍵技術解說
‧熟悉 RWD 網頁設計相關元素以及屬性設定
●自動調適型網頁設計的開發捷徑
‧開發流程、測試方法全面公開
‧教你挖出現有網站版面切換點的程式撰寫方法
‧蒐集豐富的 RWD 網站範例, 臨摹作法不用重頭做起
‧提供現成佈景主題素材、開發輔助工具
●全面解析!網站各區域的程式撰寫方法
‧逐一示範網站頁首、導覽列、商品一覽頁、輸入表單、頁尾的程式撰寫方法
‧對應各種解析度、OS、瀏覽器版本, 讓網站顯示最佳內容
●提供全書範例檔案下載,方便您修改、套用


相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010645148?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201412

PHP 程式設計(第三版)

這一本算是比較進階的PHP書籍,且歐萊禮出的書都有一定的口碑,推薦給想更進一步深造PHP程式的朋友。

PHP 程式設計(第三版)

內容簡介

建立動態網頁

「...PHP容易入門,幾乎可完成網頁開發的所有一切。你不需擁有資訊學位,也能建立重要且有意義的事物。你需要的是一本這樣的書籍,以及可互相詢問幫助的社群,只要再下苦功努力,就可依你的方式創造出嶄新的工具。」 —Michael Bourque, PTC副總裁, Boston PHP User Group核心幹部
本書詳細介紹PHP 5.x的最新功能,涵蓋使用PHP開發高效能網路應用程式必備的所有相關知識。循序漸進引領讀者先了解全貌,進而探究語法、編程技巧以及其他相關細節,並透過範例說明正確的語法和習慣用法。
如果你已熟悉HTML,本書作者群所提供的設計技巧和開發實務建議,將會幫助你成為頂尖的PHP程式設計師。
■了解PHP的能力範圍
■學習PHP的基礎,包括資料型別、變數、運算子及流程控制
■了解函式、字串、陣列及物件
■使用常見的網路應用程式技巧,比如表單處理、資料驗證、session追蹤及cookie
■與關聯式資料庫(如MySQL)或NoSQL資料庫(如MongoDB)互動
■產生動畫、建立PDF檔及XML檔案解析
■學習安全的script寫法、處理錯誤,還有其他進階主題
■PHP核心函式和標準函式庫的快速指南

 
目錄

chapter 01 PHP 簡介
chapter 02 PHP 基礎
chapter 03 函式
chapter 04 字串
chapter 05 陣列
chapter 06 物件
chapter 07 網頁技術
chapter 08 資料庫
chapter 09 圖
chapter 10 PDF
chapter 11 XML
chapter 12 網路安全
chapter 13 應用技術
chapter 14 PHP 在不同平台的使用
chapter 15 網路服務
chapter 16 PHP 除錯
chapter 17 日期與時間
appendix 函式參考
索引

相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010630829?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201412

專家教你用PHP建構一個全能的網站:SEO + CSS + MySQL + AJAX

YOGO個人認為很適合初學者看的入門書,寫的很好!!

專家教你用PHP建構一個全能的網站:SEO + CSS + MySQL + AJAX

內容簡介

程式語法介面模組 Design + Coding
輕鬆設計出多視覺變化的PHP + AJAX專業網站

『HTML』『CSS』『JS(JavaScript)』『AJAX』這四項技巧,是建構一個符合目前潮流與趨勢視覺、互動化網站所必備的四大元素,配合『PHP』以及『MySQL』可讓所設計出來的網站整體視覺,擁有更多的效益以及符合企業主實際的功能需求,若再加上『SEO』的操作技巧,將使完成的『動態網站』順利呈現在Google及Yahoo的搜尋頁面,成功達到『有效點擊』的最終行銷目的。
本書從『角色伴演』開始,將企業主所期望的網站功能,從網頁排版開始,透過CMS後台管理系統的介面設計,逐一到動態網站完成後,提交給Google及Yahoo搶佔有效的點擊頁次。每章均可透過光碟的『Design Module(設計模組)』案例,進行實作演練,章末亦附有內容原始碼壓縮檔下載路徑,程式碼再也不需慢慢的Coding,只要透過『Design Module(設計模組)』的網頁介面,利用複製、貼上、存檔等簡單的動作,即可輕鬆成為全能的PHP網頁設計師。


本書特色

‧從零開始規劃案例實作,學會網頁Layout的排版設計。
‧提供Design Module(設計模組)的案例原始碼,節省Coding的過程時間。
‧結合MySQL資料庫模組介面,快速掌握資料庫結構。
‧介紹CMS後台管理系統規劃,快速開發系統功能需求。
‧了解SEO配置及操作技巧,搶佔搜尋引擎的有效點擊頁次。
‧提供範例原始碼下載,隨裝即用輕鬆學會設計與行銷。

 
目錄

第01章:把工作電腦安裝網頁伺服器軟體
1-1 如何讓PHP與MySQL動起來
1-2 安裝Appserv開始當起全能網頁設計師
1-3 把教學模組變成隨取即用

第02章:HTML + CSS開始設計一個Layout
2-1 HTML基本架構
2-2 讓網頁更容易操控的CSS
2-3 用HTML及CSS開始設計一個Layout

第03章:讓網頁更加活潑的JS
3-1 讓網頁產生判斷能力的JS
3-2 用JS把網頁連結圖片變的更有風格
3-3 用JS讓按鈕列產生判斷能力
3-4 用JS讓按鈕列也有下拉式選單

第04章:網頁功能的主導者PHP
4-1 認識PHP基本語法
4-2 讓PHP認識變數中的數值與字串
4-3 讓PHP產生判斷能力以及繞圈圈
4-4 PHP常用函數大集合
4-5 把網頁拆開再用PHP組合起來讓開發更方便
第05章:網頁資料收集大使Form表單
5-1 表單的用途及基本結構
5-2 認識常用的表單型態
5-3 透過CSS樣式及JS讓表單更美化
5-4 用JS製作一個欄位檢測器讓表單變聰明

第06章:網頁內容的主導者MySQL資料庫
6-1 認識MySQL資料庫
6-2 建立MySQL資料庫前的規劃
6-3 用PHP建立一個MySQL資料庫
6-4 製作一個CMS後台管理系統
6-5 讓MySQL資料庫設計模組簡化設計流程

第07章:資料庫的四大天王新增、瀏覽、修改、刪除與表單結合在一起
7-1 利用CMS後台後台管理系統新增產品類別
7-2 列出資料錄的瀏覽功能
7-3 讓瀏覽也有上一下、下一頁的功能
7-4 即時更新資訊的修改功能
7-5 將不需要的資料錄從資料表中刪除
7-6 替刪除功能加上詢問視窗

第08章:圖型函數與多圖上傳器
8-1 把檔案上傳到伺服器
8-2 把上傳的圖片重新調整成正方型
8-3 把上傳的圖片重新調整尺寸大小
8-4 替圖片加上浮水印
8-5 幫表單加上圖型處理程式
8-6 多圖上傳器讓使用者一次傳個夠

第09章:AJAX初體驗與豐富網頁內容的CKEditor
9-1 什麼是AJAX
9-2 AJAX與下拉式選單的結合
9-3 什麼是CKEditor
9-4 把CKEditor加到後台管理系統裡
9-5 多圖上傳器與CKEditor結合在一起
9-6 讓登入頁面也有AJAX的動態效果

第10章:開始讓網頁開始動起來
10-1 把CMS後台管理系統的資料呈現到網頁
10-2 固定筆數瀏覽模組呈現首頁版身內容
10-3 大迴圈中的小迴圈列出選單主、次類別
10-4 讓網頁也能自動分頁的分頁瀏覽模組
10-5 AJAX出現在站內搜尋功能中
10-6 將SEO優化原則加入單一產品介紹頁

第11章:替網頁加上產品諮詢及會員功能
11-1 用AJAX建立產品問答表單
11-2 後台管理系統與產品諮詢管理
11-3 建立會員專屬頁面
11-4 讓AJAX即時判斷欄位資料
11-5 讓產品諮詢必需會員才能提問

第12章:讓網頁擁有寄發電子郵件的能力
12-1 製作連絡我們網頁
12-2 利用PHPMailer把電子郵件寄出去

第13章:程式碼的操控把SEO加進來讓網頁更優化
13-1 SEO對網頁有什麼好處
13-2 利用系統參數把SEO加進來
13-3 利用後台管理設定替每個頁面加上SEO

第14章:增加網站被Google及Yahoo收錄的機會
14-1 Sitemap.xml網站地圖
14-2 把網站加入到Google裡
14-3 把網站加入到Yahoo裡

 

相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010657138?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201412

聖誕跑趴歡樂降★韓版假兩件針織連衣裙$890,新款顯瘦棒球服連帽風衣外套下殺$510,冬新款歐美棉襖棉服連帽短款外套限量↘$530,秋冬新款韓版大碼毛領氣質毛料外套↘$680,快上左耳貓網路購物

您好!如圖太小看不清楚,請 點選此處 看詳細內容 左耳貓蝦皮賣場 https://shopee.tw/hrf5168 左耳貓 露天賣場 http://class.ruten.com.tw/user/index00.php?s=starbox 左耳貓粉...