昏貴就是粉粿

發表文章

目前顯示的是 11月, 2025的文章

【網頁設計自學】HTML的無序列表以及有序列表

HTML 的無序列表以及有序列表 1. 無序列表（ Unordered List, <ul> ）用途：用在「沒有一定順序」、只是單純列項目的情況，例如：特色、項目、注意事項。無序列表的語法，在每個項目前面會有一個黑色點點的符號。語法： <ul> <li> 項目 1</li> <li> 項目 2</li> <li> 項目 3</li> </ul> 什麼時候用：條列式介紹注意事項特點、功能列表 2. 有序列表（ Ordered List, <ol> ）用途：用在「有順序、步驟、排名」等情況，讓讀者知道前後次序的重要性。語法： <ol> <li> 第一步 </li> <li> 第二步 </li> <li> 第三步 </li> </ol> 效果：第一步第二步第三步什麼時候用：教學步驟排行榜需要強調順序實際操作看看： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>這是一個討論 Html 中的無序列表、有序列表的文章</title> </head> <body> <ul> <li>項目 1</li> <li>項目 2</li> ...

閱讀完整內容

【網頁設計自學】HTML的空格、註解、換行

HTML的空格、註解；換行 HTML 空格（Space）在 HTML 中，連續空格會被縮成一個。若要強制保留多個空格，可以使用幾個常見的跳脫字元：   ：不斷行空白（最常用） &ensp; ：半形空格 &emsp; ：全形空格範例阿  元 → 阿元（會顯示兩個空格）阿&ensp元 → 阿元 → 半形空格阿&emsp元 → 阿元 → 全形空格 HTML 換行（Line Break） HTML 中最常用的換行方式有以下三種： <br> ：強制換行（最常用） <p> ：段落換行（語意正確） <pre> ：保留所有空白與換行範例第一行<br> 第二行 <p>第一段</p> <p>第二段</p> <pre> 這裡的空格會被保留換行也會保留 </pre> HTML 註解（Comment）註解不會出現在網頁畫面上，只出現在原始碼，非常適合暫時隱藏區塊。使用方式   簡單的示範 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>這是一個討論 Html 中的換行、註解、空格的文章</title> </head> <body> <h1...

閱讀完整內容

【網頁設計自學】HTML的簡易架構，以及其程式碼的意義

HTML 的簡易架構，以及其程式碼的意義先簡單寫一段正常架構的 HTML <!DOCTYPE html> <html lang="zh-Hant"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>你的標題</title> </head> <body>  </body> </html> 個別的意義 <!DOCTYPE html> 告訴瀏覽器：「這是一個 HTML5 頁面」。（不寫會讓瀏覽器用舊模式顯示，可能跑版）這一段是宣告 HTML 的版本，會跟著版本更新，現在是 HTML5，那就會是 HTML5。 <html lang="zh-Hant"> 開始 HTML 主體，並設定語言為「繁體中文」。搜尋引擎會依這個 tag 判斷語系，有助 SEO。 <head> ... </head> 放「不是畫面本身，但很重要」的資訊，例如：網站標題、SEO meta、CSS style、Google Analytics。 Open Graph（FB/LINE 顯示的預覽）也會放在這裡。在寫部落個的這段時間，我可以堅定的說出：「標題很重要！！！標題很重要！！！標題很重要！！！」幾乎是下完標題就決定 Google 會不會找到這篇文章了。 <meta charset="UTF-8"> 告訴瀏覽器用 UTF-8 編碼，不會讓中文變亂碼。 <meta name="viewport" ...> 讓手機／平板顯示正常（RWD）。沒寫...

閱讀完整內容

【HTML自學】Lorem Ipsum：一段有意義的廢話

HTML自學＿Lorem Ipsum：一段有意義的廢話 Lorem Ipsum 的功用是什麼？ Lorem Ipsum 是一段「沒有意義的假文字（dummy text）」，主要用來在做網頁、排版、設計稿的時候，填充文字、測試版面。最重要的用途是：不會受內容干擾，只專注看版面與排版效果。 1. 排版測試：專注於版面，而非內容如果使用真實文章，讀者（或設計師）會不自覺去讀內容，反而忽略排版問題。所以 Lorem Ipsum 被用來測試：字體大小行距版型寬度段落間距橫向、直向的閱讀感 RWD 排版是否正常因為它看起來像真正的內容，但實際上是沒有意義的一段文字，就不會讓人想讀。 2. 測試字數、佈局、長短內容的呈現做網站或範本時，你常常不知道未來的使用者會輸入多少文字。所以 Lorem Ipsum 可以用來模擬很長的文章、很短的段落、一大串文字、混合排版、單欄、雙欄、三欄佈局、卡片式設計，設計師會用它來「裝滿」畫面，避免版面空空的，看不出效果。 3. 用來建立 Wireframe、Mockup、Demo 範例做網站 Demo、設計模板、主題 preview 時，你需要放文字，但不能用亂碼（太醜），也不能用真內容（會分散注意力）。 Lorem Ipsum 就是最剛好的選擇，看起來像文章，卻完全不重要。於設計師、工程師、客戶溝通時很方便。主題網站（如：WordPress / Blogger 模板）幾乎都會用它。 4. 測試字體、字重與不同語系的視覺表現有時候我們習慣用中文來看字體和版面呈現的效果怎麼樣？然後就真的只看中文的效果……某些字體對英文、數字、長句顯示的效果差異很大。 Lorem Ipsum 是「假英文」，可以用來：測試標題字重是否夠粗、測試段落字體是否易讀、看字的灰度（閱讀密度）、看排版是否協調。如果後來要換成中文，也能看到語系切換時的落差。 5. 避免使用敏感內容或版權內容 Demo 頁面不能用：真實新聞、他人文章、有版權的段落、容易引起爭議的內容。 Lorem Ipsum 是完全開放的，就比較不用擔心這種問題。 6. 測試 CSS 或 JavaScript 行為工程師常用它來檢查：捲動行...

閱讀完整內容

【自學網頁設計】簡述Html、CSS、Javascript之間的差別

簡述Html、CSS、Javascript之間的差別前言我從高中的時候開始接觸部落格，從無名小站、痞客邦，到後來的WordPress，最後來到這裡，遊走在各個平台之間。回想開始寫部落格的時候，只是在上面寫寫簡單的生活心情；後來開始分享一些整理文，有了幾篇文章比較高流量，賺到了一些錢。漸漸地，網站與部落格開始變成生活的一部分，甚至是生活的重心，於是開始想要把網站變得漂亮一點。這時候發現，好像還得學學Html、CSS、Javascript…… 1.、HTML：負責結構，就像房子的骨架 HTML（HyperText Markup Language）是「超文件標記語言」，嚴格說起來它不是程式語言，而是用來描述「內容」的語言。簡單來說：HTML 是網頁的骨架。在網頁上看到的所有東西：標題（h1～h6）段落（p）圖片（img）連結（a）表格（table）清單（ul、ol）全部都是 HTML 建立的。所以打開部落格Html，清一色都是這一些。 HTML 的工作是什麼？決定「有什麼內容」、決定內容的「階層結構」提供 SEO 所需的語意標籤（例如：header、nav、main、article、footer），起初我覺得沒什麼差，寫文章都是在word上面寫完，然後直接複製貼上到部落格的後台，然後發文。後來學了一點點html之後，發現這樣做的結果就是裡面的html超亂，除了一堆word垃圾標籤之外，該有的標題、簡述段落的句子、圖片的名稱……等，這些都會影響部落格SEO。把 HTML 想成：「先決定房子有幾間房、廚房在哪、牆壁在哪」。有點像是預售屋的剖面圖？ HTML 長什麼樣？ <h1>魚油挑選指南</h1> <p>Omega-3 重點是 DHA + EPA 的含量。</p> <img src="fishoil.jpg" alt="魚油產品"> HTML 不負責什麼？不負責樣式（顏色、大小、排版） → CSS處理不負責互動（按鈕點了會動、跳出視窗）→ CSS+Javascript處理不負責動畫（滑動、淡入淡出）→ Javascript處理 2. CSS：負責設計...

閱讀完整內容

初學（自學）Pyhton的幾個推薦資源

基於興趣，在工作之餘，我開始學習 Python。由於是自學，我翻找了很多資源，也參考了線上的大家推薦的書、網頁、頻道，這邊我也整理幾個我覺得還不錯的！簡言之：本篇記錄我自學、初學 Python 的幾個資源。書籍－RealPython－人氣站長教你動手寫程式這本書念起來很直觀，沒有太多廢話，也會用例子提醒很多觀念需要注意的細節。我去圖書館翻覽很多關於 Python 的書籍，我覺得這本很適合初學者。而他也有自己的網站，裡面定期更新許多超酷的Python知識： RealPython網頁部落格 YouTube：CodeShiba 程式柴我覺得初學 Python 的時候，很適合看程式柴。分類清楚，節奏也很舒服。我一邊看，一邊按部就班地跟著打 code，進步了很多。他也有部落格與線上課程： CodeShiba 程式柴免費電子書－Automate the Boring Stuff with Python 作者是 Python 界鼎鼎有名的 Al Sweigart，他的很多作品堪稱經典。這本電子書適合程式初學者，即便沒有先前程式背景，也可從本書開始。直接點進去就可以看，但是全英文的，也可以順便練習英文！網頁練習題：高中生程式解題系統 ZeroJudge 大學學 C++、Java（也是自學）的時候，發現這個網站。裡面提供簡單的程式練習題，依難度與學習順序排列，很適合學習 Python 時寫寫看。網頁練習題：LeetCode LeetCode 是一個專門用來練習演算法與資料結構的線上刷題平台，可以把它當成「程式題庫」。很多軟體工程師都會用它訓練邏輯能力、解題速度與程式技巧。它分成三個等級： Easy（基礎題，語法學好就能解） Medium（90% 的核心練習都在這） Hard（面試、挑戰大腦時用）初學時先從 Easy 開始就好，也可以嘗試著慢慢往下寫。

閱讀完整內容

【藥局常見問題】保健食品要什麼時候吃？｜什麼保健食品要飯前吃、什麼保健食品要飯後吃？

飯後吃：魚油、葉黃素、綜合維他命飯前吃：葡萄糖胺空腹／睡前：鈣片、膠原蛋白、益生菌皆可：B 群為什麼這樣吃？魚油與葉黃素是脂溶性的，因此可以挑你吃最油的那餐（飯後吃），吸收會最好。綜合維他命同樣含脂溶性＋水溶性維生素，選你吃最多、最均衡的一餐飯後吃即可。葡萄糖胺適合在有胃酸環境下吸收，因此建議飯前 15～30 分鐘吃；若腸胃敏感，飯後吃也可以。 B 群原則上任何時候都能吃，但有些人吃了精神很好，怕影響睡眠的話建議早上吃。 Q：如果保健食品在不對的時間吃會怎樣？ A：頂多吸收比較差而已，保健食品不像藥品那麼嚴格，時間拿捏不用太緊張。保健品挑選指南保健食品挑選指南藥局常見問題，所有客人常問的問題都在這魚油挑選指南｜藥師帶你挑魚油！ B群挑選指南｜男性、女性各別適合怎樣的B群？瑪卡挑選指南｜藥師帶你挑瑪卡！哪個CP值最高

閱讀完整內容

藥師帶你挑保健品！簡易保健品挑選指南一次看完！

走到了藥局之後，面對架上滿滿的保健品，眼花撩亂。常常有客人問我：「我到底要吃什麼保健食品？魚油、馬卡、B 群……這麼多種，每一種又這麼多牌子，到底哪一個才適合我？」其實，在阿元看來，很多客人根本不知道自己的需求在哪裡。這就造成挑選保健品最困難的地方，反而不是選擇多，而是找不到自己的需求。即使好不容易抓出方向，也常常卡在下一步：不知道該怎麼挑？怎麼比較？最後花了錢卻買不到適合自己的產品。身為藥師，我始終相信：產品只要存在，就有其道理。換句話說，保健品沒有「好」或「不好」，只有「適合」與「不適合」的差別。每個人的生活型態、飲食習慣、壓力來源、工作方式都不同，需要的營養補充也不一樣。與其盲目跟風，不如先了解自己的狀況，再挑選真正符合需求的產品。挑選保健品時，可以從幾個大方向思考：品質是否值得信賴產品來源、原料是否透明、有無基本檢驗或第三方認證？成分與含量很多保健食品並不是含量越高越好，而是是否符合你目前的生活需求與補充目的。價格與劑量的平衡（俗稱 CP 值）同樣的內容物，劑量不同、服用量不同，整體成本也會差異很大。學會看標示，才能真正比出 CP 值。品牌有些人在乎品牌，那也沒關係。知名品牌通常比較貴，但只要能讓你安心，那才是最重要的。順從性（非常重要）最直觀的方式就是問自己：「買了你會不會吃？會不會固定吃？」因為即便你買到再好、再適合你的保健品，放在那邊不吃也是枉然。保健品是長期吃了之後才漸漸有效果，而不是買了之後就有效果。還有很多關於保健品的眉眉角角，難以用一篇文章說明，因此我會針對不同品項做比較，並整理成簡易挑選指南，讓大家在挑保健品的時候有個方向。保健品挑選指南魚油挑選指南｜藥師帶你挑...

閱讀完整內容

娘家的四種魚油差別在哪裡？｜極頂、極好、極淬、極上魚油怎麼區分？

Q ：娘家一共有四種魚油，請問這四種魚油差別在哪裡？ A ：差別在 DHA 、 EPA 的含量比例不同！藥局的客人看到玲瑯滿目的魚油產品，已經眼花瞭亂，好不容易挑選到自己要的品牌，發現娘家居然有四種顏色包裝的魚油！於是跑來問我這四個魚油的差別？幾乎每個客人在看到娘家魚油之後都會跑來問：「藥師啊！這四種差在哪裡啊？」關鍵就在 DHA 、 EPA 的含量比例！下面我幫大家整理起來（以下為 1 份的含量，也就是 2 粒）：娘家極頂魚油（紫色）－ DHA ：沒寫、 EPA ： 1140mg 娘家極好魚油（橘色）－ DHA ： 404mg 、 EPA ： 605mg 娘家極淬魚油（綠色）－ DHA ： 840mg 、 EPA ： 120mg 娘家極上魚油（藍色）－ DHA ： 72mg 、 EPA ： 960mg 1 、娘家極頂魚油（紫色） EPA 含量 1140mg ， DHA 含量幾乎沒有（所以沒寫）。極頂適合想針對 EPA 補充的人。 2 、娘家極好魚油（橘色） DHA ： 404mg 、 EPA ： 605mg 。 DHA ： EPA ＝ 2 ： 3 ，是非常均衡的比例，適合兩種成分想均衡補充的人。 3 、娘家極淬魚油（綠色） DHA ： 840mg 、 EPA ： 120mg 。 DHA ： EPA ＝ 7 ： 1 ， DHA 含量高出許多，適合想著重於 DHA 補充的人。 4 、娘家極上魚油（藍色） DHA ： 72mg 、 EPA ： 960mg 。 EPA 的比例高出 DHA 好幾倍。【極好】的 DHA/EPA 比例很像【極頂】，都是高含量的 EPA 。【連結】娘家極頂魚油（紫色）娘家極好魚油（橘色）娘家極淬魚油（綠色）娘家極上魚油（藍色）

閱讀完整內容

魚油幾％真的重要嗎？藥師教你正確看「有效 Omega-3」與 CP 值

最近常常聽到某廣告台詞：「你吃的魚油有幾%？」我一直覺得應該改成：「Omega-3 的有效含量有多少？」可能是因為「幾%」這樣念起來比較順耳吧！因為即便 % 數很高，假設單顆劑量很低，那也是枉然。真正的重點始終是：「DHA + EPA（有效 Omega-3）」的含量有多少。如果要計算魚油的 CP 值，除了有效 Omega-3 含量之外，價格、顆數……等等都要考慮進去，才是真正的精打細算。就我自己的觀點，比濃度或 CP 值更重要的是這三件事： 1、是否有合格標章？廠商是否值得信賴？ 2、你需要的是 DHA？還是 EPA？ 3、魚油的大小你吞不吞得下去？（吞不下去都是枉然）如果你只是想單純討論 CP 值、或魚油怎麼挑，歡迎參考這一篇：簡易魚油挑選指南｜藥師帶你挑魚油！魚油挑選重點，哪款魚油 CP 值最高？

閱讀完整內容

Python自學＿把if/lese一行寫完

Python 自學＿把 if/lese 一行寫完題目：判斷某是偶數還是奇數一般寫法： number = 4 if number % 2 == 0: print("Even") else: print("Odd") 一行寫完： number = 4 print("Even"if number % 2 == 0 else "Odd") 本篇重點：也沒什麼重點，只是記錄 if/else 可以一行寫完 XD 不過由這個例子可以知道， Python 真的是一個很直觀的語言， "Even"if number % 2 == 0 else "Odd" ，這段話或許沒寫過程式的人都知道在寫什麼呢！不過，我認為上面一般寫法還是比較直觀，排版整齊、一目了然。程式世紀大師 Martin Fowler ：「 Any fool can write code that a computer can understand. Good programmers write code that humans can understand. 」好的程式設計師，應該寫出讓大家看得懂的程式；或者說，應該寫出讓你的同事一看就知道你在寫什麼的程式。

閱讀完整內容

【Python實作】判斷使用者輸入的數字是否為質數？

Python 自學＿判斷是否是質數目的：練習 for 迴圈、 if/else 題目：讓使用者輸入一個正整數，並且判斷是否為質數？ # 程式開始 try: n = int(input(" 請輸入一個整數： ")) except ValueError: print(" 請輸入正確的數字 ") exit() if n <= 1: print(" 不是質數 ") else: is_prime = True for x in range(2, int(n**0.5) + 1): if n % x == 0: is_prime = False break print(" 是質數 " if is_prime else " 不是質數 ") # 程式結束程式說明 try: n = int(input(" 請輸入一個整數： ")) except ValueError: print(" 請輸入正確的數字 ") exit() 「先用 try/execpt 確認使用者輸入合法的內容。」 if n <= 1: print(" 不是質數 ") else: ...

閱讀完整內容

簡易魚油挑選指南｜藥師帶你挑魚油！魚油挑選重點，哪款魚油CP值最高？

「魚油」在保健品市場一直非常熱門，我自己在藥局的感覺，最多人詢問的三大保健品：「 B 群」、「益生菌」、「魚油」。以前大家對魚油的刻板印象停留在「適合特定族群」，近年來大家的保健觀念越來越好，知道魚油的範圍很廣，從一般日常保健、忙碌上班族的日常維持，運動訓練者日常補給，都會考慮補充魚油。只是魚油的產品超級多（大概是保健品裡面最多）：濃度、來源、劑型、 TG / rTG / EE 型態各別代表什麼意思？我今天沒有要講 XD 本篇只討論簡單的「 CP 值」！台灣人很在乎 CP 值，很多客人來藥局詢問我的時候，都會問哪一個比較划算？以下是常見的錯誤算法：（ X ）用單價除以顆數來挑選 → 沒有考慮含量（ X ）直接用 % 數來挑選 → 不好與價格做計算，且容易有誤差（ X ）用 DHA+EPA 的含量挑選 → 經常沒有考慮顆數以下是我的計算方式：單顆【 DHA+EPA 】的含量，乘以單罐顆數，除以單罐價格，其結果就是每 mg 「有效」 omega-3 含量的價格。（備註）有效 omega-3 含量，就是 DHA+EPA 。【簡易挑選指南】 1 、魚油有很多型態，盡量挑 rTG 型、 TG 型，但是其實現在大部分都做 rTG 型了。 2 、 DHA 、 EPA 的含量有多少？其含量與價格的對比算法在上面。 3 、排裝還是罐裝？硬要選的話，我會選排裝的，好保存也好攜帶。 4 、有沒有認證？例如： IFOS 、 GMP…… 。有沒有提供原料來源？ 5 、單顆大小很重要！有客人因為買的魚油太大顆，很難吞就不吃了，很可惜。以下海巡幾個比較知名的魚油，我會用以下的格式來呈現： 1 、簡單整理該款魚油的特色。 2 、一天要吃幾顆。 3 、每 mg 有多少「有效」 omega-3 含量、每 mg 「有效」 omega-3 含量的價格。【知名魚油品牌】大研生醫 1 、特色： 84% Omega-3 ，採用德國 KD Pharma 原料、 rTG 型式。由於廣告打很大、知名度高，很多人會來藥局...

閱讀完整內容

【藥局常見問題】孕婦應注意之藥品（OTC篇）

免責聲明本篇內容為筆者之藥學筆記，僅供參考與學習使用，並非實際之醫療或用藥建議。若有任何健康狀況或用藥相關問題，請務必現場諮詢合格醫師或藥師。孕婦應注意之藥品（OTC篇）備註：雖然懷孕分級（FDA Category）已經取消。本篇依舊附上供參考。止痛藥 B級： Acetaminophen 禁忌 NSAIDs 類懷孕期間不建議使用，或需依照醫師指示。【注意】市售之 Acetaminophen 常搭配 Caffeine（如普拿疼加強錠），有含 Caffeine 者孕婦不能使用！過敏藥（抗組織胺） B級：Cetirizine、Loratadine、 Chlorpheniramine C級：Fexofenadine 鼻噴劑 C級：Fluticasone 暈車 B級：Meclizine、Diphenhydramine 止吐 B級：Diphenhydramine 拉肚子 C級：Loperamide 禁忌含 bismuth 的止瀉藥脹氣或胃酸引起的胃痛 C級：Simethicone 「Simethicone 舊資料顯示C級，但因為 Simethicone 不被人體所吸收，臨床上普遍視為孕期安全」便祕 C級：Sennoside B級：Bisacodyl 咳嗽參考蜂蜜水。蜂蜜水對於孕婦的安全性，可以看這一篇：衛生部國民健康署－孕產兒關懷網站化痰 B級：Acetylcysteine 喉嚨痛－喉嚨噴劑 B級：Benzydamine 喉嚨痛－喉片 B級：Cetylpyridinium、Chlorhexidine C級：Benzocaine FDA舊制孕婦分級的意思 FDA 舊制「孕婦分級」的意思 1. Category A — No risk in human studies Studies in pregnant women have not demonstrated a risk to the fetus during the first trimester. 2. Category B — No risk in animal studi...

閱讀完整內容

【Python實作】質因數分解

Python 實作＿質因數分解目的：練習數學運算子、集合說明：國小的時候有學過因數分解，大概是用短除法吧（我忘了？）。後來國中有了質數的觀念，又補強了一次因數分解，題目開始變得要分解很大的數字。但是人類再怎麼分解也有個極限，不過程式可以分解的值就很大了！本篇就來練習用 python 質因數分解。題目：讓使用者輸入一個數字，將該數字切分為數個質數的乘積，如 12=2^2 * 3 （次方的符號以 ^ 來表示） # 程式開始 # 質因數分解程式 n = int(input(" 請輸入一個正整數： ")) num = n # 用來之後印結果 factor = 2 # 從最小質數開始 result = {} # 儲存質因數與次方 # 質因數分解 while factor * factor <= n: while n % factor == 0: result[factor] = result.get(factor, 0)+1 n //= factor factor += 1 print(re...

閱讀完整內容