wlw blog 撰寫技巧

keep “in” touch me 保持聯絡 工作室亞當 連 / Adam Lien

E-mail: adamlien329@keeptouchme.com

Mobile: 0934285587

Blog: http://blog.keeptouchme.com

6步驟wlw輕鬆寫出圖片會自動符合螢幕大小的文章

關於 亞當 連

本名 : 連人玉 1982/03/29 生興趣 : 程式設計、當假宅男、玩水、放縱自己

專長 : HTML 、 PHP 、 MySQL 、 CSS 、 JavaScript 、 JQuery 、C+

+ 、 VB 、 VBA 、 PhoneGap 、 Cordova 、 WordPress 、 OpenCart 程式設計

關於 亞當 連

經歷 :

2005 海洋大學系統工程系 ( 資訊組 畢 ) 畢業專題 : 坦克大戰 ( Windows 版本的 Angry Bird 遊戲 )

2007 海洋大學系統工程所 ( 振動噪音實驗室 畢 ) 畢業專題 : 多連通音箱聲場模擬既實驗分析2007~2011 聲寶股份有限公司 研發中心 開發二部 高級工程師

2008~2010 第五大道、誰來晚餐　共同創辦人2011~2011 NewZealand Working Holiday

2011~2014 新五台創媒 研發處處長2014~2015 保持聯絡、電視大大 共同創辦人

自我形容：一路一直跌倒，一直爬起來，不會就學，學會就貢獻，燃燒生命，讓草莓也有草莓的尊嚴．

BLOG?? WEB??

BLOG = WEB + LOG = WEB 的一種BLOG = WordPress.org=pixnet= 無名小站 =goole blog…..

BLOG 不等於 WordPress

CMS = 內容管理系統（ Content Management System)

WordPress=CMS

好的網站 ?? 好的 BLOG??

順眼 ( 版型 排版 )

+

內容 +

功能 ( 特殊需求 )

WLW ??? lol ???

WLW = Windows Live Writer = 一種離線網頁編輯器2006~2012 年 7 月

優點 可以一次編輯發布多個平台或是與多個線上 CMS 系統作為連

線 EX: Joomla WordPress WordPress.org pixnet 無名小站 yam 天空

什麼是自動符合螢幕大小 ?

Response Design

響應式設計自適應設計

2011 年 開始被注意到2014 年 開始成為正式市場主流

能力越強，責任越大。 With great power comes great responsibility.  蜘蛛人

男生看左邊 女生看右邊

LINK LINK

開始實作吧

<p> ?? <h1>?? <h2>??

<p> xxxxxx </p>

<h1> xxxxxx </h1>

<h2> xxxxxx </h2>

<h3> xxxxxx </h3>

<h4> xxxxxx </h4>

<h5> xxxxxx </h5>

CSS ??

層疊樣式表（英語： Cascading Style Sheets ，簡寫 CSS ），又稱串樣式清單、級聯樣式表、串接樣式表、層疊樣式表、階層式樣式表，一種用來為結構化文件（如 HTML文件或

XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由 W3C定義和維護。目前最新版本是 CSS2.1，為 W3C 的推

薦標準。 CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發過程中。

CSS 還可以做些什麼 ?

範例 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

WordPress Not Only WordPress

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

Thanks

Q&A