# 應音系網管理與基礎 Rpage 系統操作

[TOC]

## :motorway: Roadmap

### Tasks

- :point_right: **簡化側邊欄內容，強調主頁便利性**
- [ ] 【專業師資】更新
- [ ] 【講座內容】更新
- [ ] 【看版廣告】
- [ ] 裝飾性圖片
- [ ] 【系所資訊】內容排版、更新
- [ ] 【課程資訊】附件更新 :question:
- [ ] 【招生資訊】簡章附件更新 :question:
- [ ] 【榮譽榜】改至首頁顯示 :question:
- [ ] 【活動紀錄】內容更新
- [ ] 【畢業專區】內容精簡化 :question:
- [ ] 【網站連結】連結更新

### Doing

*nothing here ₍^. .^₎⟆*

### Done

- [x] CSS 視覺效果改進
- [x] `hover`
- [x] Logo 排版修正

> Last update: 25/09/03

## :paperclip: 文件說明

本手冊的記錄基本上是參考各其他學校之 Rpage 課程簡報和部份個人探索之結果，理解與使用上說明必不完善齊全（或可能有誤 :sweat_smile: ），但應該多少能輔助使用上遇到的一些困境，省去另外查找資料的麻煩 。本手冊雖以南藝網頁為例，其他同樣為 Rpage 系統的設置應該也是大同小異吧（？）。

## :spiral_note_pad: 介面概覽

列出系統介面中各頁面之位置，方便定位。

.
├── 資訊管理
├── 文檔
├── 模組
│   ├── 公告模組
│   ├── 連結模組
│   ├── 自定模組
│   ├── 廣告模組
│   ├── 選單模組
│   ├── 頁籤模組
│   ├── 複合模組
│   ├── 表單模組
│   ├── 排行模組
│   ├── 投票模組
│   ├── 投票題組
│   ├── 共享模組
│   ├── 共享公告
│   └── RSS 訂閱
├── 會員
│   ├── 會員等級
│   ├── 會員群組
│   ├── 留言回覆
│   └── 會員解鎖
├── 頁面
│   ├── 頁面樣式變更
│   ├── 頁面底部建立
│   ├── 頁面連結設定
│   ├── 首頁畫面設定
│   ├── 預設頁面設定
│   ├── 自定頁面管理
│   ├── 形象頁設定
│   ├── 自定模組外觀
│   └── 常用樣式維護
├── 子網
│   ├── 子網參數
│   ├── 子網內容
│   ├── 公共屬性
│   ├── 頁面設定
│   └── 網站層級
├── 參數設定
│   ├── 基本資料設定
│   ├── 軟體功能設定
│   ├── 網站管理工具
│   ├── 資訊屬性欄位
│   ├── 欄目名稱設定
│   ├── 提示訊息設定
│   ├── 計數器設定
│   ├── 郵件底稿設定
│   ├── 會員登記項目
│   ├── 會員註冊條款
│   ├── 評分項目設定
│   └── 推薦分享設定
├── 系統管理
│   ├── 帳號管理
│   ├── 系統留言版
│   ├── 常用功能
│   ├── 審核流程
│   ├── 權限管理
│   ├── 日誌管理
│   ├── 帳號解鎖
│   └── IP 限制登入設定
├── 匯入匯出
│   ├── 匯入會員資料
│   ├── 匯入帳號資料
│   ├── 匯入資訊資料
│   ├── 匯出資訊資料
│   ├── 匯出日誌資料
│   └── 匯出 QR Code
├── 資源管理
│   ├── 資源建立
│   ├── 資源審核
│   ├── 修繕管理
│   ├── 行事曆建立
│   ├── 行事曆事件審核
│   ├── 參數設定
│   └── 頁面設定
├── 圖庫管理
│   ├── 圖庫管理
│   ├── 圖庫公告
│   ├── 圖庫留言
│   ├── 圖庫參數
│   └── 圖庫頁面設定
└── 電子報
    ├── 範本管理
    ├── 發送電子報
    ├── 電子報管理
    ├── 一般訂閲管理
    └── 頁面設定

## :warning: 維護規範

1. **測試**：部份模組設定為「\_ 測試用」物件，用來初步測試模組效果使用
2. **註解**：部份未知用途或判斷不需使用之物件名稱會以雙斜線（`//`） 註解。

## :pencil: 常用設置

為了方便立即上手使用，手冊以**網站的外觀為出發點向系統內尋找該功能的定位**，以下標題以本系網站呈現之標題為主，附有圖例說明。

### 修改導覽列設置（nav）

::: info
Info
- 設定位置：`頁面管理` → `首頁連結設定`
- id：N/A
- class: `mnavbar mn-collapse`
:::


### 資訊分類清單修改（網站導覽列）

::: info
Info
- 設定位置：`資訊管理`
- id：`Dyn_1_1_2`
- class: `M1227`
:::


大部份皆為文檔格式，點撃進入欲修改的部份修改即可。

### 新增公告（貼文）

::: info
Info
- 設定位置：`模組管理`→ `公告模組`
- class：parent 為 `col col_02`
:::


直接進入 `公告模組` ，依想修改的分類新增貼文即可。頁籤目前設置三列（row），可於同個 `模組管理` 下的 `頁籤模組` 中設定細項。

### 頁籤變更（橫向）

::: info
- 設定位置：`模組管理`→ `頁籤模組`
- id：N/A
- class：`mb`
:::

可更改不同頁籤（橫向）的順序，如圖：


主要分為三大部份：

- 「本系最新公告」行
- 「校方最新公告」行
- 「活動訊息」行

細部設定如下：


- `模組標題`：即「引用之模組名稱」，可於 `公告模組` 頁面新增查看
- `頁籤名稱`：即「網頁上顯示的名稱」

### 頁籤變更（縱向）

::: info
- 設定位置：`頁面管理`→ `首面畫面設定` →
:::


當前頁面設定設為 `第二列`，拖拽可修改目前三大行的順序。

### 修改網站連結（系上相關連結）

::: info
- 設定位置：`模組管理`→ `連結模組`
- id：`Dyn_1_1_3`
- class：`M15587`
:::


### 更換廣告（Banner）

跟據官方說法（見 [References](#References)）：

> 建議上傳長1920以上的圖片，系統會將圖片縮小，但是不會放大，因為放大會造成圖片失真。

實測滿版大小長寬比為 2:1，即「長 1092px，寬 546px」，為保持美觀，建議統一尺寸以 2048 x 1920 以上之圖片避免寬度參差不齊。

### 定位點隱藏

#### 頁面頭部（Header）定位點

::: info
- 設定位置：`頁面管理`→ `頁面頭部建立`
:::

將 `頭部定位點` 設定為 `隱藏`。


#### 頁面內容定位點

::: info
- 設定位置：`頁面管理`→ `頁面畫面設定`
:::

直接從左側模組添加，或右側 `x` 移除。

### 更改網站 favicon / logo

::: info
- 設定位置：`參數設定`→ `基本資料設定`
- id：N/A
- class：`mlogo`
:::

參考 TNNUA 主網之 logo 大小為 310 x 60 px 置左，這邊試採用相同的排版。

## 進階設置

> 一些正常情況下不會動到的東東……除非泥知道泥在做什麼

### 網站導覽設置

::: info
- 設定位置：`模組管理`→ `自訂模組`
:::

這邊可以設定 `網站導覽設說明` 的內容。


---

::: info
- 設定位置：`頁面管理`→ `預設頁面設定`
:::

在 `當前頁面設定` 中，下拉切換至 `網站導覽頁面` ，會發現 `網站導覽設說明` 是使用自訂模組的功能分開引入 `網站導覽` 頁面。


### 自訂 CSS

由於排版的設定似乎已經由系統內處理了，CSS 自訂的部份只需關注「美術設計」上的效果。系統本身有提供自訂範例檔案，內已經有註解說明，皆有保留。

---

# References

- [Rpage 基礎教育訓練 - 中山大學圖書館](https://lis.nsysu.edu.tw/static/file/1/1001/attach/80/pta_162461_5109422_61412.pdf)
- [Rpage無障礙網站網頁管理說明 - 國立臺灣科技大學](https://www.cc.ntust.edu.tw/var/file/50/1050/img/2704/399596993.pdf)