人資幫我和另一位前端網頁實習生互相介紹,他是每周一到四來公司,我則是每周四五,只有星期四是兩個人都有來。我們換位子到隔壁排,聊了一下手上的任務,發現是相同的,不過我是一次做一屏,完全做好再處理下一屏,他是全部的內容都先放到網頁中,再來補樣式。
上網再查一次 text-align: justify;
和 text-justify
相關的用法。
導師要我把 index.html 改成 index2.html,再用 git push
。檔案改名是為了不要覆蓋掉另一個實習生寫的網頁。他看過我的網頁之後回覆"你第一版切得滿漂亮的👍",我回答"感謝回覆,不過動態周報這四個字的右邊有多的字距,還要再調整"。
再試一次 text-align: justify;
和 text-justify
的各種設定值,沒有效果。決定暫時跳過。
檢查本周專案內新增的圖片,發現是一屏的圖片,利用這些圖片更新一屏。剩下右半邊的圖片要調整。
餐廳:杉SHAN 台北松山店
我點了炙燒香草豬里肌_輕盈餐盒 $150,內容物有肯瓊香料地瓜、BBQ 風味烤玉米、烘烤小白洋芋、紫米白飯、生菜、炙燒香草豬里肌。
調整一屏右半邊的圖片。把各種文字替換成圖片。完成一屏、上傳、傳訊息通知導師。
從二屏開始有很多文字,自己徒手打字抄下來要花不少時間,於是去問同學後得知,他有拿到設計稿的文字,麻煩導師也傳這些文字給我。
利用導師傳來的文字,完成二屏、上傳、傳訊息通知導師。
導師走過來和我們兩位實習生說他們正要訂飲料,讓我們看他手機上的菜單選飲料,另一位實習生有選,我因為早上喝過飲料、不想一天攝取太多糖分,決定下次再點,導師說下次開團再揪我。另一位實習生拿到飲料後本來要付錢,導師說他請客。
導師傳來訊息,他說我做的一屏用圖片是不錯,但可能圖片從 Figma 匯出的時候用解析度高一點(eg. 3X)。然後日期是變數,希望用文字呈現,其他都OK。
上傳目前進度,拿筆電去給導師檢查目前的畫面。我問他應該先改一屏,還是完成三屏、四屏後再回來改?他回答先做三屏、四屏,之後做 RWD,之後再回去改一屏。
直到現在還是不懂為何文字右邊會有多餘的 letter-spacing
,目前的解決方案是加上 padding-left
。不過後來改用圖片代替文字,所以不用煩惱了。