一邊看自己寫的實習日誌，一邊填寫媒體部的實習生學習日報表。
欄位有日期、到離時間、工作項目、時數、指派工作人 mentor 或其他正職、備註。
合計寫了兩天份的日報（11/01, 11/03）。
去問工程部的導師我今天的任務，他說就繼續寫一屏，寫好給他看。
繼續做數位帳戶一屏。如果要自己做出畫面左半邊的角色動畫會太耗時，最後選擇不做，複製貼上 CSS animation 程式碼。
餐廳：BBC 早午餐俱樂部
我點了明太子鮪魚厚蛋三明治 $120（內容物有明太子、鮪魚、厚蛋、生菜、番茄、吐司）、逼你喝紅茶 $30，三明治搭配飲品可折 10 元，合計 $140。
繼續做數位帳戶一屏。
請導師來看我切好的一屏，並告知角色動畫是複製貼上的。我問他公司的設計師用什麼軟體做出這個網站的設計稿，他說是用 Ai。我提到畫面上的各種間距不太好抓，並開啟書籤管理的介面設計文件的原型，和切好的網頁，表示如果我有精確的設計稿可以切出幾乎一樣的網頁。
導師讓我去切一個動態周報的一屏和二屏，有儲存庫網址（內有切好的圖）、整個網頁的視覺稿圖片（jpg）可參考。
他說動態周報因為是要放在電子郵件中，需要用 table 排版、無法用 div，可以參考儲存庫裡的範例檔案。
因為要快速產出一次性的網頁，設計師沒有做設計系統。畢竟做設計系統要耗時，比較適合長期運作的網站，這我可以理解，但是動態周報是要長期使用的，設計系統也不必做到多完整，至少列出顏色和文字樣式有這麼難嗎。還有，都二零二二年了竟然還在用 Ai 做圖，市面上介面設計軟體那麼多，隨便換一個都比現在好。
設計稿當中，有序清單的數字和文字之間有豆腐（長方形打叉，就是無法顯示的符號）。
git clone 之後開啟資料夾，裡面有空的 index.html、參考用的 example.html 和圖片。
檢視 example.html 的執行結果。是舊版的動態周報。
檢視 example.html 的程式碼。<style> 當中有一堆 !important。因為排版是用 <table> 做出來的，結構有夠巢，還有一大堆 inline style。不過有一些還不錯的註解可以參考。發現 <table> 當中有 <div>，啊不是說只能用 <table>？
檢視 images 資料夾，圖片的名稱都是編號，看不出圖片的內容，還有兩張圖的檔名是中文。
因為最後這個網頁要放入電子郵件中，所以 CSS 要全部放在 <style> 當中。
人生中第一次看著 jpg 切版，覺得自己被 Figma 寵壞了。總之先召喚 Black-shrimp (一個 Chrome Extension) 來收集色碼。因為無從得知文字的字重，詢問導師該如何解決，他說他自己是把設計稿的圖片變成整個網頁的背景，切出來的網頁放在前面，兩層疊在一起確認，還有實際寬度要參考 example.html，不會和設計稿一樣寬。
聽他講才知道，公司的設計師工作內容很寬，我說平面設計和介面設計全包，他說是這樣沒錯。不是每個設計師都知道介面設計的細節，要和前端工程師互相補足、相輔相成。聽到這些話，我覺得可以原諒設計師了。
導師傳來一個 Figma 網址與文字訊息，寫說他有把 AI 大致轉成 Figma，還有他不太熟 Figma，讓我自己打開來看。我看過 Figma 檔案之後回覆感謝、只有一屏有跑版、其他部分大致上都正常。並且我注意到設計稿當中的一屏被命名為 card 1，二屏被命名為 card 2，以此類推，於是我決定 CSS 類別也要用 card 和編號來命名。
仔細檢查才發現 Figma 檔案中的所有文字都被外框化了，變成向量圖形。悲劇。好啦至少各種間距不用自己估計。不過 Figma 檔案的寬度是 921px，example.html 的寬度是 750px，所以我要把各種寬度和間距等比例縮小。
因為一屏跑版了，我把視覺稿放在另外新增的網頁中，拿來和我自己寫的網頁對照。
由於 text-align: justify; 對於文字的最後一行沒有作用，所以對於只有一行的文字也沒有作用。改用 letter-spacing 做出文字水平分散的效果。在下班前幾乎完成一屏，只剩大標題的右邊有額外的字距。
傳訊息給導師，說我前幾天接到網站開發的案子，估算所需時間後決定下週開始只來公司兩天，不去媒體部，想問周二三、周三四或周四五哪個比較好，他選周四五。
也告知媒體部的導師我之後不去媒體部，並感謝她的指導。
數位帳戶一屏有兩個部分重疊的區塊花了一些時間才排好位置，想起以前學過 position: absolute; 的相關用法，但是當時沒寫筆記，覺得學過的東西一定要寫筆記，不然很快就會忘掉。
製作回到最上方的按鈕時發現了 <a target="_top">，用這個設定就不用寫 JS。並且學習了一點點 FontAwesome 圖示的用法，才發現 FontAwesome 目前最新版的官網，功能比以前豐富、介面比以前好看，恭喜它進化了。