這是關於 Photoshop 選取工具的第一支影片,總共會用多少支錄完選取工具, 應該是用到四部影片,期盼各位仔細看。
我還把影片加上點音樂,希望大家會喜歡!本來是要加上口白,可是發現很複雜,所以決定下次再考慮做。而且加上旁白時,我口詞不清,造成莫名困難,真教我為難!還真糟糕!
傾聽你的內在消極對話,用一個新的積極的對話去替代它。 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.....,
期盼可以讓各位
有心學習網站建置的人可以多一個參考的來源。