發表文章

目前顯示的是 2014的文章

好感度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
排版上的選擇
.排版這件事
.固定寬度排版���…

上頁 下頁 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 函式參考
索引相關網址:�����…

專家教你用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把網頁連結圖片變…

[屋的魔法師。用心為您打造心中的理想家]35年舊屋翻新實例

圖片
在物價、房價雙漲的現下,舊屋翻新、重新整修是不少屋主考慮的選項。選擇舊屋翻新的主要原因,不外乎有兩種:

1.自有住宅舊屋翻新、重新整修:

隨著國人生活水平的提升,對於住家居住品質、舒適與便利的要求也相對提升,此時透過舊屋翻新設計,呈現截然不同的新生活體驗。2.新購舊屋翻新、重新整修:
中古屋的漲幅較低、又比同地段新屋的價格便宜,因此不少人考慮購買中古屋,透過舊屋翻新、重新整修,整修後的居住品質又可與新屋比擬,購屋省下來的錢,還能做舊屋翻新的基金,負擔相對減輕許多,是房價高漲下不錯的選擇。

優購空間設計在舊屋翻新,重新整修的設計案中,首重房屋格局的重整,在動線及空間配置上符合使用機能順暢及收納功能滿足,在舊屋的裝修工程中,水電管線及結構安全更是首要重視的部份,在裝潢預算上的考量,事前的規劃設計及預算分配需要嚴謹的規劃,以避免預算無法掌控預算追加等困擾。優購空間設計提供「免費估價服務」,以符合屋主需求為裝修最高原則,將裝修成本控制於預算下,讓業主能輕鬆擁有一個屬於自己夢想的家。

舊屋翻新、重新整修重點:
1.整體動線、格局的重新規劃。
2.符合空間使用機能及收納功能。
3.水電系統及結構安全的重視及全面更新。
4.裝修預算的分配及裝潢成本控制。
以下為優購空間設計「舊屋翻新實例」,看優購空間設計如何變身為屋的魔法師,化腐朽為神奇,讓舊屋也有春天,換上煥然一新的新樣貌。
舊屋翻新實例此次優購空間設計施工團隊要施作的物件,是一棟有35年屋齡的舊屋,由圖片中可看出除主結構還十分強固外,整體外觀與電線與管路都已經十分老舊。


圖片中可看出優購空間設計施工團隊正在進行內部管線全面拆除作業。

圖片中優購空間設計施工團隊正在拆除老舊牆面與安裝全新電線及管路配置。


圖片中優購空間設計施工團隊正在丈量全新的電線與管路配置位置。

圖片中優購空間設計施工團隊正在埋設全新的電線與管線路。

圖片中為優購空間設計施工團隊所安裝的全新電線及管路。

圖片中優購空間設計施工團隊正在埋設全新的電線及管路設計。


圖片中優購空間設計施工團隊正在埋設全新的電線與管路。

圖片中優購空間設計施工團對正在拆除老舊牆面,好符合後續新的房屋格局規劃施工。

圖片中優購空間設計施工團拆除老舊牆面及重新配置電線與管路圖。

由圖中可看出…