57
Friendly Portal System MasterPage Reference 前言 前言 前言 前言 Friendly Portal System (以下簡稱 FPS)提供多種網站外觀結構供學校選擇,截至版本 4.11 為止,總共有 47 MasterPages什麼是 什麼是 什麼是 什麼是 MasterPage其實 MasterPage 是一個網頁的組成部分,它限定了網頁各內容的編排方法,例如: 上圖是兩個 MasterPages,左邊的以一個大圖片作主內容,右邊的以「最新消息」的列表作主內容;另外, 主導覽列的樣式、校曆表的位置等等,也有分別。學校可以隨意選用喜愛的 MasterPage,於是網站的外觀 便會立即來一個大革新。 此外,由於 MasterPage 的內容,在網站上任何一個網頁都是可見的,所以讓訪客有一個網站外觀統一的印 象: 首頁 比賽得獎頁 以上兩個網頁是使用同一個 MasterPage 的,所以有很多共通的地方,例如校徽、主導覽列、下面的地址、 版權聲明、訪客計數器樣式等等,都是相同的,不同的是中間的主要內容。 如何選擇 如何選擇 如何選擇 如何選擇 MasterPage請以具有「系統建立與管理」權限的用戶登入 FSPS,選擇「系統管理」、「網站外觀」、「MasterPage 定」。

Friendly Portal System MasterPage Reference · Friendly Portal System MasterPage Reference 前言 Friendly Portal System (以下簡稱FPS)提供多種網站外觀結構供學校選擇,截至版本

Embed Size (px)

Citation preview

Friendly Portal System

MasterPage Reference

前言前言前言前言 Friendly Portal System (以下簡稱 FPS)提供多種網站外觀結構供學校選擇,截至版本 4.11 為止,總共有

47 種 MasterPages。

什麼是什麼是什麼是什麼是MasterPage???? 其實MasterPage是一個網頁的組成部分,它限定了網頁各內容的編排方法,例如:

上圖是兩個MasterPages,左邊的以一個大圖片作主內容,右邊的以「最新消息」的列表作主內容;另外,

主導覽列的樣式、校曆表的位置等等,也有分別。學校可以隨意選用喜愛的MasterPage,於是網站的外觀

便會立即來一個大革新。

此外,由於MasterPage的內容,在網站上任何一個網頁都是可見的,所以讓訪客有一個網站外觀統一的印

象:

首頁 比賽得獎頁

以上兩個網頁是使用同一個MasterPage的,所以有很多共通的地方,例如校徽、主導覽列、下面的地址、

版權聲明、訪客計數器樣式等等,都是相同的,不同的是中間的主要內容。

如何選擇如何選擇如何選擇如何選擇 MasterPage???? 請以具有「系統建立與管理」權限的用戶登入 FSPS,選擇「系統管理」、「網站外觀」、「MasterPage設

定」。

每個每個每個每個 MasterPage規格介紹規格介紹規格介紹規格介紹

MasterPage01 的示例的示例的示例的示例

MasterPage01的首頁的首頁的首頁的首頁

上圖是一個典型的MasterPage01首頁的例子,其特色是可以顯示很多知訊.。

MasterPage01 的各項尺寸的各項尺寸的各項尺寸的各項尺寸

當設計自建網頁時,網頁的闊度必須小於 690px,否則過闊的部分會看不見。

MasterPage03

MasterPage03的首頁的首頁的首頁的首頁

MasterPage03的各項尺寸的各項尺寸的各項尺寸的各項尺寸

MasterPage04

MasterPage04 的首頁的首頁的首頁的首頁

MasterPage04的各項尺寸的各項尺寸的各項尺寸的各項尺寸

MasterPage05

MasterPage05的首頁的首頁的首頁的首頁

MasterPage05的尺寸的尺寸的尺寸的尺寸

MasterPage06

MasterPage06首頁首頁首頁首頁

MasterPage06的尺寸的尺寸的尺寸的尺寸

MasterPage07

MasterPage07首頁首頁首頁首頁

MasterPage07尺寸尺寸尺寸尺寸

MasterPage08

MasterPage08首頁首頁首頁首頁

MasterPage08尺寸尺寸尺寸尺寸

MasterPage09

MasterPage09首頁首頁首頁首頁

MasterPage09尺寸尺寸尺寸尺寸

MasterPage10

MasterPage10首頁首頁首頁首頁

MasterPage10尺寸尺寸尺寸尺寸

MasterPage11

MasterPage11首頁首頁首頁首頁

MasterPage11尺寸尺寸尺寸尺寸

MasterPage12

MasterPage12首頁首頁首頁首頁

MasterPage12尺寸尺寸尺寸尺寸

MasterPage13

MasterPage13 的尺寸的尺寸的尺寸的尺寸

MasterPage14

MasterPage15

MasterPage16

MasterPage17

MasterPage18

MasterPage 19

MasterPage22

各各各各 MasterPages的內容闊度限制的內容闊度限制的內容闊度限制的內容闊度限制 當我們制作自建網頁,而且把網頁指定為在本頁開啟,則我們需要遵守網頁內容的闊度限制。如果網頁的

闊度超過容許的闊度,則超出的內容將會看不見。另一方面,如果自建網頁是在新視窗開啟,則闊度沒有

限制。

下表列出各MasterPage的內容闊度限制:

闊度限制

MasterPage01 670px

MasterPage03 670px

MasterPage04 680px

MasterPage05 680px

MasterPage06 760px

MasterPage07 920px

MasterPage08 920px

MasterPage09 920px

MasterPage10 960px

MasterPage11 740px

MasterPage12 940px

MasterPage13 760px

MasterPage14 760px

MasterPage15 760px

MasterPage16 960px

MasterPage17 960px

MasterPage18 960px

MasterPage19 760px

MasterPage21 960px

MasterPage20

MasterPage21

MasterPage22

MasterPage23

MasterPage24

MasterPage25

MasterPage26

MasterPage27

MasterPage28

MasterPage29

MasterPage30

MasterPage31

MasterPage32

MasterPage33

MasterPage34

MasterPage35

MasterPage36

MasterPage37

MasterPage38

MasterPage39

MasterPage40

MasterPage41

MasterPage42

MasterPage43

MasterPage44

MasterPage45

MasterPage46

MasterPage47

MasterPage48