教學用的虛構素材,不含真實客戶資料。兩張圖與HTML一起留在本機。
小型工作室品牌與網站作品整理計畫讓手機平板桌面都能清楚閱讀每一項服務資訊
https://example.com/projects/QinghePortfolioContentReviewAndResponsiveDesignPracticeReferenceWithoutActualClientClaims2026
第一張:assets/stress-portrait.png,600×900,直幅構圖練習:深紫底上由上至下排列的品牌文字區塊與綠色幾何圖形。
第二張:assets/stress-landscape.png,1200×500,橫幅構圖練習:紫色標題區與左右並排的綠色幾何圖形。
複製兩張圖到自己的portfolio/assets;先換HTML的src、alt、width與height,保留摘要、角色與服務入口。第一張新增class=work-reference的p呈現參考網址。先觀察,不先改CSS。
替換兩圖後同步更新摘要第二句:直幅「這張直幅教學圖以紫色文字區塊與綠色幾何圖形練習資訊排列。」;橫幅「這張橫幅教學圖以左右並排的幾何圖形練習內容比例。」;摘要主旨、角色及其他作品保留。