"編輯培力/HTML+WIKI(二)" 修訂間的差異

出自 全民科學平台
前往: 導覽搜尋
行 43: 行 43:
  
 
===學習資源===
 
===學習資源===
 +
*html基本概念說明[https://developer.mozilla.org/zh-TW/docs/Learn/Getting_started_with_the_web/HTML_basics]
 +
*英文查詢(以下是不同網站,可交互參考)
 +
**有示範[https://www.1keydata.com/css-tutorial/tw/codes.php]
 +
**振鐸 - html英文單字[http://jendo.org/wiki1231/index.php?title=HTML/英文單字]
 +
**
 +
*字體[https://www.1keydata.com/css-tutorial/tw/font.php]
 +
*表格[https://www.1keydata.com/css-tutorial/tw/table.php]
 +
*邊框[https://www.1keydata.com/css-tutorial/tw/border.php]
 +
 +
 +
<!--
 
*振鐸html分類頁[http://jendo.org/wiki1231/index.php?title=分類:HTML]
 
*振鐸html分類頁[http://jendo.org/wiki1231/index.php?title=分類:HTML]
 
*html語法(最基本規則)[http://jendo.org/wiki1231/index.php?title=HTML]
 
*html語法(最基本規則)[http://jendo.org/wiki1231/index.php?title=HTML]
**html英文單字[http://jendo.org/wiki1231/index.php?title=HTML/英文單字]
+
-->
  
  

於 2019年11月4日 (一) 10:52 的修訂

編輯培力/HTML+WIKI(二)

課堂準備

本頁縮網址

下載軟體

  • Firefox免安裝版 (建議)
  • EmEditor免安裝版 (必須)

登入"全民科學平台的維基頁"


課堂概述

正式的維基帳號

  • 建議大家上課的筆記可以記錄在這,不論是記在一般頁或者是討論頁
  • 帳號密碼:報名這堂課時用的帳號密碼
  • 登錄進去後,請大家建一個新的筆記頁,步驟如下
    1. 在右上角的搜尋欄,搜尋:筆記頁/本名
    2. 送出後,點擊紅色的字建立新頁
    3. 即完成建立新頁
  • 編輯頁面的分類
    1. 點擊編輯
    2. 在框框內最下方輸入:
    3. 點擊"儲存變更"
    4. 即完成頁面的分類標籤
  • 建議大家把上次過的筆記,從臨時的筆記頁上搬遷過來;因為那個頁面可能會在不久之後被清空


免安裝版 軟體(綠色軟體)

  • 好處
    • 檔案比較小
    • 不用安裝
    • 只佔用少量系統資源
    • 可直接移動(複製檔案後,換ㄧ台電腦繼續工作)
    • 刪除方便,移除後也不會將任何紀錄(登錄檔訊息等)留在本機電腦上
    • 各種免安裝軟體[2]


學習資源

  • html基本概念說明[3]
  • 英文查詢(以下是不同網站,可交互參考)
    • 有示範[4]
    • 振鐸 - html英文單字[5]
  • 字體[6]
  • 表格[7]
  • 邊框[8]



練習與範例

如何查看範例文件

  • 如何查看範例文件(以firefox為例)
    1. 進入http://jendo.org/files/doc/Demo/
    2. 文件範例→各種文件範例
    3. 對藍色字按右鍵,新分頁開啟頁面
    4. 將頁面轉換成Unicode or UTF-8
    5. (若是使用firefox,可以在瀏覽器右上角"三槓"處,找到自訂)
    6. (點進去,裡面有一個圖示叫做"顯示文字編碼選項,可更改頁面的文字編碼類型)
    7. 改完之後亂碼會變回正常
    8. 這時對頁面按右鍵,檢視原始碼,即可看到網頁的原始碼
    9. 用原始碼&實際顯示出來的頁面參照學習

練習

  1. 認識html


基本文件格式 table

範例,ㄧ步步實作

提供主題,限制:ex.500字以上的文章,編表格...