HTML Formatted Reports

使用 HTML 做報告是一種很好的方法來創建一個可在所有裝置上查看、自訂、輕鬆更新和輕鬆分享的報告。

HTML（超文字標記語言）是一種用來建立網頁結構和內容的標記語言。

依筆者觀察，使用 HTML 做報告有許多好處，包括：

• 可在所有裝置上查看： HTML 報告可在所有裝置上查看，包括桌上型電腦、筆記型電腦、平板電腦和智慧型手機。這意味著您可以將報告分享給任何人，無論他們使用何種裝置。

• 可做標準及風格化： HTML 報告可自訂，以符合觀看者的需求。使用者可以更改字型、顏色、版面配置和其他元素。這讓您可以創建一個看起來專業且吸引人的報告。

• 可輕鬆更新： HTML 報告可輕鬆更新。如果您需要在報告中添加新資訊或更改，您可以編輯 HTML 程式碼，然後重新發佈報告。這比使用傳統的文字處理器更容易更新報告。

• 可與他人共享： HTML 報告可輕鬆與他人共享。可以將報告發佈到網站，或透過電子郵件發送給他人。這讓報告者可以輕鬆將報告分享給您的同事、客戶或學生。

• 插入圖片與超連結：使用元素來插入圖片，src 屬性指定圖片的 URL。也可以使用Base64格式，直接嵌入在HTML中。

• 檔案加密：加密後的HTML檔案讓客戶無法輕易修改，請參考本篇第二章的展示。

使用 HTML 做報告是一種很好的方法來創建一個可在所有裝置上查看、自訂、輕鬆更新和輕鬆分享的報告。只要了解HTML語法，也能輕鬆的用記事本做網頁文本。

下面筆者以Ansys風格，基於HTML製作一個Ansys HFSS的報告範例給讀者參考。

圖0-0

報告內容主要區分成以下幾個部分：

• 標題：設計Project與Design名稱。

• 設計資訊：電腦名稱、模擬版本資訊、報告產出時間、使用電腦、設計者。

  • 設計記事本：複製AEDT的記事本內容到報告中。

• 設計參數：把設計參數做成表格，方便查閱變數條件。材料參數特性放到最下方避免資訊過多雜亂，但又存有紀錄。

• 設計材料：列出模擬中使用的材料名稱。

• 設計圖片：把所有圖片列表並提供超連結。

  • 3D Model 圖片：以Diemetric、Trimetric、Front、Top、Right的角度呈現3D模型。

  • 設計報告：設計的模擬各式報表圖片。

  • Mesh與電磁場分布：設計案例的Mesh與電磁場分佈繪圖。