【 Python互動式圖表連載 附程式碼～！】
.
一般Python視覺化套件
如 matplotlib 和 seaborn，
前者是視覺化元祖，
後者有更簡潔的寫法和精美圖例，
.
兩者都以靜態視覺居多，
缺乏變化性(或是要費點功)。
.
Python 應用非常廣泛，
但在網頁前端仍難以與Java Script抗衡

有沒有辦法用Python做出JS動態視覺的效果？
.
Bokeh的橫空出世，
提供了Python與D3.js之間的橋梁，
讓你可以用Python做出D3.js常用功能的效果，
減少學習成本，高效開發，輕鬆描述統計結果！
.
系列教學文章 - 首發：
https://www.finlab.tw/python-bokeh1-setup-and-first-impression/
.
程式範例：
https://github.com/benbilly3/bokeh_explore

這個開源工具可以幫你建立漂亮的靜態網頁 API 文件 ，可支援多種語言呼叫 API 的程式碼範例

專案簡介 http://bit.ly/2UYpxxK

🔥 Soft & Share Telegram Channel 已經上線，歡迎來訂閱 ( http://bit.ly/2GLoj0C )

五倍紅寶石出礦坑一直致力於程式教學，更努力的幫助女性走上程式學習之路(舉辦 Rails Girls 等活動）。現在他們要來開『女力專班』了！這次課程的講師 Cat 同時也是在 Hahow 好學校 平台開課的老師喔！嚮往學習Coding 的女孩們，千萬不要錯過這次的機會🙆‍♀️
#小編我也想報名
#老師好可愛
#那隻貓咪也太搶眼了

【注意‼️講師 Cat 有話要說】誠意十足告訴妳 : )
女力專班到底可以得到什麼？什麼東西才是我真正需要的？
在這段期間許多人對女力專班感到好奇，
考慮到女孩們的擔憂，親和力十足的講師 Cat 拍影片告訴你^_^
（#一定要看到最後，影片最後有幕後彩蛋～看看可愛的講師 Cat）
👉課程這邊請：http://lnk.pics/1BUIU
　　
另外有很多人會詢問教學內容在職場上用的到嗎？
這邊告訴妳們：「絕對用的到！」
這堂課程的結業目標是
► 可以從無到有完整刻出一個響應式（支援桌機跟手機）的靜態網頁
► 切版方式包含用"手刻"和框架（bootstrap）都會帶入
► 也會在課程的中間穿插 CSS 繪圖小範例
對於想要做自己的作品集或網頁，絕對是大大加分！
　　
::::::::::::::::::::::: 課程回饋重要資訊 ::::::::::::::::::::
我們也懂得 學生 與 中低收入戶 要學習的辛苦，決定支援努力
向學之青年學子，提供了以下 #優惠：
（1）學生憑學生證可以再折 500 元
（2）中低收入戶憑證明可享學費折半（4999 元）
► 只要在報名時備註即可唷，有問題都可以私訊我們！
► 加入看這裡：http://lnk.pics/1BUIU
————————————————————————
#小編偷偷說，Cat 就是喜歡大笑，超級可愛有耐心！
良師益友最佳代表～快來玩！
#影片一定要看到最後
#非常可愛非常好笑
#5xruby

我是JC老師

電腦相關課程授課超過6000小時的一位 Photoshop 課程講師
由於實在太多同學像我反映希望可以有線上課程學習
所以就決定錄製一系列的 Photoshop 線上影片教學
而且不加密、不設限、不販售，就是純分享
希望可以幫助到有需要的朋友們

這系列 Photoshop 教學影片
是由初學到深入，專為初學者設計
後半部進階內容與範例並非一般商業用途
而是針對 Photoshop 與 3ds Max 之間的整合教學
包含無縫貼圖製作、建築合成調色、室內設計合成調色、遊戲貼圖製作方面

如果這部影片對你有幫助的話，請幫我按個讚，給我點鼓勵
也多分享給需要的朋友們喔~

Photoshop CC 2020 線上教學影片目錄：http://bitly.com/2u0WwWG
Photoshop CC 2020 線上教學影片範例下載：http://bitly.com/2FTNygJ
JC-Design 網站：http://jc-d.net/
JC-Design 粉絲團：https://www.facebook.com/jcdesigntw/
JC-Design LINE ID：@umd7274k

---------------------------------------------------------------------------------------------------

解析度
　● DPI (Dot Per Inch) 指的是一英寸中有幾個像素
　　▲ 解析度的大小關係到影像的清析與否，一般電腦螢幕的解析度為72DPI，搭配高階一點的顯示卡則可到96DPI。如果是要印刷用的影像檔案，則至少要300DPI 以上才不會有馬賽克的模糊現像產生。若是要使用在網頁上的影像檔案，則只要72DPI 就足夠了。
　　▲ 影像的解析度會影響列印時，影像的列印品質及大小，但不會影響它在螢幕上所呈現的品質。而且，影像解析度是可以透過 PhotoImpact 、 PhotoShop 、 PaintShop Pro… 等影像處理軟體加以改變！
　● 每英寸像素，ppi 或 PPI （Pixels Per Inch）
　　▲ 像素密度(pixel density)單位，即每英寸的長度中所具有的像素。由解析度中X或Y軸的數字除以該軸的長度(英寸)，可得該軸的像素每英寸密度。一般的像素是方形或接近方形，X與Y軸像素密度相同，但也有不相同的顯示器。
　　▲ 掃描圖片時的度量單位：掃描圖片時，我們在原稿的每一英吋範圍內要產生多少畫素值pixel，經過掃描後，同一張原稿，它的 ppi 值越大時，所得到的圖像也越大，通常我們在掃描時，對於較大的正片或圖像，可以採用較大的 ppi 值，對較小的正片或照片採用較小的 ppi 值，ppi 與 dpi 是不同的！

介紹常見影像格式（BMP、GIF、JPEG、PNG、向量圖）
　● BMP：Windows的標準影像格式，支援RGB、索引色、灰階和點陣色彩模式。
　● GIF：翻譯為圖形交換格式，是一種LZW壓縮格式，設計用於最小化檔案大小和電子傳輸時間。優點為可以做動畫和透明背景圖，缺點是色彩數少，只支援256色、易失真。
　● JPEG：是利用離散餘弦轉換壓縮技術來儲存靜態影像的檔案格式。支援CMYK、RGB、灰階色彩模式，不同於GIF的是JPEG會保留RGB影像中的所有色彩資訊，但會選擇性的丟棄資料以壓縮檔案容量，是一種破壞性的壓縮。
　● PNG：是免專利的一種替代GIF的圖形格式，支援灰階、含Alpha的RGB色彩、點陣圖、無含Alpha的RGB色彩模式，利用Alpha色版來定義檔案中的透明度，所以可以產生無鋸齒邊緣的背景透明圖。
　● 向量圖：以數學函式來描述螢幕上的圖形、色彩，就算是改變圖形的外觀，也只是改變了數學函式的某些參數值，讓電腦重新計算而已，因此不會有點陣圖失真和鋸齒狀的情形發聲，而且因為只是記錄數學函式的參數值，所以檔案遠小於點陣圖。

---------------------------------------------------------------------------------------------------

==延伸線上教學聯結==
Photoshop CC 2017 線上教學影片目錄：http://bit.ly/2A9PH3B
3ds Max 2015 線上教學影片目錄：http://bitly.com/2dUGqn3
AutoCAD 2015 2D 線上教學影片目錄：http://bitly.com/2dUGm6Y
TQC AutoCAD 2008 2D 線上教學影片目錄：http://bitly.com/2dUGQtB

國立陽明大學103年暑期課程 - Dreamweaver網頁設計(1)，由孫在陽老師教授。教學內容約3小時。
在這幾年，網頁技術的蓬勃發展與媒體的日新月異，在網站設計中的實用性（usability）、親和性（accessibility）與SEO（Search engine optimization，搜尋引擎最佳化）等概念漸漸被網站設計者與經營者所接受認同。
本課程從網頁設計的基本認識談起，由文字、影像樣式一直到表格運用與排版，使用XHTML與CSS來完成最有效率且具有效果的網站開發。並以範例式的學習，讓您由淺入深的學會網頁設計的基本的技巧！
教學目標：
使學員了解Dreamweaver CS5基本操作，並從中了解網頁設計的概念。整個課程以設計網頁，架設靜態網頁的基本技能訓練為主。
另外安排資訊安全與智慧財產權的基本認識。

國立陽明大學103年暑期課程-Dreamweaver網頁設計，由孫在陽老師講授。課程內容約3小時。
在這幾年，網頁技術的蓬勃發展與媒體的日新月異，在網站設計中的實用性（usability）、親和性（accessibility）與SEO（Search engine optimization，搜尋引擎最佳化）等概念漸漸被網站設計者與經營者所接受認同。
本課程從網頁設計的基本認識談起，由文字、影像樣式一直到表格運用與排版，使用XHTML與CSS來完成最有效率且具有效果的網站開發。並以範例式的學習，讓您由淺入深的學會網頁設計的基本的技巧！
教學目標：
使學員了解Dreamweaver CS5基本操作，並從中了解網頁設計的概念。整個課程以設計網頁，架設靜態網頁的基本技能訓練為主。
另外安排資訊安全與智慧財產權的基本認識。