讓網頁設計師教你各種網頁設計小撇步

thumb_159_632_1474948009_cover

網頁設計教學 | 如何使用Google Fonts網頁字型?

2016-09-27
以前網頁要放比較不一樣的字型都要去買有版權的字型再上傳到至網路空間,真的有點不方便,Google推出的Google Fonts真的讓網頁設計師們輕鬆不少!
thumb_159_620_1513384964_awesome-1

網頁設計教學 | 如何使用網頁字型圖示Awesome Font?

2016-07-08
許多網頁設計師會為了找一個小小的icon而煩惱,在切版的時候常常又要先把icon的圖先傳到資料夾後再寫路徑把icon呈現出來,這時候如果有一個好用的工具會加快切版速度的!
thumb_159_619_1513335877_chrome-1

網頁設計教學 | 如何清除網頁瀏覽器暫存(cache)?

2016-07-08
很多人會困擾,明明已經改了圖片了為什麼重新整理後還是原來的圖片呢?因為瀏覽器會先把之前載好的圖片或資料存載快取裡面加快流覽的速度,所以以下要教大家如何清掉瀏覽器的快取記錄。
thumb_159_600_1513335847_vimeo

網頁設計教學 | 如何在網頁加入Vimeo影片(影音平台整合)

2015-09-29
說到影音網站,相信大家都不陌生"YouTube"這個網站。 但還有另一個影音網站"Vimeo"也是相當有名,國外許多人都有使用。 下面要跟大家介紹如何在網頁加入Vimeo影片。
thumb_159_599_1513335849_01

網頁設計教學 | 個別備份網站檔案與資料庫(cPanel)

2015-09-29
有句成語說:天有不測風雲,人有旦夕禍福。 一個重要的網站,如果因為無法抗力之因素而損毀或破壞,將會造成損失。 所以定期將網站備份可以將可能發生的損失降到最低。
thumb_159_597_1513335854_thumb

網頁設計教學 | 採用svg網頁向量格式解決icon圖片模糊的問題

2015-09-29
在製作設計RWD響應式網站時,會發現用jpg或png製作logo圖檔,到了手機版都是模糊的,雖然可以用CSS直接將較大尺寸的logo圖檔縮小,讓圖片不致於失真,但使用svg網頁向量圖會是更好的方法,可預見svg圖片將會在網路上越來越普及。
thumb_159_493_1513391597_00

網頁設計教學 | 各種不同的網站圖示favicon設計

2013-07-29
favicon即是指favorites icon。在開啟網頁時,頁面標題左方的小圖示,將該網頁加入書籤時,書籤列的標題也會帶有這樣的圖示,加上favicon的網頁不但容易和其它網頁區別,也能凸顯網頁的主題。(關於favicon的製作請參考製作教學)
thumb_159_512_1513384873_thumb

[網頁設計經驗] 網站上線前準備事項:修改電腦hosts檔,在上線前預覽網站(Windows7)

2012-06-27
當您的網站已經放在線上主機空間了,要做網站內部測試,還沒有要開放給一般大眾,或是剛申請好網址,但網址還未生效前,想要進入網站做操作與設定該怎麼辦呢?
thumb_159_509_1513384813_thumb

網頁設計教學 | 網頁設計工作與平面設計工作有什麼不同?

2011-11-04
在一般人印象中,網頁設計與平面設計可能都差不多,既然都是做設計,工作性質與工作內容應該是很雷同。事實上,網頁設計與平面設計在工作內容與所需的專業知識有很不少差異,一個偏重在網頁技術,一個偏重在印刷技術。
thumb_159_507_1513335651_thumb

網頁設計教學 | 什麼是網頁網格?

2011-09-26
960 Grid System(網格設計系統)是一種平面設計的方法與風格,運用固定的格子設計版面布局,建立工整簡潔的設計風格。相較於早期網頁Free Style的自由設計風格,Grid System更能清楚呈現複雜的網頁資訊。
thumb_159_510_1513384779_thumb

網頁設計教學 | 網頁設計有哪些常用的繪圖軟體?

2011-08-07
在網頁設計中,每個繪圖軟體各有各的優點,網頁視覺設計經常會在同時間交互使用Fireworks、Photoshop、Illustrator多個繪圖軟體,依據不同的需求使用在不同地方。即使隨著繪圖軟體的發展越來越強,功能越來越像,但各個軟體本質上並沒有改變,在網頁設計實務上各扮演不同的角色。
thumb_159_504_1513391474_thumbnail

網頁設計教學 | 如何製作Favicon(我的最愛icon)?

2011-08-03
不知您是否有注意到,在您瀏覽網頁時,可在瀏覽器的導覽列上,有該網站的小型icon圖示,與該網站的名稱放在一起,或是在「我的最愛」中,亦可看到您加入最愛後,各網站所設計的各種小型icon,這種小型的導覽icon,其實他的專有名稱,就叫做「favicon」,而其製作方法也非常簡單…