"編輯培力/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] | ||
− | + | --> | |
於 2019年11月4日 (一) 10:52 的修訂
編輯培力/HTML+WIKI(二)
目錄
課堂準備
本頁縮網址
下載軟體
- Firefox免安裝版 (建議)
- EmEditor免安裝版 (必須)
登入"全民科學平台的維基頁"
- 用報名時的帳號密碼[1]
- http://science4everyone.net/MediaWiki
課堂概述
正式的維基帳號
- 建議大家上課的筆記可以記錄在這,不論是記在一般頁或者是討論頁
- 帳號密碼:報名這堂課時用的帳號密碼
- 登錄進去後,請大家建一個新的筆記頁,步驟如下
- 在右上角的搜尋欄,搜尋:筆記頁/本名
- 送出後,點擊紅色的字建立新頁
- 即完成建立新頁
- 編輯頁面的分類
- 點擊編輯
- 在框框內最下方輸入:
- 點擊"儲存變更"
- 即完成頁面的分類標籤
- 建議大家把上次過的筆記,從臨時的筆記頁上搬遷過來;因為那個頁面可能會在不久之後被清空
免安裝版 軟體(綠色軟體)
- 好處
- 檔案比較小
- 不用安裝
- 只佔用少量系統資源
- 可直接移動(複製檔案後,換ㄧ台電腦繼續工作)
- 刪除方便,移除後也不會將任何紀錄(登錄檔訊息等)留在本機電腦上
- 各種免安裝軟體[2]
學習資源
練習與範例
如何查看範例文件
- 如何查看範例文件(以firefox為例)
- 進入http://jendo.org/files/doc/Demo/
- 文件範例→各種文件範例
- 對藍色字按右鍵,新分頁開啟頁面
- 將頁面轉換成Unicode or UTF-8
- (若是使用firefox,可以在瀏覽器右上角"三槓"處,找到自訂)
- (點進去,裡面有一個圖示叫做"顯示文字編碼選項,可更改頁面的文字編碼類型)
- 改完之後亂碼會變回正常
- 這時對頁面按右鍵,檢視原始碼,即可看到網頁的原始碼
- 用原始碼&實際顯示出來的頁面參照學習
練習
- 認識html
基本文件格式
table
範例,ㄧ步步實作
提供主題,限制:ex.500字以上的文章,編表格...