---
# System prepended metadata

title: 分頁注意事項
tags: [開工]

---

# 分頁注意事項
###### tags: `開工`
基本上都要寫一個可以讓企劃組上資料的後台管理系統，這樣之後資料要更新或是錯誤的時候才能直接修改(但要注意資安議題)。不知道形式的話可以問我們。

在寫之前先想一下電腦版、手機版大致的格式。
很重要!!!! 基本上後期都會在刻CSS跟排版，痛不欲生。
想好整個分頁排版要用甚麼方式寫才能有RWD，**用flex、grid是不錯的方法**。

有資料的地方不要寫死(從後端資料庫取資料)，想清楚怎樣架構你的程式碼能讓之後維護跟更新資料比較方便。

後期可以考慮網頁瀏覽速度優化
## 新生必讀 
不同小分頁router寫清楚應該不會太困難

有些新生必讀檔案(pdf)需要顯示在網站上
##### 先人的智慧:
架構不要太亂 類似的分頁風格要統一
載入細項內容時直接顯示內容，不要整個頁面重整比較好，然後不要太慢
## 新生問答 
* 排序方法
* 搜尋模式
* 怎麼審核(跟企劃確認)
* load不能太慢
* 瀏覽體驗
##### 先人的智慧:
qna需要特別注意的事項:
1.因為qna頁面很常被使用，所以load不能太慢(通常不會一次加載所有問題)。
2.我當初排序是在後端排，被說如果多人使用對伺服器負擔可能會太大，但
後來因為來不及就沒改了，後來好像還好?
3.設計千萬要在第一週最晚第二週就要定好，後面要再改很麻煩。
4.手機版設計做壞了，不要參考我的設定
## 校園地圖 
* 手機板，排版，各種操作(放大、滑動)
* 互動效能
* 2D轉3D，3D轉2D
* 排版、排版、排版(但沒要大改就還好)
##### 先人的智慧:
需要用到一些動畫，手機版跟電腦版也會需要花費心思來排放。測試網站時期ajax取各建築資料貌似會有點慢，但正式上線就會變快了(應該是機器問題)。
## 系所社團 
跟必讀一樣router搞清楚就沒事
排版要看企劃美工討論的結果
可以做一下就是讓後台可以從資料庫自動抓出選項(用ajax)
上資料才不用全部都自己打
## NCULife 
需要放很多影片跟圖片 多細節要處理

排版也需要多花心思，有滿多地方需要能夠動態更新資料。

手機版可能也需要多花點時間處理
## NCUTube 
影片路徑搞定就沒什麼困難
但記錄時數的部分可能還要研究一下瀏覽器API(像是focus在該視窗才計算時數之類的)
##### 先人的智慧:
iframe, youtube api
還有如果要參考我的code的話
我的最大的缺點就是 我幾乎沒有用資料庫
但是像影音專區這麼多資料 還是要建一個好的資料表去處理比較好~
但是這方面不能參考我的 我很抱歉XD
## 常用連結+關於我們 
把排版確定好應該就可以了。
關於我們可以跟美工、企劃討論，或許可以加一些動畫或是做出翻書的感覺。
## 個人專區
主要是串連驗證那一些的，但之前都是組長寫，所以不確定的話可以來問我們
## 小遊戲 
找game engine
要做好post以及其他Vulnerable的防犯

可以跟美工、企劃討論一下小遊戲風格、美術素材及計分方式等等