請各位到這個部落格參觀的時候，點一下左上方的"BlogAD"的廣告，
當累積到新台幣500元(因為最低請領金額是500元)時，
我會去請領出來，捐給社福機關，
最近的目標是中華民國智障者家長總會的"救敢心公益勸募計畫"，
點上方連結可以看到相關資訊，在能力所及的範圍內，也可以直接捐款。
(繼續閱讀...)

草叢 發表在 痞客邦 留言(5) 人氣()

▲top
480_800
準備好示範網頁的圖片與縮圖，這一篇開始解釋如何使用流變網格做出RWD的做法，網路上有很多相關說明的文章，期盼這一篇可以給各位多一份參考，RWD真的很好用。
如同上一篇所述，可以先拿較少頁面的網站練習。
請先理解，我們談的是螢幕的解析度而非尺寸，所以想做出各式裝置都可以閱讀的網頁，應該先去查出你的目標解析度，詳細數字可以參考這個網站 Screen Sizes。
我試著做出如下的網頁呈現：
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
為了自適應網頁設計(RWD，Responsive Web Design)，也有人翻譯為"響應式網頁"。研究好一陣子的"流變網格"，這是 Dreamweaver CS6 ( 以下簡稱為DW ) 開始才有的新功能。
它是由HTML5與CSS3組成，邏輯上來說，利用三組同名稱的 CSS 樣式(但是儲存在一個樣式表檔中)來控制一組DIV。最外圍的 DIV，由.gridContainer這個樣式控制，再藉由"媒體偵測"，也就是@media這個語法去偵測瀏覽器所在的裝置解析度。在 DW 中，設定為三種尺寸的解析度，480px以下、481~768px及769px以上。不過我認為這還有討論的空間。
重點是，在建立過程中，真的有些麻煩。最近在課程中帶著同學們一步一步建立，還好同學們都很小心翼翼，結果蠻成功的。因此，我想在接下來的文章，將整個過程一篇一篇寫出來，提供給對這方面有興趣的朋友參考。也會介紹一些國外相關的網站。說實在的，目前的粗淺心得是，如果DW使用這個技術來建立結構有些複雜的網站，應該會很辛苦。我也會試著用這種方式建立範本，過程中勢必發生錯誤，也請各位先進指正，先謝謝了！
 
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
最近的課還不少，等著妹妹給文字資料，
但是因為小朋友學校課業日重，我也不敢太催促，所以幫她架站的計畫有些延宕。
也因為如此，我將之前玩過的 Joomla 拿出來再研究，現在已經發展到 3.1版，
裝起來看看，真有些不同，曾經費盡心思研究如何用自己的圖片來建立模板，
著實收穫不少，也幫幾位朋友的公司架好站，迅速又好用，
尤其是前後台的管理都很好上手，又不用自己建立資料庫，
考量到使用者後續維護的方便性，這是我選擇 Joomla 的主要原因。
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
介紹並示範 Photoshop CS6 新濾鏡中的 Blur Gallery ，
此中含有三種模糊效果：Field Blur (區域模糊)、Iris Blur (光圈模糊)、Tilt-Shift (傾斜轉移)，
不確定中文版的翻譯為何，若是翻譯有誤，請多包涵！
但都是很不錯的模糊效果，尤其是 Iris Blur 可以幫照片製造景深效果。
請仔細看影片中的介紹，
只是為了凸顯效果，模糊的程度都過高，
還請各位自行練習，仔細調整模糊的範圍，幫自己的照片加分，請看：
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
在InDesign課程中，都會加入這個操作方法，
但是，不是很好記，所以錄成影片給大家看，
將來要用的時候，如果不幸忘記了，可以來看一下。
重點在你希望置入很多圖片在同個頁面，
希望要快，又不想讓圖片的寬高比例跑掉，
操作方式就是置入多圖時，左鍵不要放開，
左手按住鍵盤上的 Ctrl 與 Shift 鍵，
此時，頁面上的滑鼠流標會變成六個小方塊，
使用滑鼠往右下方拖出你需要的大小。
(繼續閱讀...)

草叢 發表在 痞客邦 留言(1) 人氣()

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

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

草叢 發表在 痞客邦 留言(1) 人氣()

▲top
由於妹妹的職業是教授手工捏塑，看著她成天都在捏捏捏~~~，
倒是真的設計很多作品出來，就產生幫她架個網站，以便讓更多人知道她厲害之處的想法。
回頭想想自己，上課時一直苦口婆心鼓勵同學們要實作，
所以，決定將網站架設的整個流程記錄下來，
可以用影片呈現的就錄下來，
不然就用文字敘述做了哪些動作，目前考慮幾個步驟：
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
每次看到這個小天地的文章，臉上都有些發燒，因為更新的次數實在不給力的緊！
農曆年休假時，本就要開始好好地多加些文章，
可惜當時弟弟帶了可愛的姪子與姪女回來，所有心思都在他們身上。
所以這幾周好好想想要寫哪些題目，
基本上要求自己至少一周一篇，
也準備了麥克風，之後上傳的影片都會加入旁白以說明，
最慢下周開始，敬請期待與指教。
(繼續閱讀...)

草叢 發表在 痞客邦 留言(1) 人氣()

▲top
現今的網頁設計主流該是HTML+CSS+JavaScript，
過去使用表格加上巢狀表格的呈現方式，會阻礙搜尋引擎到你的網站拜訪！
如果你的網站已稍具知名度，當然不用擔心。
但是，新建立的網站最迫切希望的就是被網友是用關鍵字找到，
在這方面，CSS的版面呈現因為都是使用文字，占了先天優勢。
所以，以下提供幾個CSS的網頁版型下載網站，
http://www.freecsstemplates.org/
http://ramblingsoul.com/
http://www.oswd.org/
http://www.free-css-templates.com/
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
曾經好好地思考過，如果上課的內容一直重複、了無新意，
不僅會覺得對不起學員們，自己也可能會無聊到睡著，
在此，先感謝各位學員支持。
在使用 Photoshop 處理圖片時，應該會常常遇到重複性的步驟，
也經常在上課時介紹 "動作  ( Action )" 的好處，
剛剛在網路上搜尋依些毛筆字，找到一些JPEG的圖片，
試著將背景去掉，以便當作海報的素材，晚一點可以在 Illustrator 中置入使用，
做著，做著，突然想到也好幾個毛筆字要做，乾脆錄成一個動作，省事！
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
去年的6月8日曾有一篇文章講到CS4與CS5的摘取，有一半是錯的，真糟糕！慎重向各位道歉。
文中本提到要將"摘取"等舊版濾鏡放回軟體中，在CS4、CS5中是一樣的，
事實不然，
CS5的增效模組處理方式不同，下載網址：
http://www.adobe.com/support/downloads/product.jsp?product=39&platform=Windows
(繼續閱讀...)

草叢 發表在 痞客邦 留言(0) 人氣()

▲top
1 2 3 4 5
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲，請立即離開。

已滿十八歲者，亦請勿將內容提供給未成年人士。