2013年4月5日 星期五

Indesgn的小技巧,快又好!

在InDesign課程中,都會加入這個操作方法,
但是,不是很好記,所以錄成影片給大家看,
將來要用的時候,如果不幸忘記了,可以來看一下。


重點在你希望置入很多圖片在同個頁面,
希望要快,又不想讓圖片的寬高比例跑掉,
操作方式就是置入多圖時,左鍵不要放開,
左手按住鍵盤上的 Ctrl 與 Shift 鍵,
此時,頁面上的滑鼠流標會變成六個小方塊,
使用滑鼠往右下方拖出你需要的大小。

2013年3月30日 星期六

Part0 準備期:網站草圖

這幾天有空時都在構思網站的草圖及用色,
今天初步定案首頁草圖,內頁應該也是這樣,


site1


因為將此網站定義為展示型網站,展示妹妹的作品,
作品很多很多,還要整理、分類,我這邊的步調會快一些。
圖中的左上方LOGO處,設計中...
上方大圖要找一張她最愛的作品,以柔焦處理,
下方 footer 處要好好思考放哪些連結。


也為了因應現今上網環境的變化,
很多人都用手機或平板上網,所以要考慮不同螢幕的大小,
這個頁面完成後會建立為範本,提供整個網站的頁面。
而建立過程中將使用到 Dreamweaver CS6 中的 "流變網格 ( Fluid Grid Layout )",
以便網站輸出時,可以同時符合手機、平板及電腦螢幕的大小。



所以建立這個草圖時,就是以 Div + CSS 來思考,
可是,目前 DW CS6 中的流變網格 ( Fluid Grid ) 不接受巢狀 Div ,
也就是說最外圍的 "container" 會刪掉,純粹以上下多個 div 相疊的方式建立,
中間三個區塊用 "#content" 包覆,
再以個別的 CSS 規則設定裡面那三塊的位置與寬高,如下圖:


site2



屆時,使用流變網格建立網頁的過程會以影片方式呈現,敬請期待。


2013年3月28日 星期四

一個網站的誕生

由於妹妹的職業是教授手工捏塑,看著她成天都在捏捏捏~~~,
倒是真的設計很多作品出來,就產生幫她架個網站,以便讓更多人知道她厲害之處的想法。


回頭想想自己,上課時一直苦口婆心鼓勵同學們要實作,
所以,決定將網站架設的整個流程記錄下來,
可以用影片呈現的就錄下來,
不然就用文字敘述做了哪些動作,目前考慮幾個步驟:


Part0 準備期:
蒐集文字與圖片,與妹妹討論要如何區分產品類別。
建立架構圖,訂好資料匣名稱、檔名與個網頁標題。
設計 Meta(檔頭資訊) 的關鍵字與網站敘述。


Part1:
Photoshop 設計版型

Part2:
Photoshop 切片


Part3:
DreamWeaver
設計範本
建立首頁
建立內頁


Part4:
建立測試伺服器


Part5:
申請網站空間與網址
上傳網站


以上就是至目前為止的構想,
過程中會多用一些輔助工具,
例如 960 Grid System,Easy CSS Menu,Light Box 2.....,
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。


2013年3月27日 星期三

推薦~~免費的 CSS網頁版型下載~~好樣的

現今的網頁設計主流該是HTML+CSS+JavaScript,
過去使用表格加上巢狀表格的呈現方式,會阻礙搜尋引擎到你的網站拜訪!
如果你的網站已稍具知名度,當然不用擔心。

但是,新建立的網站最迫切希望的就是被網友是用關鍵字找到,
在這方面,CSS的版面呈現因為都是使用文字,占了先天優勢。
所以,以下提供幾個CSS的網頁版型下載網站,

http://www.freecsstemplates.org/
http://ramblingsoul.com/
http://www.oswd.org/
http://www.free-css-templates.com/

當然,如果各位可以持續強化自己的CSS控制能力,
這些版型到了你手上,可以有更多變化,加油!

2013年3月24日 星期日

下定決心要好好寫很多文章!

每次看到這個小天地的文章,臉上都有些發燒,因為更新的次數實在不給力的緊!
農曆年休假時,本就要開始好好地多加些文章,
可惜當時弟弟帶了可愛的姪子與姪女回來,所有心思都在他們身上。


所以這幾周好好想想要寫哪些題目,
基本上要求自己至少一周一篇,
也準備了麥克風,之後上傳的影片都會加入旁白以說明,
最慢下周開始,敬請期待與指教。


2013年3月18日 星期一

App

當初會將手機換成 HTC,出發點是為了試著設計一個自己感興趣的 APP,結果,一年後的現在才開始動工!花了很多時間找尋工具、軟體,現在決定要使用 DewamWeaver CS6來寫,內容是以 HTML + CSS + Javascript 做架構。

為啥?因為比較熟悉這個軟體,CS6又可以直接使用 PhoneGap Build 來寫,這是新的功能,與CS5有些不同。現在試著做一個跟咖啡有關的 APP ,上傳到 PhoneGap 網站再載回來,可以在手機上直接安裝、測試,感覺挺實際的,就是可以直接看到結果。

也因此,這陣子到處搜尋台北市咖啡廳的相關訊息,喝到不少好咖啡,見識很多不同的想法與做法,前幾天看到電視上有個問卷調查,結果顯示有七成多的人心中藏著一個夢想,就是開一家咖啡廳,

不過,建議有這種夢想的人,一定要認清一個事實,喜歡喝咖啡與經營一家咖啡廳是完全兩個星球的不同概念!

還沒成為電腦講師的十多年前,也曾經幫朋友顧過一家咖啡廳,當了一年店長,發現,自己雖然扛著業績,壓力不小,但畢竟不承擔盈虧,就算營業額不夠好,並沒有損失金錢之虞!

OK,等到這個 APP 正式上到 Google Play 時,會向各位報告,請大家踴躍下載大力用用看,也墾請大家多多建議。



2012年10月20日 星期六

Photoshop 色版運用於去背,錄製成動作

曾經好好地思考過,如果上課的內容一直重複、了無新意,
不僅會覺得對不起學員們,自己也可能會無聊到睡著,
在此,先感謝各位學員支持。

在使用 Photoshop 處理圖片時,應該會常常遇到重複性的步驟,
也經常在上課時介紹 "動作  ( Action )" 的好處,
剛剛在網路上搜尋依些毛筆字,找到一些JPEG的圖片,
試著將背景去掉,以便當作海報的素材,晚一點可以在 Illustrator 中置入使用,
做著,做著,突然想到也好幾個毛筆字要做,乾脆錄成一個動作,省事!

先觀察過,這幾個毛筆字的背景與位置都類似,試幾個字之後,發現可行!
於是就開始錄製一個名為"毛筆字去背"的動作,日後在有相同情況就可以節省很多時間了。
有興趣的同學們,可以看看影片,自己做做看,
同時,好好想想,自己平日在生活中或工作領域內,是否也有一些一直重複執行的動作,
規畫一下,通通錄下來,錄越多、省越多 ( 時間 ) !

請看:



2011年2月21日 星期一

去年"摘取"相關文章錯誤更正

去年的6月8日曾有一篇文章講到CS4與CS5的摘取,有一半是錯的,真糟糕!慎重向各位道歉。


文中本提到要將"摘取"等舊版濾鏡放回軟體中,在CS4、CS5中是一樣的,
事實不然,
CS5的增效模組處理方式不同,下載網址:
http://www.adobe.com/support/downloads/product.jsp?product=39&platform=Windows


還是提醒各位,請先閱讀資料匣中的PDF說明檔。


抱歉,感謝。


2010年12月21日 星期二

星光寒令營_我妹妹是其中講師

以下課程中的"兒童捏塑"課程的講師是我的親妹妹,
若是家中有小朋友,不知道寒假該讓他忙什麼的話,參考一下吧!

星光藝術寒令營

親愛的家長您好,在一個特別的寒令中,安排一些讓自己身體暖和的活動吧來一個不同的藝術饗宴!
寒令中有更多豐富的課程可以讓你來選修。


讓您的孩子調整姿態,延伸線條!學習專業舞蹈!MV舞蹈、明星熱舞、現代舞、兒童舞蹈、瑜跏、中東肚皮舞、芭蕾舞,民族舞蹈、舞蹈技巧基本功、肢體調整、兒童捏塑、兒童美術、舞蹈自信開發等多元化課程!展現綻放自信與迷人光彩!

*課程期間:1月20 - 2月11日(課程開放選課!)

兒童捏塑材料費

1/21~御飯糰磁鐵組1/24~好彩頭掛飾1/26~可愛熊獅開關面板1/28~甜點派皮memo(100)


2/8~法國兔筆筒 2/10~糕點熊相框(180)六堂(600)

址:內湖區成功路三段1733
聯絡電話:
0939-877711
(02)2792-8181


新生兩人同行,課程優惠(多贈送2堂價值600元)

幾堂課16堂課3600 12堂課3000 單堂課300元

新班陸續開課中,如上列時段無法配合您的需求,請告知老師,我們將儘快為您安排時間與課程!

2010年12月20日 星期一

超好用Flash模板

最近發現幾個網站與FLASH模板有關,可以免費下載,
只要稍作修改就可以直接使用在自己的網站內,效果相當不錯。
還有一個網站則是直接在線上建立純flash網站,基本上是要付費,但是免費版已經很棒!
再多搜尋一下,才發現這類網站還蠻多的,大家花點時間應該可以找到更多。 


1. http://www.flashmo.com


這個網站提供相當多(目前看到262個)flash模板,下載後修改即可使用,
重點是,這些模板都是與XML搭配,順便可以練習XML的修改,
也可以觀摩一下正確XML檔案的寫法,
換個角度講,除了學習檔案中AS的寫法,同時學到如何使用AS去讀取XML,建議各位好好利用。


2. http://www.wix.com


這個網站就是可以在線上直接建立純FLASH網站的地方,
事實上,前面介紹那個網站中也有超連結可以直接到這裡來,
先規劃好你要的網站架構,準備好文字與圖片,
到此網站後先註冊一個帳號,就可以開始了,
在建立過程中,邊上傳要使用的圖片,文字可以用貼上的,
不用多少時間就ok了,還蠻好玩的。


3. http://www.flashxml.net/


這個網站比較難一點,因為是直接使用xml,不過,值得好好研究一下,
網站提供免費版與付費版,付費版當然較強大,
不過建議從免費版開始,先弄清楚在flash中建立與使用這種元件,
再進一步學習如何修改,蠻不錯的喔!


2010年11月4日 星期四

不知道如何輸入這個中文字?

最近常與朋友或學生討論到,很多人名的中文字不知如何輸入?
才想到現在有很多人的姓名是去算過的,
偶而會看到過去沒看過的字,輸入法裡找不到!


另外再加上前陣子要上某些課程,
要用到漂亮的中文書法字,
奈何個人手拙,毛筆字怎麼練還是很遜,所以努力找到這個網站:
我們行政院主計處電子處理資料中心建置的"cns11643中文全字庫"。


進入這個網站後,建議先到左方的"全字庫介紹"看一看,
瞧一瞧這個網站的建置目標,內容還真不錯,大家先看看。
如果你在工作上常遇到無法輸入的情況,
請到左下方找到"應用工具下載"中的"個人電腦造字處理工具",相信會對你有幫助。 


eat.gif 


之後,到首頁左下方找到你的輸入方式,
我是用"注音查詢",用滑鼠點一點就可以查字了。
查到要找的中文字之後,還可以到下方找到"歷代法帖", 
先在左側"選擇法帖",再選右邊的作者,
接著出現的畫面可以看到一些選擇,
(補充說明:要看你要找的中文字是否常出現在各大書法家的字帖中,不然,選擇性會較少)
有三種格式可以下載:PNG、EPS與WMF,
PNG是點陣圖可以交給PHOTOSHOP處理,
EPS與WMF則可以交給ILLUSTRATOR處理後再使用,真的好看。 


Don’t ... #shorts

Don’t insist on being “right”.