---
# System prepended metadata

title: 110-1 共同網站設計
tags: ['eesa ', 110-1]

---

---
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#
