新版網頁-手機瀏覽功能

教育訓練

主講單位

: 資訊網路中心 主

講

人

: 陳亮靜

大 綱

手機瀏覽概念

手機瀏覽－內容管理

手機瀏覽－模組管理

手機瀏覽－頁面設定

一.

二.

三.

四.

手機瀏覽

－功能設定五.

一、手機瀏覽概念

可將網站現有資料轉換為手機瀏覽，無 須重新建立資料。

步驟：1. 資訊建立

2. 模組建立

3. 將資訊加入模組

4. 將模組上架至網頁

一、手機瀏覽概念

一、手機瀏覽概念

使用PC瀏覽手機頁面

若要使用ＰＣ進入手機瀏覽模式，可直接修改ＵＲＬ進入

網址範例：

(以資訊網路中心為例)

inc.meiho.edu.tw/bin/home.php修改為

inc.meiho.edu.tw/m/home.php

一、手機瀏覽概念

若要使用ＰＣ進入手機瀏覽模

式，可直接修改ＵＲＬ進入

二、手機瀏覽－內容管理

手機版分類及資料如何建立？

步驟：

1. 於PC版內容管理建立分類及資料

2. 進入手機版內容管理建立分類

路徑：

手機瀏覽-->內容管理

二、手機瀏覽－內容管理

如要使用分類清單需為手機瀏覽先建立大分類

資訊為網站現有資訊

路徑：手機瀏覽-->內容管理

二、手機瀏覽－內容管理

為手機分類建立

一個名稱

下級分類可由已建

立的分類清單中直

接加入

二、手機瀏覽－內容管理

新增完成

手機畫面

二、手機瀏覽－內容管理(修改資訊內容)

欲將資料修改為手機版資訊，該如何 修改

步驟：

1.

於PC版內容管理切換至手機頁籤

2.

將資料修改為手機版專用內容

路徑：

內容管理-->手機

二、手機瀏覽－內容管理

內容管理-修改資訊內容欲將資料修改為手機版資訊，該如何修改?

代表與一般電腦瀏覽網頁的內容相同；如

打勾取消，可於在下方的〔詳細說明〕編

輯新內容。

三、手機瀏覽－模組管理

手機版模組如何建立?

步驟：

1.

於PC模組管理建立模組

2.

進入手機版模組管理修改模組呈現方式

路徑：

手機瀏覽-->模組管理

三、手機瀏覽－模組管理

於〔別名〕中填寫於手機瀏覽時， 該公告模組的顯示標題。

推薦模組

三、手機瀏覽－模組管理

手機畫面

三、手機瀏覽－模組管理

廣告模組 2.

3.

1.

三、手機瀏覽－模組管理

手機畫面

四、手機瀏覽－頁面設定

將製作完畢的模組上架至手機頁面並

設定頁首連結

步驟：

1. 將模組擺放至頁面

-手機瀏覽--＞頁面設定--＞首頁畫面設定

2. 設定首頁連結

四、手機瀏覽－頁面設定

將模組擺放至手機瀏

覽頁面

首頁畫面設定

四、手機瀏覽－頁面設定

可設定行動版網網站名稱

四、手機瀏覽－頁面設定

可設定單位logo

四、手機瀏覽－頁面設定

可設定首頁連結

給予連結名稱並設

定首頁連結內容

四、手機瀏覽－頁面設定

首頁連結

單位logo

五、手機瀏覽－功能設定

可設定使用手機瀏覽網頁時是否自動引 導至手機版本

路徑：

手機瀏覽--＞參數設定--＞軟體功能設定

五、手機瀏覽－功能設定

給予連結名稱並設

定首頁連結內容

軟體功能設定

使用手機或ipad瀏覽

時自動導到手機版

首頁連結設定位置

五、手機瀏覽－功能設定

「導航欄」可設定三種不同呈現方式