CSS教學分享文 – 重複背景圖之語法練習

範例完成圖

今天要來分享的 CSS 語法練習,其實是之前有一篇「固定背景圖教學文」的延伸版,要教大家利用上一篇的網頁版型,來做重複背景圖片的語法練習。
如果是第一次加入的新朋友,要請您先參考上一篇之後,再來 follow 本篇教學才會比較銜接得上喔!請大家先準備好兩張素材圖片,我們就要進入正式的練習囉!
Ready~~~ Go!… 繼續閱讀

in CSS 語法 - 網頁設計

【設計資源】- Freebie : 夏日藍白 pattern – 共12組

藍白pattern-1

哇~開始放暑假了!
說到夏天最經典的顏色組合,當然就是要海洋藍搭配清爽的白色啊~
小編在這邊,特別幫大家蒐集整理了12組免費 pattern ,有各式深淺不同的藍或白交錯,圖案類型有素雅也有童趣的,但都很適合夏天使用喔~ 繼續閱讀

in Free Resource 好康報報

【 Photoshop 入門教學 】 – 形狀工具拼貼照片

範例完成圖

學生們都要放暑假了,就算是上班族,應該也有不少人在規劃夏天的出遊行程吧?
拍了出遊的紀念照片,是否想要利用 Photoshop 作一些不同的視覺效果呢?
這次小編要教大家利用「形狀工具」來做出帶點立體感的照片拼貼效果,簡單又容易上手,歡迎新、舊朋友們一起來練習… 繼續閱讀

in Photoshop 影像設計

【設計資源】 – Google Fonts 免費雲端字庫-實作篇

範例完成圖

大家好,上次已經有介紹過「 Google Fonts 」這個雲端字庫的免費資源,這次的教學分享,小編會利用一個簡單的網頁版型來作示範,實際教大家如何將雲端上面的字體套用到自己的網頁裡。
不論是「 Google Fonts 」或是 CSS 語法的初學者,都別錯過這次練習的好機會喔… 繼續閱讀

in CSS 語法 - 網頁設計, Free Resource 好康報報, Good Design 好站報報

【設計資源】Peakpx-可線上裁切圖片的免費圖庫

哈囉~這次要來分享的是一個提供免費下載的圖庫 Peakpx,
這個圖庫很特別的是可以自行選擇、調整需要的圖片大小,
當你需要清晰、高畫質的圖片時,來這個網站搜尋吧! 繼續閱讀

in Free Resource 好康報報, Good Design 好站報報

【設計資源】 – Google Fonts 免費雲端字庫-導覽篇

google fonts index

在之前的設計資源分享文,我們跟大家介紹了新開放下載使用的思源宋體,以及「Google Noto Fonts」這個可免費下載字體的網站。
今天要跟大家進一步介紹的網站,是不僅可以下載字體到自己電腦裏頭使用,另外,還可以透過 CSS 語法功能,立即套用到網頁上的雲端字體庫 – 「Google Fonts」… 繼續閱讀

in CSS 語法 - 網頁設計, Free Resource 好康報報, Good Design 好站報報