HTML+CSS 是靜態網頁的基礎，想要入門學習靜態網頁設計，可以參考以下 udemy 的熱門 HTML+CSS 課程

https://softnshare.com/top-html-css-courses/

要跨入網頁前端程式設計除了要會 Javascript 程式語言，想要做出精美的佈局還是要熟悉靜態網頁設計相關技術，例如 HTML5/CSS3/Bootstrap ，這堂課即涵蓋了這些技術教學，適合想要入門網頁前端設計的初學者來上，這堂課也是 Udemy 上罕見的網頁前端設計中文課程。

這堂課還會教你將網頁部署到知名雲端網頁服務託管平台 Heroku，等於對未來開發動態網頁鋪路。

https://softnshare.wordpress.com/…/html5css3jquerybootstrap/

<工商服務>
台中有需要架網站的朋友可以看一下這邊喔
喬義司資訊是台中的一間網頁設計公司，成員於網頁設計業界都有2-8年以上的經驗，目前共6位成員。秉持了服務、價值、永續、誠信的經營理面，迅速在網頁設計業界打響名號，2014年創業至今已累積超過50件作品，包含靜態網頁設計、公司形象網站、RWD形象網站、大型資料庫網站、大型購物網站、RWD購物網站。有要做網站的可以找他們唷。
官網: http://www.choice-design.com.tw/

#大溪關聖帝君百年遶境 即將登場，各社頭為了帶領民眾更加了解大溪社頭文化與特色，在關聖帝君遶境路線上，精心規劃臨時社館及闖關遊戲。

今天我在歷史悠久的興安社，玩了壓箱寶扭蛋機；在仁安社體驗了打童仔鼓，看了展示將軍、童仔等遶境神將；在鎮豐社與美華國小孩子一起玩打陀螺。

今年大溪大禧活動將傳統文化與現代設計結合，讓活動更加創新，也吸引更多年輕人參與。上半年受到疫情影響，我們特別規劃 #關公online互動網頁，以及 #遶境事務所特展，讓民眾透過虛擬及靜態展等方式，一樣也能體驗大溪的傳統廟會文化。

【2020大溪大禧】
⏰日期｜8/1➖8/13
📍地點｜普濟堂、中正公園、大溪全城歡慶
🔍更多資訊｜https://www.daxidaxi.tw/

因為部落格讓我獲得更多機會，從面試到演講、從薪水到業外收入，然而這並不難做到，在這部影片我會和你分享如何跨越第一道難關，開始寫出自己部落格的心法和技巧。

透過寫作是提升自我是最快速容易的事情，初期的你，無需擔心文筆或是內容，轉換思維也能養成寫作習慣。

每一次的寫作都是和未來的自己提醒，曾經是如何解決問題的，讓我們一起用行動力去灌溉未來吧！

我的部落格已經經營 4 年，目前使用 Hugo + S3 所搭建的靜態網站，其中「如何成為失敗的軟體工程師」一文更是高達 800 次分享，超過 30,000 次觀看流量，目前總流量已經超過 150,000 次。

影片中所提到的額外收入
► 2019 年講師費收入約 25,000 NTD
► 過去 3 個月由 Adsense 的廣告收入約 10 USD
► 2019 年面試 10 家公司拿到 8 家錄取通知(offer)

重點快速連結

00:00 介紹
00:45 部落格實際好處和收穫
01:55 如何開始撰寫部落格
04:08 初期寫作三大心法

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘
━━━━━━━━━━━━━━━━
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
🌟 任何問題或合作邀約信箱: niclin0226@gmail.com

#部落格 #工程師 #前端 #後端

我是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