Wlw blog撰寫技巧-keeptouchme-adam

1. keep “in” touch me 保持聯絡 工作室
亞當 連 / Adam Lien
E-mail: adamlien329@keeptouchme.com
Mobile: 0934285587
Blog: http://blog.keeptouchme.com

2. 本名: 連人玉 1982/03/29 生
興趣: 程式設計、當假宅男、玩水、放縱自己
專長: HTML、PHP、MySQL、CSS、JavaScript、
JQuery、C++、VB、VBA、PhoneGap、Cordova、
WordPress 、OpenCart程式設計

3. 經歷:
2005 海洋大學系統工程系(資訊組 畢) 畢業專題:坦克大戰( Windows 版本的 Angry Bird 遊戲)
2007 海洋大學系統工程所(振動噪音實驗室 畢) 畢業專題:多連通音箱聲場模擬既實驗分析
2007~2011 聲寶股份有限公司 研發中心 開發二部 高級工程師
2008~2010 第五大道、誰來晚餐 共同創辦人
2011~2011 NewZealand Working Holiday
2011~2014 新五台創媒 研發處處長
2014~2015 保持聯絡、電視大大 共同創辦人
自我形容：
一路一直跌倒，一直爬起來，不會就學，學會就貢獻，燃燒生命，讓草莓也有草莓的尊嚴．

4. BLOG = WEB + LOG = WEB 的一種
BLOG = WordPress.org=pixnet=無名小站=goole blog…..
BLOG 不等於 WordPress
CMS = 內容管理系統（Content Management System)
WordPress=CMS

5. 順眼 (版型 排版)
+
內容
+
功能 (特殊需求)

6. WLW = Windows Live Writer = 一種離線網頁編輯器
2006~2012年 7月
優點
可以一次編輯發布多個平台或是與多個線上CMS系統作為連
線 EX: Joomla WordPress WordPress.org pixnet 無名小站
yam天空

7. Response Design
響應式設計
自適應設計
2011年 開始被注意到
2014年 開始成為正式市場主流
能力越強，責任越大。 With great power comes
great responsibility. 蜘蛛人

8. LINK LINK

10. <p> xxxxxx </p>
<h1> xxxxxx </h1>
<h2> xxxxxx </h2>
<h3> xxxxxx </h3>
<h4> xxxxxx </h4>
<h5> xxxxxx </h5>

11. 層疊樣式表（英語：Cascading Style Sheets，簡寫CSS），又
稱串樣式清單、級聯樣式表、串接樣式表、層疊樣式表、階
層式樣式表，一種用來為結構化文件（如HTML文件或XML
應用）添加樣式（字型、間距和顏色等）的電腦語言，由
W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標
準。CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4
仍在開發過程中。

12. 範例1
範例2
範例3
範例4
http://www.cssplay.co.uk/menu/css3-animation.html#x
http://tympanus.net/Tutorials/AnimatedButtons/index6.html
更多範例
http://www.creativebloq.com/css3/animation-with-css3-712437

13. NEW YORK POST HTTP://NYPOST.COM
KATY PARRY HTTP://WWW.KATYPERRY.COM
EBAY INC HTTP://BLOG.EBAY.COM/
SONY PLAYSTATION HTTP://BLOG.US.PLAYSTATION.COM/
FACEBOOK HTTP://NEWSROOM.FB.COM/
CNN HTTP://EDITION.CNN.COM/
CBS HTTP://WWW.CBSSPORTS.COM/
MR.ORIN HTTP://WWW.CAFT-ONION.COM

14. Q&A