2019年6月20日 星期四

1080620google雲端應用實務研習彰師附工



https://www.youtube.com/channel/UCqgwHLmHycztixwiMcUe3MQ/about


http://aries.dyu.edu.tw/~lhuang/




SVG (可縮放向量式圖形):
Glyphicons
SVG Morpheus
Icon Font & SVG Icon Sets ❍ IcoMoon

HTML5, CSS/Sass, jQuery, Bootstrap 新一代網頁設計
網頁配色工具 Color Scheme Designer
網頁配色工具 Adobe Kuler
網頁配色設計法則
Responsive Web Design (RWD) 響應式網頁設計學習資源 - 研討會、簡報下載及線上影片
RESPONSIVE WEB DESIGN 簡單介紹與優缺點、實作入門
《justfont 雲端字型》讓網頁不再只有新細明體
Font Squirrel 網頁字型
讓你的網站支援思源黑體
Font-Awesome,讓你加入ICON只需要一行就夠!
Font Awesome, the iconic font and CSS toolkit
FORMOID EASIEST FORM GENERATOR (快速製作表單的工具)
Anybody can learn | Code.org (有趣的code入門)
Simple Parallax Scrolling(視差滾動效果)
Facebook Open Graph 與 SEO 檢測器 (Debugger)(讓網友分享您的網站時, 顯示更正確的資料)


免費網頁範本:
(1). Free Website Templates
(2). Free Web Templates - Free web designs, templates and more!
(3). TemplateMonster
(4). Website Templates - Artisteer
(5). Free HTML CSS Website Templates
(6). Free Website Templates, Web Templates, Templates - BlueWebTemplates
(7). Free Responsive HTML5 CSS Website Templates (RWD)
(8). HTML5 UP! Responsive HTML5 and CSS3 Site Templates (RWD)
(9). TEMPLATED - CSS, HTML5 and Responsive Site Templates (RWD)


favicon.ico Generator


(製作網站名稱的小圖示,會顯示在URL前及書籤/我的最愛)
製作完成後請download下來,上傳圖檔(favicon.ico)至網頁根目錄, 並在首頁裡的<head>到</head>間加入下面的語法,建議放</head>前一行。

沒有留言:

張貼留言