---
# System prepended metadata

title: 新進設計交接

---

# 新進設計交接

#工作內容
- EDM、通知信、包頭尾信
- Banner
- web event site
- 平面製作物（鐵人賽頒獎典禮）
- 以上皆可參考過往修改

# 學習流程
熟悉環境 => 理解工作內容 = 基礎知識 1 學習 => 基礎知識 2 學習

## 學習知識
- [金魚都能懂的網頁設計入門](https://ithelp.ithome.com.tw/users/20112550/ironman/2072)
###### 參考資源：
- [W3school html](https://www.w3schools.com/html/)
- [MDN html](https://developer.mozilla.org/zh-TW/docs/Web/HTML)

## 基礎知識 1
- 網頁用圖色彩請選 RGB / 72dpi
- EDM 的製作（使用公版，看 EDM 規範，製作圖文式、全圖式，包頭尾遇到奇怪的EDM）
- banner（動態效果，參考過往）廣告版位了解 https://staff.ithome.com.tw/adtest
- Banner 視覺磨練（可以參考過往檔案）
- 大略知道 html ,會搬動各區不會跑版，console 不會新增錯誤
- 了解用到的 Bootstrap 4
- 與設計有關的網站風格、名詞理解（廣告部、科學部、企服部活動網站）
- Facebook偵錯工具 https://developers.facebook.com/tools/debug/
- 圖檔壓縮 https://tinypng.com/
- 中文與英文中間需要空白，標點符號大寫

## 基礎知識 2
- 了解 html, css 每一行大概的意義（版本和 console 訊息）
- 活動網站文案架構
- Git 基礎操作
- html 命名注意事項（Class name避免使用sponsor、banner有機會被AD block擋）
- 了解 Bootstrap 舊版 v.3, 新版 v.5

# 工作流程
- 案子幾乎都是由 PM 發製作需求，不太會需要接觸案主，不過了解案主可以更瞭解需求
- 公檔路徑參考過去檔案，了解過去案主習慣
- excel 紀錄專案
- 等案子發過來 → 討論需求 → 依需求做發想或搜集資料 → 出平面稿 → 切版 → 修改/上線
- 部分活動視覺由設計部提供

### ※　edm、banner 注意事項
* 完成製作，原始製作檔（html／psd／ai）一併放上共用路徑中，方便其他人能協助修改
* 命名方式以案主好查閱為原則（例如用日期／時間／尺寸做細分）
* edm詳細規範可參考公檔(網站開發部\EDM範本)，**EDM製作規範_V0523**

# 與設計相關之活動大致分類
- 資安大會（大）
- 鐵人賽（大）
- 廣告部活動
- 企服部活動
- 科學部活動
- 其他例行活動

# 專案分類
- 廣告部: edm banner 報名網頁、小型常態網站(VMware) 
- 企服部: 活動網頁
- 科技學習部: summit、workshop、conference webpage


---

## 公司基本資料
統編
午休
設定門禁卡
印名片盒 - 檔案確認
Email 帳號設定信箱
嘉芬人資那邊的資料繳交




## 即刻需要帳號的系統
slack
[redmine](https://redmine.ithome.com.tw/)
seminar
atlassain 帳號（Bitbucket）
Authy （手機二階段驗證 app）
trello（Gmail 帳號）
Adobe
Figma（Gmail 帳號）

以下斟酌 --
Gmail 帳號，開檔案用
遠端所需帳號
webinar


# 請假
說明 - 應該是由嘉雰提供
請假方式 - 特休、事假、病假、公假、補休
請假系統 https://ehrd.1111.com.tw/
企業編號 12948944



---

### 最後小建議：如果有一天遇到一直改，可以了解需求背後的需求(觀落陰？)

![](https://i.imgur.com/VrafjXV.jpg)


---

## 公司主要活動網站參考：

* webinar(IT EXPLAINED)	https://webinar.ithome.com.tw/	
* 全國醫院資訊主管會議	https://ciomedical.ithome.com.tw/index.html
* 零信任	https://zerotrust.ithome.com.tw/
* 數位政府	https://egov.ithome.com.tw/
* PQC	https://pqc.ithome.com.tw/
* sre-conference	https://sre.ithome.com.tw/
* 雲端大會 https://cloudsummit.ithome.com.tw/
* Agile	https://agile.ithome.com.tw/
* DevOps	https://devopsdays.tw/
* K8s	https://k8s.ithome.com.tw/
* Modernweb	https://modernweb.ithome.com.tw/
* ESG	https://esgsummit.ithome.com.tw/
* 臺灣資安大會	https://cyber.ithome.com.tw/
* 資安大會CFS	https://cyber.ithome.com.tw/2023/CFS/
* CYBERSEC NOW https://cybersecnow.tw/	
* accs	https://accs.ithome.com.tw/
* 鐵人賽	https://ithelp.ithome.com.tw/2022ironman/event
* iT 邦幫忙	https://ithelp.ithome.com.tw