Upload:鍾玉芳
Date:2015-01-29
view(s): 3872
  • 00:47 1.
    編輯器簡介
  • 00:37 2.
    插入圖片
  • 00:33 3.
    調整圖片大小
  • 00:50 4.
    插入超連結
  • 00:41 5.
    連結以彈跳視窗方式呈現
  • 00:37 6.
    其他小技巧
  • Index
  • Notes
  • Discussion
  • Fullscreen
編輯器的使用技巧
04:08, 2015-01-31, by 鍾玉芳
Keypoint
  1. 1.
    編輯器簡介
    在編輯區塊內按滑鼠左鍵即會出現編輯工具。
    利用工具可以編輯文字、段落、插入超連結或是圖片等。
  2. 2.
    插入圖片
    點擊「網路資料夾」的圖示997d2f8ec187ec5d5340fd18db3f14cb.png,在彈跳視窗中執行上傳或拖曳圖片至上傳區塊,完成後點一下圖片縮圖。
  3. 3.
    調整圖片大小
    在圖片上按滑鼠右鍵,選擇「影像屬性」或是點選編輯器上的48d3e40c5074a0b14e41ae8fb216d0b3.png輸入需要的數值。 
    (註: 23d0ab9164ca75f545aa79da2f83d7c7.png 鎖定長寬比)
  4. 4.
    在文件中插入附件的連結
    選擇要插入連結的位置,點擊997d2f8ec187ec5d5340fd18db3f14cb.png,在彈跳視窗中執行上傳或拖曳圖片至上傳區塊,完成後點一下縮圖。
  5. 5.
    插入超連結
    有時候我們會需要在文章中,提供對外的連結給同學參考,
    只要將文字或圖片選擇起來,再執行fd4678b004ff19f90d1c630071e5e032.png(註: 「目標」可以設定連結開啟的方式,如另開新分頁)
  6. 6.
    連結以彈跳視窗呈現
    超連結除了開新視窗外,有更好的呈現方式!
    將欲連結的文字或圖片選擇起來,點選2583910668fa67e35fc0d70d639d7389.png,再貼上連結。
  7. 7.
    編輯程式語法
    使用7b44b2ccc6368df54b3bacbeeefd4d27.png可以方便編輯程式語法,以 html 為例,呈現效果如下:
    for ($i=1; $i<10; $i++) {
        $sum = $sum + $i;
    }
       
  8. 8.
    清除 html 語法格式
    從 word 或其他地方複製的內容,常常含有本來的格式,
    透過93e8445e13ccb0d361943b2f90b900dc.png可以將格式去除,讓編輯更容易。
    • 00:47 1.
      編輯器簡介
    • 00:37 2.
      插入圖片
    • 00:33 3.
      調整圖片大小
    • 00:50 4.
      插入超連結
    • 00:41 5.
      連結以彈跳視窗方式呈現
    • 00:37 6.
      其他小技巧
    Location
    Folder name
    ee-class (易課教學平台)
    Published
    2015-01-31 21:58:31
    Views
    4,171
    Duration
    04:08
    Uploaded by
    鍾玉芳
    Division
    台灣數位學習科技
    1. 1.
      快速入門
    2. 2.
      學生端操作
    3. 3.
      建立教學內容
    4. 4.
      為影片加值
    5. 5.
      設計教學活動
    6. 6.
      學習歷程與分析統計
    7. 7.
      課程管理
    8. 8.
      系統管理 ~ 課程
    9. 9.
      系統管理 ~ 頁面設計
    10. 10.
      系統管理 ~ 使用者
    11. 11.
      系統相關設定
    12. 12.
      EverCam 教學
    13. 13.
      其它
    14. 14.
      著作權相關
    15. 15.
      開放課程應用