• 00:00 1.
    編輯器的使用技巧
  • 索引
  • 筆記
  • 討論
  • 全螢幕
編輯器的使用技巧
長度: 04:08, 瀏覽: 135, 最近修訂: 2021-09-29
重點
  1. 1.
    編輯器簡介
    在編輯區塊內按滑鼠左鍵即會出現編輯工具。
    利用工具可以編輯文字、段落、插入超連結或是圖片等。
    41e89138bc45d34782866496ffa06a23_l.png
  2. 2.
    插入圖片
    點擊「網路資料夾」的圖示997d2f8ec187ec5d5340fd18db3f14cb.png,在彈跳視窗中執行上傳或拖曳圖片至上傳區塊,完成後點一下圖片縮圖。
    8dc786aa013d3025ad002c14c217b25e_l.png
  3. 3.
    調整圖片大小
    在圖片上按滑鼠右鍵,選擇「影像屬性」或是點選編輯器上的48d3e40c5074a0b14e41ae8fb216d0b3.png,輸入需要的數值。 
    (註: 23d0ab9164ca75f545aa79da2f83d7c7.png 鎖定長寬比)
    cce306afab4b81248c15d484117135a9_l.png
  4. 4.
    在文件中插入附件的連結
    選擇要插入連結的位置,點擊997d2f8ec187ec5d5340fd18db3f14cb.png,在彈跳視窗中執行上傳或拖曳圖片至上傳區塊,完成後點一下縮圖。
    c7b06c7421a7ee8057e4b60bfd0a1802_l.png
  5. 5.
    插入超連結
    有時候我們會需要在文章中,提供對外的連結給同學參考,
    只要將文字或圖片選擇起來,再執行fd4678b004ff19f90d1c630071e5e032.png。(註: 「目標」可以設定連結開啟的方式,如另開新分頁)
    ffa8ece8aab86fc3064f7fd8821f6961_l.png
  6. 6.
    連結以彈跳視窗呈現
    超連結除了開新視窗外,有更好的呈現方式!
    將欲連結的文字或圖片選擇起來,點選2583910668fa67e35fc0d70d639d7389.png,再貼上連結。
    ca7dff11f5657cd2d706ff8d59d4c4d9_l.png
  7. 7.
    程式編輯語法
    使用7b44b2ccc6368df54b3bacbeeefd4d27.png可以方便編輯程式語法,以 html 為例,呈現效果如下:
    1
    2
    3
    for ($i=1; $i<10; $i++) {
        $sum = $sum + $i;
    }
  8. 8.
    清除 HTML 語法
    從 word 或其他地方複製的內容,常常含有本來的格式,
    透過93e8445e13ccb0d361943b2f90b900dc.png可以將格式去除,讓編輯更容易。
    位置
    資料夾名稱
    ee-class (易課教學平台)
    發表人
    jell
    單位
    集智學習科技官方網站
    建立
    2021-09-29 15:22:20
    最近修訂
    2021-09-29 15:26:34
    瀏覽
    135
    長度
    04:08