常見問答製作
本篇教學將使用至下列三種技巧:
  1.  錨點的使用
  2. 頁面內超連結
  3. 在原始碼中插入「水平線」
  4. 項目符號的應用
  5. 初階CSS使用
  6. 將「Word文章」貼到「101架站平台」的小技巧
如果尚不知如何操作101架站平台的使用者,請先瀏覽線上教學的影片,學習基本操作。 線上教學影片:9、13、17)
成果示範:
「常見問答」的結構分析:
登入後從下圖來看,制作「常見問答」至少要分兩篇網頁文章擺放資料。
第一篇網頁文章:問題目錄
第二篇網頁文章:問題回答
開始製作「常見問答目錄」:
  1. 登入後,於網頁文章點選「新增網頁文章」
    (如不知基本網頁文章操作的使用者,請觀看教學影片:#9、#13)
  2. 先點選「插入/移除項目清單」
  3. 編輯區會如圖出現一個「 ● 」
  4. 於小黑點後輸入第一個問答題目,輸入完成按鍵盤上的[ Enter ] 鍵換下一題  
    ※ 每道題目前都要有「 ● 」
  5. 依序輸入問答的題目,或從Word貼上
    • ※5-1 從Word貼上者,於Word複製好後請點選「從Word文件中複製後貼上」
    • ※5-2 將從Word中複製的文字貼到白框中,
      然後將「移除字型設定」及「移除樣式設定」兩項勾選後按「確定」
    • ※5-3 文字即被貼入編輯區內,但卻不是每個問答前都有「 ● 」(如下圖)
    • ※5-4 此時只要在每行的最後面按 [ Delete ] 鍵(以下圖為例,就是在每個「?」後按 [ Delete ] 鍵)
    • ※5-5 變成下圖後,馬上按[Enter]鍵作換行
    • ※5-6 就會出現「●」(如下圖)
    • ※5-7 只要重複5-4~5-6的步驟,就可以讓每項前面都有「 ● 」
  6. 接著要為每一個題目,加上超連結。(您可以將您的問答作個編號,以利辨識。)
  7. 將一題問答反白選起後,按「插入編輯超連結」
  8. 在跳出的框中輸入「#01」,然後按確定
    ※在這裡「#」是必需的,後面的「01」可自行替換為其他文字(限英文及數字)
    因為常見問答習慣上有編號較好辨別,所以在此例中我是以數字編號

  9. 重複7~8,將每一個題目的超連結完成

    ※這裡製作好的超連結雖然可以點選,但網頁實際上不知道要「連到哪」
    「#」要配合10的「錨點」使用。
  10. 接著要製作一個「錨點」讓後會製作問答的答案時,能透過「回目錄」的連結,回到位於畫面最上方的問答目錄。
  11. 在問答Q1的最前方點一下,讓閃動的「|」游標停在最前方
  12. 按「插入/編輯錨點」
  13. 輸入「top」,按「確定」

    ※「top」可自行更換為其他文字,以英文及數字為限
  14. 會出現如下圖書本的圖案及虛線框及表示完成
  15. 按下「儲存(或儲存修改)
  16. 方才製作好的內容就呈現於畫面上了。
製作「常見問答」的回答部份:
結構分析:
回答的編輯分為三大部份,
1. 題目(藍框)
2. 回目錄」按鈕及超連結(綠框)
3. 回答(紅框)
開始製作「常見問答」的回答部份:
  1. 先在同一網頁上放置一新的「網頁文章區塊」
    (如不知基本網頁文章操作的使用者,請觀看教學影片:#9、#13)
  2. 點選「新增網頁文章」,進入編輯畫面
  3. 先自Word將文字貼上
    (請參考「製作問答目錄」中5-1, 5-2的作法)
  4. 設定「題目」及「A:」的文字顏色,完成後如下圖:(顏色可選符合您需求的使用)
  5. 將回答中有要編號的三行選反白選取,然後按下「插入/移除編號清單」


    完成樣式
  6. 在Q1前插入錨點「01」
    ※此號碼對應到「製作問答目錄」中的步驟8
    ※如果是Q2,就插入錨點「02」,依此類推
  7. 將「回目錄」三字反白選取,點選「插入編輯超連結」,
    (對應到「製作問答目錄」中步驟13)
  8. 輸入「#top」


    完成圖
  9. 接著只要在Q1的下面,重複步驟3~8,把其他問題的答案編輯即可完成「常見問答」的「問題答案」部份。