讓網站圖文並茂

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

如何在網頁上增加文章？下載教學影片
- 可以使用「網頁文章」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網站架設平台及及基督徒聖經 詩歌網所提供，版權所有，未經授權禁止擅自使用。

登入

線上教學