在InDesign課程中,都會加入這個操作方法,
但是,不是很好記,所以錄成影片給大家看,
將來要用的時候,如果不幸忘記了,可以來看一下。
重點在你希望置入很多圖片在同個頁面,
希望要快,又不想讓圖片的寬高比例跑掉,
操作方式就是置入多圖時,左鍵不要放開,
左手按住鍵盤上的 Ctrl 與 Shift 鍵,
此時,頁面上的滑鼠流標會變成六個小方塊,
使用滑鼠往右下方拖出你需要的大小。
傾聽你的內在消極對話,用一個新的積極的對話去替代它。 Listen to your inner negative conversation and replace it with a new positive conversation.
在InDesign課程中,都會加入這個操作方法,
但是,不是很好記,所以錄成影片給大家看,
將來要用的時候,如果不幸忘記了,可以來看一下。
重點在你希望置入很多圖片在同個頁面,
希望要快,又不想讓圖片的寬高比例跑掉,
操作方式就是置入多圖時,左鍵不要放開,
左手按住鍵盤上的 Ctrl 與 Shift 鍵,
此時,頁面上的滑鼠流標會變成六個小方塊,
使用滑鼠往右下方拖出你需要的大小。
這幾天有空時都在構思網站的草圖及用色,
今天初步定案首頁草圖,內頁應該也是這樣,
因為將此網站定義為展示型網站,展示妹妹的作品,
作品很多很多,還要整理、分類,我這邊的步調會快一些。
圖中的左上方LOGO處,設計中...
上方大圖要找一張她最愛的作品,以柔焦處理,
下方 footer 處要好好思考放哪些連結。
也為了因應現今上網環境的變化,
很多人都用手機或平板上網,所以要考慮不同螢幕的大小,
這個頁面完成後會建立為範本,提供整個網站的頁面。
而建立過程中將使用到 Dreamweaver CS6 中的 "流變網格 ( Fluid Grid Layout )",
以便網站輸出時,可以同時符合手機、平板及電腦螢幕的大小。
所以建立這個草圖時,就是以 Div + CSS 來思考,
可是,目前 DW CS6 中的流變網格 ( Fluid Grid ) 不接受巢狀 Div ,
也就是說最外圍的 "container" 會刪掉,純粹以上下多個 div 相疊的方式建立,
中間三個區塊用 "#content" 包覆,
再以個別的 CSS 規則設定裡面那三塊的位置與寬高,如下圖:
屆時,使用流變網格建立網頁的過程會以影片方式呈現,敬請期待。
由於妹妹的職業是教授手工捏塑,看著她成天都在捏捏捏~~~,
倒是真的設計很多作品出來,就產生幫她架個網站,以便讓更多人知道她厲害之處的想法。
回頭想想自己,上課時一直苦口婆心鼓勵同學們要實作,
所以,決定將網站架設的整個流程記錄下來,
可以用影片呈現的就錄下來,
不然就用文字敘述做了哪些動作,目前考慮幾個步驟:
Part0 準備期:
蒐集文字與圖片,與妹妹討論要如何區分產品類別。
建立架構圖,訂好資料匣名稱、檔名與個網頁標題。
設計 Meta(檔頭資訊) 的關鍵字與網站敘述。
Part1:
Photoshop 設計版型
Part2:
Photoshop 切片
Part3:
DreamWeaver
設計範本
建立首頁
建立內頁
Part4:
建立測試伺服器
Part5:
申請網站空間與網址
上傳網站
以上就是至目前為止的構想,
過程中會多用一些輔助工具,
例如 960 Grid System,Easy CSS Menu,Light Box 2.....,
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。
每次看到這個小天地的文章,臉上都有些發燒,因為更新的次數實在不給力的緊!
農曆年休假時,本就要開始好好地多加些文章,
可惜當時弟弟帶了可愛的姪子與姪女回來,所有心思都在他們身上。
所以這幾周好好想想要寫哪些題目,
基本上要求自己至少一周一篇,
也準備了麥克風,之後上傳的影片都會加入旁白以說明,
最慢下周開始,敬請期待與指教。
曾經好好地思考過,如果上課的內容一直重複、了無新意,
不僅會覺得對不起學員們,自己也可能會無聊到睡著,
在此,先感謝各位學員支持。
在使用 Photoshop 處理圖片時,應該會常常遇到重複性的步驟,
也經常在上課時介紹 "動作 ( Action )" 的好處,
剛剛在網路上搜尋依些毛筆字,找到一些JPEG的圖片,
試著將背景去掉,以便當作海報的素材,晚一點可以在 Illustrator 中置入使用,
做著,做著,突然想到也好幾個毛筆字要做,乾脆錄成一個動作,省事!
先觀察過,這幾個毛筆字的背景與位置都類似,試幾個字之後,發現可行!
於是就開始錄製一個名為"毛筆字去背"的動作,日後在有相同情況就可以節省很多時間了。
有興趣的同學們,可以看看影片,自己做做看,
同時,好好想想,自己平日在生活中或工作領域內,是否也有一些一直重複執行的動作,
規畫一下,通通錄下來,錄越多、省越多 ( 時間 ) !
請看:
去年的6月8日曾有一篇文章講到CS4與CS5的摘取,有一半是錯的,真糟糕!慎重向各位道歉。
文中本提到要將"摘取"等舊版濾鏡放回軟體中,在CS4、CS5中是一樣的,
事實不然,
CS5的增效模組處理方式不同,下載網址:
http://www.adobe.com/support/downloads/product.jsp?product=39&platform=Windows
抱歉,感謝。
最近發現幾個網站與FLASH模板有關,可以免費下載,
只要稍作修改就可以直接使用在自己的網站內,效果相當不錯。
還有一個網站則是直接在線上建立純flash網站,基本上是要付費,但是免費版已經很棒!
再多搜尋一下,才發現這類網站還蠻多的,大家花點時間應該可以找到更多。
這個網站提供相當多(目前看到262個)flash模板,下載後修改即可使用,
重點是,這些模板都是與XML搭配,順便可以練習XML的修改,
也可以觀摩一下正確XML檔案的寫法,
換個角度講,除了學習檔案中AS的寫法,同時學到如何使用AS去讀取XML,建議各位好好利用。
這個網站就是可以在線上直接建立純FLASH網站的地方,
事實上,前面介紹那個網站中也有超連結可以直接到這裡來,
先規劃好你要的網站架構,準備好文字與圖片,
到此網站後先註冊一個帳號,就可以開始了,
在建立過程中,邊上傳要使用的圖片,文字可以用貼上的,
不用多少時間就ok了,還蠻好玩的。
這個網站比較難一點,因為是直接使用xml,不過,值得好好研究一下,
網站提供免費版與付費版,付費版當然較強大,
不過建議從免費版開始,先弄清楚在flash中建立與使用這種元件,
再進一步學習如何修改,蠻不錯的喔!
最近常與朋友或學生討論到,很多人名的中文字不知如何輸入?
才想到現在有很多人的姓名是去算過的,
偶而會看到過去沒看過的字,輸入法裡找不到!
另外再加上前陣子要上某些課程,
要用到漂亮的中文書法字,
奈何個人手拙,毛筆字怎麼練還是很遜,所以努力找到這個網站:
我們行政院主計處電子處理資料中心建置的"cns11643中文全字庫"。
進入這個網站後,建議先到左方的"全字庫介紹"看一看,
瞧一瞧這個網站的建置目標,內容還真不錯,大家先看看。
如果你在工作上常遇到無法輸入的情況,
請到左下方找到"應用工具下載"中的"個人電腦造字處理工具",相信會對你有幫助。
之後,到首頁左下方找到你的輸入方式,
我是用"注音查詢",用滑鼠點一點就可以查字了。
查到要找的中文字之後,還可以到下方找到"歷代法帖",
先在左側"選擇法帖",再選右邊的作者,
接著出現的畫面可以看到一些選擇,
(補充說明:要看你要找的中文字是否常出現在各大書法家的字帖中,不然,選擇性會較少)
有三種格式可以下載:PNG、EPS與WMF,
PNG是點陣圖可以交給PHOTOSHOP處理,
EPS與WMF則可以交給ILLUSTRATOR處理後再使用,真的好看。
Don’t insist on being “right”.