內容篇-學會了這些，您就可以讓網站圖文並茂

如何在網頁上增加文章？下載教學影片

可以使用「網頁文章」Portlet進行文字的編輯。
先叫出「功能選單」
點擊其中的「內容管理」
找到「網頁文章」，點擊「網頁文章」右方的「新增」
在網的「內容區域」會出現如下圖的紅框的Portlet區塊。
點選左下的新增文章圖示。
依下圖指示分別輸入「文章名稱」、「文章內容」後，按下「發佈」，即完成文章的編輯。

回上層

如何在文章中插入文字連結？下載教學影片

請參考「教學影片」。回上層

已經編輯好的文章，要如何修改呢？下載教學影片

對於編輯完成的文章，如果有需要修改內容時，可利用「編輯文章」功能來修改文章。
在網頁上找到想要修改的「網頁文章」Portlet，找到左下角的「」編輯文章的圖示（如下圖箭頭處），點選，即會人進入編輯文章的畫面，編輯完成後，按下「儲存」即修改完成。
|

回上層

不小心把文章按「

」關閉了，要怎麼讓它再出現呢？下載教學影片

如果不小心將文章按了「」關閉，使得文章從網頁上消失了，這時只要利用「網頁文章」Portlet中的「選擇文章」功能，即可將文章復原。
在頁面上新增一個「網頁文章」Portlet。（新增方式請看「如何在網頁上增加文章？」。）
點選網頁文章右下角的「」選墿文章按圖示（如下圖）。
會進到文章列表畫面（如下圖），點選想復原的文章名稱，即可將文章復原至網頁上。

回上層

要怎麼把圖片上傳至平台上呢？下載教學影片

上傳的方式與上傳檔案的方式相同，只是所使用的Porlet為「圖片分享」Polet，詳細操作請看「如何上傳圖片？」。

回上層

在編輯文章時，可以上傳圖片嗎？下載教學影片

可以的，請參考下面的教學。
在新增或編輯文章時（如何新增一篇文章請點這；如果是要修改已存在的文章，請點這。），點選如下圖箭頭所指的「插入/編輯影像」圖示。
會跳出如下圖視窗：
按下面左圖的「瀏覽可上傳圖片資料夾」，會出現下面右圖的視窗。
點選網站名稱的資料夾。
點選要上傳圖片的資料夾（如到這個步驟時，還沒有新增過任何的資料夾，請按下面的「新增子目錄」為「圖片分享」新增一個目錄後，再進行這個步驟）。
選擇瀏覽，點選想上傳的圖片（一次只能上傳一個檔案）。
按下上傳
上傳完成後，就可在下圖箭頭所指的檔案列表中，找到方才上傳的圖片檔名，只要用滑鼠點選即可正確的插入圖片。
點選圖片後，畫面會回到如下圖畫面，並在右下有個預覽窗格，可於此修改圖片的大小（系統自動等比縮放），並且可修改對齊方式，讓文字與圖片有合適的排列方式。詳見下圖。
最後按下確定，畫面就會回到原本的編輯文章畫面，只要按下「發佈（或儲存）」，一個豐富具有圖片與文字的文章即編排完成。

回上層

如何在文章中插入圖片？下載教學影片

在新增或編輯文章時（如何新增一篇文章請點這；如果是要修改已存在的文章，請點這。），點選如下圖箭頭所指的「插入/編輯影像」圖示。
會跳出如下圖視窗：
你可直接在下圖箭頭處直接輸入「圖片網址」後，按下確定鍵，即可將影像插入文章中。
或是按下面左圖的「瀏覽可上傳圖片資料夾」，會出現下面右圖的視窗。
點選網站名稱的資料夾。
點選圖片所在的資料夾。
點選要插入的圖片。
畫面會回到如下圖畫面，並在右下有個預覽窗格，可於此修改圖片的大小（系統自動等比縮放），並且可修改對齊方式，讓文字與圖片有合適的排列方式。詳見下圖。
最後按下確定，畫面就會回到原本的編輯文章畫面，只要按下「發佈（或儲存）」，一個豐富具有圖片與文字的文章即編排完成。

回上層

Portlet出現的位置我不喜歡，我可以移動它嗎？下載教學影片

可以的，只要用滑鼠左鍵，點選「Portlet標題」處，即可移動任何功能的Portlet。詳細操作方式請看教學影片。

回上層

Portlet上面的名稱，我可以修改嗎？

可以的，只要直接點選要修改的部份，就可以進行Portlet標題的修改了。
下圖為Portlet標題示意圖，圖中紅框處即為每個Portlet都會有的「Portlet標題」。
用滑鼠點選要修改的標題名稱，以上圖左側的標題名稱為例，點選Portlet標題文字，如下圖。
即可修改標題內容，如下圖。
修改完成後，按下鍵般的「Enter」鍵

回上層

每個Portlet都有個框框，可以將它設定為不顯示嗎？

可以的，只要設定Portlet各別的「外觀與風格」，將「顯示邊框」取消即可。
下圖箭頭處所指即為每個Portlet的邊框。
藉由取消邊框的設定，可使Portlet的邊框消失，以上圖左上角的Portlet為例，取消邊框後的效果如下圖所展示。
點選滑鼠右上角的「」圖示，在網頁的最上方會出現如下圖的Portlet外觀設定視窗。
將下圖箭頭所指的「顯示邊框」取消勾選。
按下儲存後，系統會出現如下圖所指示的提示訊息，表示已修改成功，只要按下「重新整理(F5)」將網頁重新整理即可看到結果。

有個Portlet我不想要了，要怎麼將它從頁面上移除呢？

您只需要按下Portlet右上角的「」，系統會出現提示訊息，確認是否移除Portlet，確認刪除則按下「確定」按鈕，即可將該Portlet從網頁中移除。

平台有上傳檔案的功能嗎？下載教學影片

有的，要透過「檔案分享」的Portlet，就可以上傳檔案。
首先叫出「功能選單」
點擊其中的「內容管理」
點擊「檔案分享」旁的「新增」
在「內容區域」的最左上角，會出現方才新新的「檔案分享」Portlet，如下圖。（檔案分享的所佔的畫面大小，依所選擇的「版面結構」決定，系統會自動調整其寬度。）

回上層

要怎麼上傳檔案呢？下載教學影片

利用「檔案分享」的功能，即可上傳或管理檔案，並且檔案可自訂資料夾擺放。
先在網頁上擺放「檔案分享」功能
在沒有上傳過任何資料前，會看到下圖畫面。
在上傳資料前，請先至少新增一個資料夾來放置檔案。
點選上圖所示「新增資料夾」按鈕後，輸入資料夾的名稱後，按下「儲存」，即可看到舟才所新增的資料夾已在畫面上。
例：新增一「網頁檔案」資料夾，新增完成後，如圖圖所示。
點選所欲上傳檔案的資料夾後，畫面如下圖。
點選「新增文件」後會出現下圖畫面：
點選「瀏覽(您能選擇多個檔案)」，選擇要上傳的檔案後，按下確定。
點選「上傳檔案」後，系統開始上傳檔案，並會顯示上傳進度。

回上層

如何提供給瀏覽者下載檔案呢？下載教學影片

詳細請參考「教學影片」。回上層

我的檔案可以分類嗎？

可以的，利用「新增資料夾」的按鈕，即可為檔案進行分類。且資料夾內可再利用「新增子資料夾」的按鈕，建立更細節的資料夾分類。

回上層

如何上傳圖片？

利用「圖片分享」的功能，即可上傳或管理檔案，並且檔案可自訂資料夾擺放。
先叫出「功能選單」
點擊其中的「內容管理」
點擊「圖片案分享」旁的「新增」
接下來的步驟與上傳檔案相同，請參考檔案上傳的方法。

回上層

我的圖片可以依資料夾分類嗎？

可以的，只要利用「圖片分享」中的「新增資料夾」，就可以分門別類地上傳圖片。

回上層

我可以一次上傳很多的圖片檔嗎？

可以，只要在上傳圖片時按住「CTRL」鍵，再用滑鼠點選，就可以選擇多個檔案。也可利用「Shift鍵+滑鼠點選」一次選取連續的檔案。或是使用滑鼠拖拉等，都可以一次選擇多個檔案進行上傳。
回上層

如果我的文章很長，要怎麼讓它可以簡單的分頁呢？下載教學影片

在編輯文章的畫面，按下「」，即可讓一篇文章有分頁的效果。
在學習操作的方式之前，我們現來看這個功能所呈現的結果畫面。
沒有作分頁效果的文章-文章的若有數千字，會全數在畫面上呈現：
作了分頁效果後的文章：
操作方式：於編輯文章的畫面，在想要作分頁效果的部份用滑鼠左鍵點一點，使「I」游標停留在要作分割的位置。
點選「」
文章中會插入一小行文字「@ page_break @」
設定完成後按下「儲存（或發佈）」，即可看到所設定的結果。
如果要取消分頁的結果，只要帶輯文章的狀態下，將「＠ page_break ＠」刪除即可。

回上層

可以讓使用者對文章進行「留言」或「回應」嗎？

點選「網頁文章Portlet」右上角的「」圖示，如下圖所指示。
勾選「啟動評論」後，即可（欲使用此功能留言，使用者需於平台註冊後才可留言）。

回上層

文章可以加上「評分」的功能嗎？

點選「網頁文章Portlet」右上角的「」圖示，如下圖所指示。
勾選「啟動打分數」後，即可（欲使用此功能留言，使用者需於平台註冊後才可評分，如無帳號，僅可觀看評分結果）。

回上層

要怎麼修改內容區域的排列方式呢？

在網頁的「內容區域」，可藉由設定修改其內容排列的方式，修改方式是透過修改「版面結構」來調整排版方式。
在登入後，於網頁右上角會看到一「Welcome XXX」的字樣（XXX請替換為使用者註冊時輸入的名稱），當滑鼠移上去時，會出現「下拉式選單」，點選其中的「版面結構」會出現下圖畫面，只要依著圖示，選擇想更改的結構後，按下「儲存」按鈕，即可修改「內容區域」的排列方式。

回上層

本版型由101superweb網頁設計公司及eportfolio數位學習歷程平台所設計，圖片由哈利路亞101網站架設平台及及基督徒聖經 詩歌網所提供，版權所有，未經授權禁止擅自使用。

登入

線上教學