2011年10月16日 星期日

玉山青年學社青年志工研習營社群經理必修的十堂課花絮

這個活動,是臨時聯繫找我救火授課來著,雖然之前跟主辦單位沒有認識,但我覺得他們舉辦的宗旨與理念很棒,碰巧邀課的那天下午我確實有空檔,所以我就答應前往囉!舉辦的地點嘿嘿可是很特殊(賣個關子在後面揭曉),這也是一篇之前早就該發的花絮,延到目前才發…
那天確切參加的人數我忘記了,不過至少有超過70人吧!算是出席很踴躍,課程大綱可參考玉山青年學社-第四期青年志工研習營-社群經理必修的十堂課。
4_thumb

參加的成員都是以18-35歲青年朋友為主,還好我是講師,不然光年齡這點就不符合了,唉!突然覺得自己老啦~!真是羨慕年輕朋友有活力…
5_thumb

我主要負責的是負責裡面「創意秘笈-啟發網誌靈感的泉源」這個單元1.5小時課程,不過因為時數短,其實比較類似演講,其實還有很多準備的內容沒講到說!他們整個課程是兩天。
6_thumb

這是我課堂上的投影片,我為了活絡氣氛,最後問答時有準備兩本自己的新書著作當獎品,果然有贈品當動力,舉手就粉踴躍!
7_thumb

比較意外的是,還有頒給我感謝狀耶!真是不好意思,這麼短的時間其實我覺得沒有分享到啥說! ^_^|||
8_thumb

這次的地點在在哪裡呢?登!登!登!登!居然是在立法院(台北市中正區中山南路1號)的紅樓201會議室,生平第一次進到立法院的區域,沒想到是因為這個機會(也算是一個新鮮的經驗),下圖是立法院的當天臨時通行證,立法院裡面區域不小,還有餐廳等店家自組成一個小型社區,聽說很多立委在會議期間,生活圈都在這裡。
9_thumb2

連用的紙杯都有印立法院耶!下圖是課程結束後,主辦單位邀我一起晚餐,是我很喜歡吃的披薩耶!
1_thumb1

晚間用餐時間,有放電影欣賞,也是跟本次課程主題有相關的主題。
2_thumb


台科大推廣教育中心網頁設計輕鬆上手全攻略班花絮

這班是2011.8晚間開始的,課程細節可以參考網頁設計輕鬆上手全攻略班,不過由於沒料到中心的數位相機被其他人洽公攜出,所以沒辦法拍照片(哇~!沒辦法玩剪刀時頭部的拍照姿勢啦!)。

不過還是簡陋用我手機拍照功能,簡單拍兩張應景一下好了~!
1

以後應該要考慮課程一開始先拍全體照才對,最後一堂課大家心態上難免會比較鬆懈慢來,或是有缺課情形!
2

既然沒啥照片可以分享花絮,就補貼幾張除了書本之外的範例上來吧!

下圖為在Fireworks裡切版的畫面。
3
切完版後經由Dreamweaver的網頁編排設計,規劃div加上CSS的版面架構與選單,以及置入內容編修,還可以搭配Fireworks對圖片編輯呦!CSS語法與觀念雖然一開始學習較為不容易,但一旦學習會,威力可是很巨大的呦!搭配動態網站範本等技術,維護多頁數的大型網站不再是難事囉!
4
使用Fireworks進行選單圖片繪製,第一個按鈕繪製完成與滑鼠移上等效果完成後,就可以很容易產生相同樣式的其他組選項,這是很迅速犀利的功能喔!
5

使用Fireworks製作閃光Gif動畫。
fontok

這是我出版的書籍廣告Banner,使用Fireworks可以很輕鬆製作出這樣的Gif動畫效果,很多人不知道Fireworks這個好用的軟體,實在太可惜啦!
booka   bookb
這個課程最後的重點是如何設計可通過W3C驗證標準之XHTML與CSS網頁訣竅,以及使用Spry效果及組件、製作使用XML可更新的網頁等較為進階的運用內容,並以申請虛擬主機,上傳網頁到網站空間為最後的完整流程,希望學員們學習完成能在工作上有實務的運用,像是課程中我記得有兩位學員有問到在他們工作上,遇到一些網頁設計的問題,課堂上的內容應該有解決遇到的疑惑了,真是讓我感到很高興,課程內容真有幫助到學員!


台科大推廣教育中心平面設計達人養成班花絮

這是2011.8在台科大開設的平面設計達人養成班課程花絮,按照慣例也在此記錄一下囉!
上課情況,一樣是使用廣播系統展示一次之後,再使用投影幾可讓學員跟著同步練習。
1_thumb5

順便打一下的我部落格廣告啦!
2_thumb1

課程裡有使用書本內的範例,但以貼幾個書本之外的範例。

繪圖裡面常需要使用到,但一般人初接觸時較不會使用的貝茲曲線,我是使用鋼筆工具繪製杯子的方式,讓學員較為容易理解與練習。
8_thumb3

下圖是使用9個圓加上U型半圓線條,就可以很輕易達成有點夢幻自然的螺旋散圓的效果。
9_thumb1

底下的商標繪製過程裡,可以學習到很多基礎但重要的觀念記技巧。
11_thumb1

各式各樣的字型特效。
12_thumb

名片設計的部分,我拿自己公司的名片設計為範例,這個課程的一個重點,是解釋dpi解析度、CMYK以及各種合板印刷上要注意的實務經驗分享,才不會去送印時容易遇到一堆狀況。
13_thumb1

一些簡易的3D效果練習。
14_thumb1

花朵效果的產生,由上面的放射網格工具,透過扭曲與變形工具,可以很快的產傳神的玫瑰、杜鵑、波斯菊等花朵效果。
15_thumb

這班較悲情的一點是,中間有一次課遇到颱風所延放假延期,但結果卻導致有些學員可能因此有理由洩氣了,原本有些學員請假的,結果到後面課程居然竟然沒來了,Orz …

最後一堂課來的學員雖然少,但還是拍一下照留念吧!首先是正常乖乖版。
3_thumb1

剪刀!
4_thumb1

石頭。
5_thumb1

布!
6_thumb1

鬼臉!
7_thumb1

有些長輩學員可能會不好意思受不了吧~!不過拍照就是要有點其他動作比較有趣咩~!


2011年10月15日 星期六

台科大推廣教育中心Photoshop基礎應用班花絮

這篇其實早就該發,只是一直沒有時間整理上來,這是2011.7開始在台科大的Photoshop基礎應用班,以下為最後一天上課時拍攝的照片花絮。
紙本的問卷調查與教學廣播螢幕的畫面。
1

上課狀況,採用投影機與螢幕廣播兩種方式教學。
2 

學員們都很認真喲!還有一位同學之後還有幾次mail跟我聯絡,詢問問題與其他推薦書籍。
3

咦!我在指啥咧~?自己都忘記了!
4


課程裡有用到書上許多範例,但底下我貼幾個書本之外的範例。

A4 DM設計,人物去背、圖形特效運用、文字特效、整合Illustrator等。
10 

Gif動畫。
banner3
形象頁,切圖、Gif動畫、滑鼠互動效果。
11

次頁,切版、Gif動畫、滑鼠互動效果、Iframe。
12

這班名稱因為是有「應用」這兩個字,所以其實講了不少Photoshop在平面設計上與Illustrator整合,以及Photoshop在網頁設計上製作Gif動畫與Dreamweaver整合運用的觀念技巧。

這是在示範動作時,被偷拍的…
6

以下為動作三連拍。


擺剪刀勝利姿勢。
7

擺石頭姿勢,我還加了鬼臉。
8

擺布的姿勢。
9

希望學員們未來學習都順利與開心啦!


2011年10月10日 星期一

台灣科技大學推廣教育中心-InDesign數位排版班

InDesign是數位排版的首選軟體,無論是要進行書籍等長文件編輯,或是製作電子書,都能透過內建的創意工具與排版的精確控制,設計出動人的印刷或數位發行版面。

課程教學大綱:
  1. 排版軟體與印刷概觀、InDesign基本操作介面與工作環境介紹、加入文字、使用樣式與圖形、使用物件、檔案格式適用時機
  2. 尺規與參考線、各類框繪製、路徑管理員
  3. 建立與儲存自訂頁面、使用主版套用至文件、新增章節與頁碼編排
  4. 使用圖層、建立編輯文字與圖像框、變形與對齊物件、群組
  5. 手動排文、自動排文、自動建立串連文字框、內文編輯器、頁面文轉註釋、輸入與讀入文字、追蹤修訂、調整間距與欄位、更改段落對齊
  6. 建立與套用顏色、使用漸層、建立表格、長文件編輯與目錄、輸出與轉存

上課資訊:
  • 起迄時間:2011/10/18-2011/11/22
  • 上課時數:18小時
  • 上課時段:每週二晚上18:45~21:45
  • 報名費:NT$200
  • 學費:NT$3,600
  • 上課地點:台北市大安區基隆路四段43號台科大教室
詳細課程內容與線上報名&洽詢,請至台灣科技大學推廣教育中心課程網頁:http://cec.ntust.edu.tw/CourseInfo.aspx?id=1175


2011年9月18日 星期日

「網路免費資源行銷術-部落格+Facebook+微網誌超Easy」書中資料勘誤與更新補充懶人包

網路資訊的變遷很迅速,雖然「網路免費資源行銷術-部落格+Facebook+微網誌超Easy」這本書還算新書,但部分內容已經需要做些變更調整,身為一位沒良心有良心的作者,在此彙整開一篇本書的懶人包勘誤與補充如下,不定期更新…
  1. P.1-3頁的http://who.is網址,若有遇到連線緩慢與查詢資料有問題,建議可以改用https://www.webnic.cc/cgi/whois_captcha.cgi?lang=tw
  2. P.4-1頁的Yahoo!奇摩免費網站推薦登錄與付費優先登錄,目前均已經取消此服務,Yahoo!官方已經正式公告使用微軟bing搜尋技術,對於SEO優化操作也將會有重大的影響,可參考這篇「Yahoo SEO自然搜尋排名重大變更,Bing搜尋重要性大增!」。
  3. P.4-1頁的搜尋引擎基本登錄之前或登錄後一段時間,若想要知道自己網站究竟有無被搜尋引擎收錄,可以參考這篇得知有無被搜尋引擎登錄索引記錄的語法。
  4. P.4-5頁的評估關鍵字熱門程度,也可以多參考Yahoo!奇摩搜尋榜來得知最近熱門被搜尋的關鍵字。
  5. P.4-26頁若還想要了解SEO的精義,可以觀看這篇文章SEO之歌,用一首歌內的歌詞,淺顯易懂的說明的SEO優化的大方向。
  6. P.4-47頁智邦網摘MyShare網址已失效。
  7. P.5-19~5-21頁裡的「固定FBML」內容已經無法使用,請改用這篇「在Facebook粉絲專頁中設計歡迎頁的功能 」裡的IFRAME APP功能來取代。
  8. P.5-39頁裡twitter的「Find People」選項,改放在新的主選項「Who to follow」裡面。
    3
  9. facebook的粉絲專頁,目前新功能為可以選擇「以專頁的身分登入」
    1

    以往用個人身分登入粉絲專頁時,常會沒有注意到網友對以前文章的回應留言(因為管理者自己也很難去留意以前就問是否有人回應),造成對一些粉絲的服務疏失,但若選擇「以專頁的身分登入」後,即使粉絲是針對您很久以前的訊息回應,您也可以在「訊息」裡面看到,比較不會漏掉!
    2
  10. P.3-52到P.3-54頁裡,藍新科技ezpay金流服務網址變更如下紅字:
    已經由舊網址:https://mpp.neweb.com.tw/ezCashSimple/pay.jsp?merchantnumber=您的商家編號
    更換成新網址:https://aquarius.neweb.com.tw/CashSystemFrontEnd/ezpay/ezpayshop.jsp?merchantnumber=您的商家編號
  11. Google Blogger後台管理介面,已經有推出新版操作介面,但您仍可點選上方「切換回舊介面」,即可按本書內容操作練習。
    a1 
    其實新版介面,除了介面走清爽簡單風格之外,一些選項位置也有做調整,但大致上功能與操作觀念仍是與舊版一樣的,若您使用舊版介面後,仍想要切換到新介面,可以點選「試用更新的Blogger介面」。
    a2
  12. 第五章中,5.2.3小節介紹的twitter已推出繁體中文版介面,請參考這篇「twitter推出繁體中文版介面囉~!」。      

本書內容錯字勘誤表:

章節頁數 原來的內容 建議修改的內容(紅字為校正)
1-10 表格-賣方4P下方
產(Product)
產品(Product)
2-5 第一行
http://www.blog-ger.com
http://www.blogger.com
2-11 最後一行
請在如右圖網頁裡,
請在如下圖網頁裡,
2-13 第三張圖左側文字第一行
http://google.com/sup-port/
http://google.com/support/
3-33 第四張圖左側文字第四行
http://stat-counter.com/register.php
http://statcounter.com/register.php
3-34 第一行
可以登入StacCounter
可以登入StatCounter
3-52 第一段最後一行
35元~30,000元的之間
35元~30,000元之間
3-72 第二段第二行
「確定」
「送出」
3-78 3.5.3小節,第一段第四行
同時它也能提供提供統計訂閱
同時它也能提供統計訂閱
4-5 01.下方第一行文字
http://tw.emarke-ting.yahoo.com/ysm/guide/index101.html
http://tw.emarketing.yahoo.com/ysm/guide/index101.html
4-33 第二段第一行
http://www.goin-gup.com/
http://www.goingup.com/
4-36 第三段第三行
先存檔(儲成成草稿不會有作用)
先存檔(儲存成草稿不會有作用)
4-37 第三行第五段
文章檔名為有意義的的英文
文章檔名為有意義的英文
5-23 第一段第二行
http://www.face-book.com/apps
http://www.facebook.com/apps


若您仍有發現本書有任何錯字、錯誤,或者介紹的某網路功能已經停止服務或有重大更新,歡迎您聯絡告知我!


2011年9月16日 星期五

twitter推出繁體中文版介面囉~!

之前我在2011年3月份寫「網路免費資源行銷術-部落格+Facebook+微網誌超Easy」這本書時,有提到twitter方面有訊息說會推出繁體中文版,但一直以來都仍處於「只聞樓梯響」的階段,現在twitter終於推出繁體中文版的介面囉!介面中文化應該會有助於twitter在華人地區市佔率上的提升,看來Facebook、Google+、Twitter、Plurk等網路服務,接下來又將進入更激烈的競爭纏鬥了,雖然維護更新管理上需要花費更多心力,但以網路行銷層面來說,應該很樂見各種網路宣傳管道的蓬勃發展,大家對於twitter的經營也要更加以重視囉!

而原本twitter的介面,要如何改成繁體中文介面呢?可以在登入您的twitter後,在右上角選擇「Settings」。
1

在「Account」標籤的「Language」裡,選擇「Traditional Chinese - 繁體中文」。
2

按下「Save」鈕,匯出現在次請您輸入密碼的視窗,輸入密碼後再後按下「Save changes」鈕,就可以完成設定囉!
3

後台中文介面下圖所示。
4

前台變更為中文介面如下圖所示,雖然網路上有人認為翻譯的中文用詞有些非台灣慣用語,不過畢竟看到中文介面還是會感到更親切啦!相信twitter推出中文版在地化後,在台灣市場應該能有更為快速的成長,也值得大家後續密切關注其發展。
5

也歡迎大家加入我的twitter啦!


2011年9月13日 星期二

Yahoo SEO自然搜尋排名重大變更,Bing搜尋重要性大增!

之前傳聞許久的Yahoo搜尋要全面採用微軟Bing的搜尋技術,目前終於看到Yahoo官方正式公告了,詳情可見 http://tw.emarketing.yahoo.com/ysm/11_news_detail.php?news=88 ,這也就表示,之後在Yahoo上的搜尋技術,將以Bing的搜尋演算技術為主,這對於SEO技術與市場上來說,是個很大的變革。


尤其是Yahoo對台灣網路搜尋引擎市場的高市佔率,可以說是影響台灣大部分企業在網路上的曝光與行銷,所以對於在Bing上的自然搜尋排名,也就更值得大家多關注與持續研究(以往Bing搜尋上的排名可能大家比較少重視)。
Yahoo官方正式公告的原文如下:



【公告】自然搜尋移轉通知
發佈日期:2011-09-07
親愛的客戶,Yahoo!奇摩將於9月15日進行自然搜尋移轉,以下事項敬請注意:

1. 不影響客戶的關鍵字廣告排序

2. 移轉後自然搜尋結果(關鍵字廣告下方)與排序邏輯、運算法則由微軟Bing提供。

欲了解微軟Bing的搜尋引擎相關資訊請上 http://www.bing.com/toolbox/webmasters/



Yahoo奇摩與微軟搜尋聯盟熱門問題:http://tw.help.cc.yahoo.com/help_cp.html?product=40



2011年9月1日 星期四

台北護理健康大學推廣教育中心-網頁設計基礎班

本課程將帶領您,學會Dreamweaver與Fireworks這兩套軟體基礎設計與整合運用(採用軟體為CS5新版),課程中規劃了讓學員專題製作與輔導的時間,期望學習完本課程的學員,除了能夠自行設計自己的公司或個人網頁之外,能學習導入業界的實務設計經驗與軟體整合運用,並申請網頁空間,將成品上傳到網路上供網友瀏覽,擁有到相關行業任職或兼職接案之技能。

課程教學大綱:
  1. HTML與XHTML觀念與初探、簡易色彩學觀念與網頁設計軟體的認識
  2. Dreamweaver基本環境操作、網站管理、路徑與網頁編碼觀念、目錄與檔案的命名
  3. 網頁基礎圖文編排、認識網頁的圖檔格式、表格網頁佈局編輯、超連結的各類運用
  4. Fireworks基本環境操作、簡易影像處理、Banner繪製、決定專題製作主題
  5. 選單圖形繪製、Gif實體補間動畫製作、版型繪製與切割網站版型
  6. 使用動態網站範本、Dreamweaver與Fireworks整合運用、專題資料蒐集
  7. 專題實作與個別指導
  8. 申請免費的網站空間、檔案上下傳、各類網站狀況報表、作品觀摩與建議

上課資訊:

起迄時間:2011.10.23~2011.12.11 (8週)
上課時數:24小時
上課時段:每週日上午9:30~12:30
費用:NT$3,000
上課地點:台北市北投區明德路365號
詳細課程內容與線上報名&洽詢,請至台北護理健康大學推廣教育中心課程網頁:http://extensionedu.ntunhs.edu.tw/files/14-1007-6430,r433-1.php


Related Posts Plugin for WordPress, Blogger...

訂閱RSS