---
tags: eesa ,110-1
---

# 110-1 共同網站設計

Nav bar:
1. hover 時會有各部門的選單
2. 選單 link 用 /部門名#section

主頁面：
1. 消息公告（條列式）：
* 左半邊正常右；半邊加上簡介(使用drawer 的 right(pc), buttom mobile) [reference ](https://rsuitejs.com/components/drawer/)
* 駐辦時間表()
* 活動資訊（舉辦時，特別出現）
* 排程（電機系個活動時間軸，近期放大，連結）
* optional: calender

各部門頁面：
1. 各部獨立分頁：
* 部長介紹，服務內容，聯絡方式，負責業務
* 各部門連結

相關網站：
* 連結到常用的網站

<!-- ///////////////////////////////////// -->

## 網站實作

- 需要的功能
1. 事務公告、部課資訊

電機系消息公告圖

makeNTU 網站圖

小標題：可以搭配篩選(ex：學術/部課、公關/公告)

2. 各部共同需求
- 有一個獨立的頁面
- 篇幅介紹各部部長、聯絡方式、負責業務、以及可以提供學生的幫助
- link to 各部門宣傳事務的網站(目前就ee+)
3. 主頁面有駐辦時間表、活動資訊、排程
4. 相關網站

舉例：預選課網站、maker space 預約網站、course map、make NTU

## Todo

- Fiona
- [x] 消息公告
- [ ] events & date

- Mason
- [ ] nav bar
- [ ] 駐辦時間表

參考連結：
Mainpage
- nav bar(https://rsuitejs.com/components/dropdown/) Hover
- events & date 1(https://rsuitejs.com/components/steps/)
- events & date 2(https://rsuitejs.com/components/timeline/)
- 消息公告(https://rsuitejs.com/components/panel/) Accordion effect
group
- 近期活動介紹資訊(https://eesa.ntuee.org/#Blogs)
- 駐辦時間表(https://rsuitejs.com/components/table/) Advaced Affix Horizontal Scrollbar

各部門網頁
- 成員介紹(https://rsuitejs.com/components/panel/) card

### 發文詢問需求

表單期限: 9/10

由於之前我們發的訊息被大家忽視，只有一個好寶寶 @黃曜廷 去 Google Docs 填寫需求，所以我們打算設一個期限 9/10 12:00，請大家按照文件上方的範例填寫需求，我們會優先完成期限內完整填寫的部門，如果超過期限，我們會把文件關起來喔！請大家儘早填寫。

https://docs.google.com/document/u/2/d/10g8ZJ5G6W4IoetOQPhdIYmG67CJdvSMfTOO2PiVK2_Q/edit#