2010年2月15日 星期一

如何使用Blogger官方版的繼續閱讀功能

Google Blogger雖然修改的彈性大,但比較常被初學者抱怨的,反而是缺乏有些基本常用的功能,有些部分即使連進階使用者要修改也會稍嫌麻煩與受到限制,例如最常被抱怨的前幾名裡,應該就有在其他部落格系統預設會有的文章清單「繼續閱讀」的功能(因為Blogger本身系統內原本就沒有可以另行輸入前文導言之類的欄位設計),不過目前官方系統裡已經有內建了繼續閱讀這項功能可用了,真是一項遲來的福音…

以往在Google Blogger開立後要自行尋找外掛程式來修補這個缺點,但無論您找到那些高手那一版寫的繼續閱讀的外掛功能,其實原理幾乎不外乎是把不要顯示在文章清單裡的內容用Javascript加上CSS與HTML隱藏起來,但實際上這樣的做法都會有一項先天上的缺點,就是一般瀏覽者在瀏覽Google Blogger前台頁面時,仍是需要先把該頁清單內的所有文章內的文字與圖片載入,等到讀入後再去縮減隱藏其他不必要顯示的圖文,這樣子除了在瀏覽顯示時容易因為圖檔較大會頓一下不美觀之外,若圖檔多嚴重時可能會整個拖慢頁面讀取效率,對於SEO來說也是不利的,這些問題也只有使用官方的繼續閱讀從系統層面才能有效解決,這個改善應該是在Blogger推出新版文章編輯器時就已經有的,只是過了好幾個月筆者才注意到就是了(Google Blogger近來持續推出了不少新功能)...

要使用官方版的繼續約讀功能,建議到Blogger後台的「設定」/「基本」裡,將文章編輯器改為新版。s1

在您想要做繼續閱讀斷行的地方,按下「插入jump/break指令」按鈕。
s2

在文章編輯器內就會多出一個類似水平線的圖示,這就表示Blogger系統在前台清單頁顯示文章時,會把本篇文章此分隔水平線符號以下的內容直接不載入,由官方系統層面來處理自然前台就不會用讀取這些不必要顯示的內容,也就不會造成前台頁面載入時的緩慢與不必要的頻寬浪費,這是其他類似外掛功能所做不到的。
s3

其實您在後台新文章編輯器裡按下「插入jump/break指令」按鈕,如果您切換到HTML模式去看,就是多產了一個s4這樣的語法註記,所以若是您沒有使用舊版的文章編輯器或甚至使用其他的網頁編輯器來撰寫部落格內文時,可以手動鍵入這樣的HTML註解標籤,一樣可以達成官方版繼續閱讀的功能,但提醒您要注意的是有些網頁編輯器或其他的部落格文章編輯器,由於不認得s4這樣的語法註記,有可能會誤認或者是將此語法轉換成超連結語法(例如筆者使用WindowsLiveWriter連上Google Blogger寫文章就會發生這樣的情形),所以建議若使用其他編輯器的使用者,在撰寫完部落格文章最後時再使用Google Blogger後台的文章編輯器設定「插入jump/break指令」為宜,雖然是稍微麻煩了一點,但還是要提醒您要稍加留意就是囉~!

若是您想要修改前台原本系統預設的「閱讀更多 » 」這樣的文字,可以到Blogger後台的「版面配置」/「網頁元素」裡(非傳統範本模式才有這個選項),在「網誌文章」的區域點選「編輯」連結,可以看到「張貼頁面連結顯示文字:」的項目,將此欄位裡面文字做變更修改即可。
s5

還需注意的是,若您的部落格美編版面不是使用Blogger系統原本提供的範本,而是您自行在編修或者是使用其他第三方(非官方)提供的美編版面範本(像筆者就是),則有可能還需要對Blogger後台的「修改 HTML」裡做些調整,詳情請參考Blogger官方建立「繼續閱讀」摘要的說明,裡面有提到詳細的修改做法。

筆者最近已經把自己的Google Blogger的所有文章,由原本外掛的寫法改成官方版的繼續閱讀的功能,並花些時間把之前的舊文章打開加入s4語法標記,的確對前台文章清單頁面的讀取速度有獲得很大的改善,效能的改善在前面也有提到對於SEO搜尋引擎最佳化也有所助益(網路曝光行銷等層面),建議有在使用Google Blogger且有看到本篇文章的您,趕緊也去改成官方版繼續閱讀的功能吧~!


2010年1月30日 星期六

多媒體排版製作與數位化設計班課程照片花絮

這個班級是農曆年前結訓的職訓局委訓班,總時數學科加術科加起來是408小時,筆者是負責裡面的「網頁設計之觀念與應用」、「Dreamweaver網頁設計與網站管理」共66小時,照例來課程花絮吧~!雖然有點晚發了...

這圖是筆者最後一堂課跟學員的團體合照,這班裡關於我的課程上的都還蠻順的,很感謝這些學員在這段課程期間的配合,雖然學習途中陸續有學員因為各項因素退出,但我相信能堅持到最後的學員,這份毅力應該對於未來的職場生捱應是會有幫助的。
1

這班的學員由於其他的科目都是比較偏視覺與美術設計,網頁設計的部份主要只有我的課以及另外一門Flash的課,網頁方面比重上相對來講算是比較少,可能也因為這樣所以感覺學員雖然課堂學習上算認真,但是作業繳交率與作品的呈現上還有待加強就是了,一方面這能也仍是需要一些經驗跟火侯的累積吧~!
2

提一下幾個小插曲,我記得有一次上課到一半遇到職訓局來抽檢與巡視,剛好有一位學員有簽到但中途稍微離席,結果居然這麼巧被抽查到(只能說他真的可以去買樂透了,這樣的機率也遇到...)。還有一次中午我有跟幾位學員一起到學生用餐,結果居然還不認識的人看我點的餐點可能不錯吃的樣子,還跑來問我說我是在哪一家點的哪一種餐點名稱(我應該去代言....),另外一次是有人跑來跟我要網站建置的DM(這一次是我跟人約談合作,突然不認識的人跑來還真有點另我傻眼),我好像還蠻常遇到這類的事情(例如走在路上一堆人裡我就常常被路人挑到問路),我想應該要高興自己鄉土親和力還不錯呢(笑~!),或者只能自我解嘲為長得還不面目可憎吧!或許這樣的特質可能還真的是適合走當講師的路線吧~!

由於班是農曆年前才結訓,其實還有幾位學員有跟我聯絡,應該都是準備年後找工作上班,也希望學員們在年後都能盡快找到自己喜歡的工作,並且在虎年都能事事順心如意囉~!


2010年1月18日 星期一

到高雄參加講座回程的幾張照片

由於有參加12月22日微軟在高雄的免費講座課程教授,站長也才有機會坐到高鐵與高雄的捷運,算是紀念很少出遠門鄉巴佬的初體驗,放個幾張手機拍攝的高雄照片吧~!


高雄捷運內的情形,其實跟台北捷運差不多!
1

不過據說高雄捷運的幾個站設置的地點與動線不太好,所以當地居民使用率好像沒有說真的很高!
2

這是高鐵左營站,嘿!照一下表示有來過…
3

高鐵左營站那邊的街景,有家蔥燒餅還不錯啦~!
4 

造型感覺很炫的高鐵車頭!
6

嗯~!再拍一下表示我有來到左營呦!
7

高鐵車廂內的情形,由於回程沒有很趕,就改坐一般車廂看看,其實空間也還好!不然升級到商務車價格貴粉多耶!
8

高鐵一般車廂內座位與上方的情形!
9


2009年12月27日 星期日

IE6滾回家吧!不再使用IE6啦~!

這是一張畫風可愛但譏諷意味濃厚的插畫,是國外插畫家 John Martz所繪製,主要是調侃還在用IE6瀏覽器所帶來的的相容性問題,國外也有不少網站也一直在提倡不要再使用IE6(還要去顧到IE6真的是網頁設計師的夢靨),我覺得這張圖還蠻有趣的,確實點出了網頁設計師的心聲,因此把它放到部落格上跟大家分享。

原本的出處網址:http://www.robotjohnny.com/blog/ie6-denial-message-for-momentilecom/
底下這張圖是原圖:

底下這張圖是有熱心網友翻譯成中文:


IE6:你們為什麼總不讓我一起玩?
SAFARI:IE6!你給我滾回家去吧!
OPERA:對啊,你經常把我們最酷的玩意兒弄壞!
FIREFOX(轉頭跟IE7說):我真不敢相信那是你兄弟。
IE7:不要再提醒我了.....


2009年12月18日 星期五

Adobe網頁設計整合班

站長新課程來囉~!想在農曆年前學習些課程以因應未來職場競爭嗎?這班是站長農曆年前最後開的班囉(12月28日即將開班)!Adobe系列的軟體工具,一直在設計業界享有盛名與普及,本課程講師以業界實務經驗,帶領學員在短時間內能夠理解與習慣Adobe系列軟體操作思維,並善用每個軟體的特點優勢,有效率的整合製作與交叉靈活運用,以期完成質感網頁的設計。

適合參加族群:想學習網頁美編設計者、創業SOHO族、中小企業人員、想設建立計個人網站者
參加學員需具備的基礎能力:會上網、會使用Winoows與Word等電腦基本操作能力者皆可報名,無網頁設計經驗者可參加。

【此課程為教育部補助「大專以上人力加值計畫」專班,本校整合頂尖師資與軟硬體設備資源,提供多元化實務導向之訓練課程,以促進失業者提升職場職能與專業技能。期能達成兩項目標:提供失業者適性課程,協助其培養關鍵職能,培育國家未來人才,協助其提升競爭能力,厚植我國人才資本。】

本課程台科大介紹網址:http://cec.ntust.edu.tw/CourseInfo.aspx?id=563

教學內容:
預計課程單元名稱時數
網頁設計概況分析、認識網頁圖檔格式3
Photoshop基本操作與影像合成處理6
簡易色彩學與美感3
Fireworks網頁美編製作、GIF動畫製作6
Dreamweaver網頁編輯設計6
Illustrator向量圖繪製3
Flash初階動畫製作3
實做與成果驗收6


適合對象:
1. 大專以上畢業、目前失業者或休無薪假者。
2. 一般在職人士。

報名資訊:招生滿十五人符合「大專以上人力加值計畫」者始開班,每班補助名額最多30名,自費生不在此限。

申請學費全免者需繳交:
1.報名表
2.保證金匯票一千元整(總缺課時數未逾五分之一,全額退還)
3.身分證件影本
4.學歷證件影本
5.專業性課程切結書(請至表單下載處-人力加值專區)下載填寫
6.勞保局投保資料明細(最近一個月內申請之明細)或個人無薪假聲明書 (相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)
7.個人存簿影本

一般身分學員需繳交:
1.報名表
2.身分證影本
3.學歷證件影本
4.自費切結書(相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)

錄取順序以紙本報名資料送達順序為準,資料不齊全者,視同未完成報名手續。

報名網址: http://140.118.99.156/infosystem/StudSystem/StuAccount/Login.aspx

優待辦法:
1.符合計畫補助身分大專以上畢業、目前失業者或休無薪假者者,學費全免,需繳交一千元保證金,上課期間總缺課時數未逾五分之一者,全額退還。
2.一般學員學費照本校學分費收費標準,碩士學分班每學分4,150元、學雜費3,300元,報名費為500元,兩學分課程費用共計12,100元,學士學分班每學分3,000元、報名費500元兩學分課程費用共計為6,500元。

上課資訊:起迄時間:12/28、12/31、1/4、1/7、1/14、1/21、1/25、1/28、2/1、2/4、2/8、2/11

上課時數:36小時
上課時段:每週一、四 18:30-21:30


2009年12月3日 星期四

台科大教育部計畫案「技職校院建立策略聯盟計畫」網頁設計專題製作與學術競賽,第二年舉辦的課程花絮

這是台科大針對策略聯盟的高中職學校學生開立的專班,是由教育部計畫案「技職校院建立策略聯盟計畫」而來的推動課程之一,去年已經有舉辦過一次,站長很榮幸今年一樣能擔任此課程講師,本次課程共36小時,分成6次課,上課時間為週六每次上6小時。

本課程參加的學員有:士林高商、金甌女中、復興商工、智光商工、大安高工、稻江高商等學校的學生,由於參加的學員清一色都是高中職學生,也就是年齡層都很小,連帶的讓我也受到感染,覺得自己心態上年輕了不少(應該是我上這類的課額外的收穫)。1

這次的班級一樣是招生40人滿班狀態,出席狀況也都還不錯!
2
比起去年的同性質班別來說,這一班裡的女生站絕大多數,可能因為這樣都比較乖(除了坐我前面的那三位女生活力異常的多之外…,不過我是覺得他們還蠻可愛的啦),總體來說上課秩序也比去年好了不少。

3

這一組就是坐我前面的復興商工大音量活力三人組(年輕有活力真好,相較起來我真是老了…),三人組讓上課裡提昇了不少的笑點,不過他們也是粉認真的呦!4
活力三人組合作建置的期末部落格專題名稱:DESSERT,網址為:http://dcake123.blogspot.com/,主要為介紹蛋糕、冰淇淋、布丁等甜食。

5 

復興商工另外兩位小女生為另一組,雖然他們這組人數為最少的一組,但做的也是很認真不含糊呦!期末部落格專題名稱:素圖(材),網址為:http://birthday0608.blogspot.com/,裡面有蒐集與貢獻了不少照片與插圖。6
下圖是他們上台時準備的情形,以只有兩個人來講,在短時間能做這些內容算蠻不錯了!

21

智光商工的學員5人為一組,期末部落格專題名稱:動物和心情交流,網址為:http://m13144131.blogspot.com/
7

裡面有幾篇文章內有很可愛的動物照片,喜歡小動物的人我推薦值得去看看,下圖是他們上台時準備的情形。
8

士林高商的學員4人為一組,期末部落格專題名稱:Facebook,網址為:
http://faceebook123.blogspot.com/,裡面主要有提供一些Facebook最近爆紅的一些情形。

9

下圖是Facebook這組上台時準備的情形。
10
大安高工的學員5人為一組(1位請假),期末部落格專題名稱:邊玩邊學習,網址為:
http://daansofun.blogspot.com/,聽他們說學校的導師常常帶他們班學生假日到處趴趴走,想必這位導師應該是非常有教育熱誠的好老師。

11

邊玩邊學習這一組有些學員有跟我透露,他們之後要去參加網頁設計比賽,在此祝福他們之後能得到好名次與經驗吧!他們上課蠻認真的練習,有時候下課還比較晚走呢!
12
稻江高商的學員5人為一組,期末部落格專題名稱:
精品店(包包)
,網址為:http://aaabb5678.blogspot.com/。

13

下圖是這組上台時準備的情形。
14 

金甌女中的學員3人為一組,期末部落格專題名稱:下一站sweetly,網址為:http://peiyungirl.blogspot.com/,主要介紹巧克力類的甜點。
15
下圖是這組上台時準備的情形。

16
金甌女中的學員另外3人為這一組,期末部落格專題名稱:花卉,網址為:http://snow0312.blogspot.com/,裡面有各式花語與漂亮的花朵圖文介紹。

18

下圖為此組報告中的情形。
17 

仍是不能免俗的,來張全班結訓大合照以茲紀念吧!
19

嘿嘿~!最後,我也來一起入鏡跟著拍張團體照囉!希望本次的課程內容,對於來參與學習的學員來說,未來真的能有所發揮運用,我想這應該是OK的啦~!
20


2009年12月1日 星期二

網路行銷實務學士學分班課程照片花絮

汗~!最近較忙,此課程結束已有好一段時間了,現在才把照片花絮補放上,這班由於課程時間有調整,再加上教室時間與別的課衝突,結果後面變成每週才上一次3小時的課,原本一個月能結束的班硬是拉長到兩個多月,也要在此感謝這些能夠堅持上到最後的學員!

學員在課堂上有問題時,我都會盡可能的解答!
2


下圖是與學員互動討論的情形。

7

學員部落格主題是:musicbear音樂熊工作室,裡面內容有大調小調等樂理方面的資訊。
3
 

學員部落格主題是:Vivianne English,裡面有學習英文的相關文章資料。
4

學員部落格主題是:養生及專注力和創造力開發,此學員雖然是年紀稍長的長輩,但學習精神可是很令人佩服的呦!
5 

學員部落格主題是:尚好電腦維修中心,是提供個人工作室性質的電腦硬體維修服務。
6 

學員部落格主題是:TaiwanBrand-臺灣品牌,學員曾聆聽過相關演講深受感動,所以建立此部落格。
8

學員部落格主題是:幸福空間設計,因為此學員本身就是從事相關行業設計,除了Google部落格之外,也有Yahoo部落格,內有不少相關文章及作品。
9 


學員部落格主題是:something fun~~~日本旅遊部落格,主要介紹到日本旅遊的食衣住行資訊。
10


最後,不免俗的,來張團體照吧~!雖然最後一堂課拍照的時候有不少同學沒能堅持到最後,有部分請假缺席…,這些是最後堅持下來的本班菁英,也希望學完這次的課程,真能對他們未來能有所幫助!
1


test1

test1


在較大的地圖上查看100台北市中正區和平西路一段150號


link1

QR Code解碼創意:連結行銷活動手法大揭密


link2

link3


2009年11月27日 星期五

Microsoft Expression Studio 多媒體互動設計免費講座,歡迎線上報名參加(台北12月16日、高雄12月22日)

這是站長接受台灣微軟的合作邀請,在台北與高雄的微軟教室負責上午場次的研討會免費課程,其他場次則有其他大咖的名師講述(我是小小咖…),尤其兩場都有講到很熱門的Expression Blend課程。另外,這一次難得還有一場要跑到高雄(哇!粉遠~!,正好我用此機會體驗一下坐高鐵…),在南部以往因地理位置的關係無法參加的朋友,只要對於Expression有興趣者,千萬記得不要再錯過,趕快來線上報名呦!

線上報名位置:http://www.microsoft.com/taiwan/events/expressionstudio3/default.htm
日期地點研討會主題研討會內容
2009/12/22
09:30-16:10
台灣微軟高雄辦公室(高雄市苓雅區四維三路 6 號 11 樓之 1) Microsoft Expression Studio 多媒體互動設計講座全方位深入學習網頁設計工具 - Expression Web 十大特色,以及使用Expression Blend 製作多媒體互動、動畫及Silverlight的應用,由專業講師帶領學員實機操作。並介紹Microsoft User Experiences的相關技術,了解如何設計出更佳的使用者介面。
2009/12/16
09:30-16:00
台灣微軟7B會議室(台北市松仁路 7 號 7 樓)Microsoft Expression Studio 多媒體互動設計講座全方位深入學習網頁設計工具 - Expression Web 十大特色,以及使用Expression Blend 製作多媒體互動、動畫及Silverlight的應用,由專業講師帶領學員實機操作。並介紹Microsoft User Experiences的相關技術,了解如何設計出更佳的使用者介面。



2009年11月23日 星期一

動畫多媒體學士學分班

站長新課程來囉~!想要製作多媒體但覺得專業的軟體太複雜難操作?太深奧的理論課程與專有名詞聽不懂?本課程講師以多年教學經驗,用簡單不高單價的軟體與善用網路免費資源,就能帶領學員輕鬆學習多媒體的製作,實際製作出多元的多媒體格式與功能。

適合參加族群:想學習多媒體格式製作者、創業SOHO族、平面美編設計人員

參加學員需具備的基礎能力:會上網、會使用Winoows與Word等電腦基本操作能力者皆可報名,無設計經驗者可參加。
【此課程為教育部補助「大專以上人力加值計畫」專班,本校整合頂尖師資與軟硬體設備資源,提供多元化實務導向之訓練課程,以促進失業者提升職場職能與專業技能。期能達成兩項目標:提供失業者適性課程,協助其培養關鍵職能,培育國家未來人才,協助其提升競爭能力,厚植我國人才資本。】

本課程台科大介紹網址:http://cec.ntust.edu.tw/CourseInfo.aspx?id=615

教學內容:

預計課程單元名稱時數
GIF點陣動畫製作、GIF-X.Plugin進階效果6
SWISH Max2 Flash初階動畫製作3
多媒體轉檔工具運用、音效處理、網路上的多媒體資源與服務3
多媒體網頁製作3
SWISH Max2 Flash進階動畫製作3
AutoRun多媒體影音光碟3
實做與成果驗收6


適合對象:
1. 大專以上畢業、目前失業者或休無薪假者。
2. 一般在職人士。

報名資訊:
招生滿十五人符合「大專以上人力加值計畫」者始開班,每班補助名額最多30名,自費生不在此限。
申請學費全免者需繳交:
1.報名表
2.保證金匯票一千元整(總缺課時數未逾五分之一,全額退還,匯票抬頭:國立台灣科技大學)
3.身分證件影本
4.學歷證件影本
5.專業性課程切結書(請至表單下載處-人力加值專區)下載填寫
6.勞保局投保資料明細(最近一個月內申請之明細)或個人無薪假聲明書
   (相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)
7.個人存簿影本
一般身分學員需繳交:
1.報名表
2.身分證影本
3.學歷證件影本
4.自費切結書(相關文件表格請由本中心網站首頁表單下載處-人力加值專區下載)
錄取順序以紙本報名資料送達順序為準,資料不齊全者,視同未完成報名手續。
報名網址: http://140.118.99.156/infosystem/StudSystem/StuAccount/Login.aspx



優待辦法:

1.符合計畫補助身分大專以上畢業、目前失業者或休無薪假者者,學費全免,需繳交一千元保證金,上課期間總缺課時數未逾五分之一者,全額退還。

2.一般學員學費照本校學分費收費標準,碩士學分班每學分4,150元、學雜費3,300元,報名費為500元,兩學分課程費用共計12,100元,學士學分班每學分3,000元、報名費500元兩學分課程費用共計為6,500元。
上課資訊:
起迄時間:2010/01/09-2010/02/20
上課時數:36小時

上課時段:每週六 09:30-17:00


備註:

*本課程適逢2/13農曆春節除夕,課程暫停並順延一次
此課程可採通訊報名或現場報名 開放報名期限至開課10天前截止
相關課程查詢可電洽:(02) 2730-3603 或 (02)2730-3639


Related Posts Plugin for WordPress, Blogger...

訂閱RSS