[ 行動網頁 ] 行動網頁 區塊 、 欄位調整說明

行動網頁建置後,使用者可以針對每個區塊可進行調整,其中除了可以調整單一 區塊 內容外,區塊中的欄位也是可以讓使用者自由調整及添加。透過區塊及欄位這兩個項目的調整,讓使用者可以方便地編輯、修改行動網頁的圖文排版,所見即所得的調整方式也便於使用者瞭解編輯後的樣式為何,接下來請參考以下的操作說明。

 

#行動網頁 教學系列文章#

[ 行動網頁 ] 建立行動網頁的 LOGO 和大圖

[ 行動網頁 ] 建立 網頁標題 及 基本按鈕介紹

[ 行動網頁 ] 新增網頁欄位 及 圖文 說明

[ 行動網頁 ] 為您的行動網頁新增 超連結

 

區塊 調整

區塊調整可以針對一整個橫符區塊進行調整,包含移動、新增文字區塊、刪除整個區塊。

區塊 調整

 

 

欄位 調整

欄位調整包含移動、欄位縮小、欄位放大、圖檔上傳、刪除此區塊等項目,詳細說明及操作如下。

 

移動 移動說明1

可將欄位移動至別的區域。

移動欄位

點住 移動說明2 按鈕後進行拖曳,至指定位置後放開即可移動完成。

調整後,圖和文的順序會對調。

欄位縮小 欄位縮小說明1

可縮小目前欄位之寬度,直接點擊按鈕即可。

欄位縮小說明2

調整後,會看到文字區塊變窄了。

欄位縮小說明3

欄位放大 欄位放大說明1

可縮小目前欄位之寬度,直接點擊按鈕即可。

註: 若放大的比例若超過單行寬度時,排列在該欄後的其他欄位會自動換行。

欄位放大說明2

調整後,文字的欄位變寬,但因為兩欄的寬度超過單行寬度,因此會自動換行。

欄位放大說明3

圖檔上傳 圖檔上傳說明1

可在該欄位上新增本機端的圖片檔。

圖檔上傳說明2

點擊 圖檔上傳說明3 按鈕後,選擇圖片路徑,再點選儲存即可上傳。

圖檔上傳說明4

調整後,會看到新增的圖片新增在欄位中。

圖檔上傳說明5

刪除此區塊 刪除此區塊說明1

可直接刪除該區塊。

刪除此區塊說明2

點選 刪除此區塊說明3 按鈕後,系統會提示確認訊息,按下 [確定] 後該欄位即刪除。

刪除此區塊說明4

調整後,會看到右側的圖片欄位已被刪除。

刪除此區塊說明5

Comments

No comments yet. Why don’t you start the discussion?

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料