資訊基礎應用

出自跨校選修
於 2021年6月7日 (一) 08:56 由 丁志仁（討論 | 貢獻） 所做的修訂 （→‎2021.06.07）
跳至導覽 跳至搜尋


簡易日誌

2021.03.08

  1. 因網路線被施工挖斷，正式的伺服器無法使用，改用備用伺服器上課 home.jendo.org/wiki1231
  2. 選班長
  3. 做籤
  4. Wiki 入門語法
  5. 什麼是 HTML
  6. 找「食人魚」並放自己的「個人頁」
  7. 嵌入 youtube 影片
  8. 可以嵌入 wiki 頁，也可跨 wiki 相互嵌入
  9. 註解指令 <!--(不表現)-->
  10. 萬國碼 UTF-8：網址原只能用英文，但後來發展到各國文字皆可用，編碼擴充為萬國碼 UTF-8，每個中文字由三個數值構成 (%+一個16進位數字)
    在複製包含中文、非英的網址時，不要包含最後一個字，放到頁面上後再自行補回。
  11. CC授權
    • 傳統授權：特定對象授權，且非任何用途都可用
    • CC授權：
      1. 無特定對象授權，只要遵守規則都可用
      2. 可設定期間
      3. 姓名表示/人物授權(著作人格權)
      4. 創作者可決定是否能營利(斜槓$=不可)
      5. 不准修改(=)(ex.宣言)
      6. 相同方式分享(倒C/循環符號)，需允許後面的人繼續改
      7. 無任何標章則可修改
      8. 作者亡故/發表50年以上，著作權開放
      9. 最常見：姓名表示+相同方式分享
  12. http 傳輸未加密，https 傳輸加密，需買認證

2021.03.15

製作本班通訊錄

  1. <table>,</table>
  2. <tr>,</tr>
  3. <td>,</td>
  4. align 屬性
  5. style 屬性
  6. color 樣式
  7. border 樣式
  8. Box Model
  9. 色碼
    • 十六進位
    • 紅綠藍組合
  10. border-collapse 樣式
  11. 定義樣式，在wiki頁中加
    {{#css:
    …
    }}
    請參考 http://nice-learning.tw/nlWiki/index.php?title=2020資訊基礎應用/潘宗儀
  12. 引用樣式定義：在目標對象中加 class 屬性

2021.03.22

HTML+WIKI

Mac檢視原始碼

  • Safari
    1. 點選Safari ,選擇"偏好設定"。然後會有一個彈框，選擇最後一項'高階"，然後勾選 "在選單欄中顯示'選單'選項"。
    2. 然後點選"開發"，點選"顯示網頁原始檔"

在 Mac 上顯示或隱藏檔案副檔名

檔案名稱副檔名顯示於部分檔案名稱的結尾，且看起來像是由句點和後方的一些字母或單字組成（例如，.jpg）。檔案的檔案名稱副檔名可顯示它的檔案類型以及可打開該檔案的 App。 通常 macOS 會隱藏檔案的副檔名，不過若覺得副檔名派得上用場，您可以顯示副檔名。如果副檔名已隱藏，macOS 仍然會以正確的 App 打開檔案。

單一檔案
  1. 在 Mac 上選取檔案，然後選擇「檔案」>「取得資訊」或按下 Command + I。
  2. 請按一下「名稱與副檔名」旁的箭頭 來展開此區域。
  3. 若要顯示或隱藏檔案副檔名，請勾選或取消勾選「隱藏副檔名」。
所有檔案
  1. 在 Mac 上的 Finder 中，選擇 Finder >「偏好設定⋯」，然後按一下「進階」。
  2. 勾選或取消勾選「顯示所有檔案副檔名」。

如果您勾選「顯示所有檔案副檔名」，所有副檔名都會顯示，即使那些檔案已勾選「隱藏副檔名」。如果您取消勾選「顯示所有檔案副檔名」，檔案副檔名會根據即使檔案個別的「隱藏副檔名」設定而顯示或隱藏。

2021.03.29

HTML到SVG

2021.04.05

清明連假

2021.04.12

SVG(二)

2021.04.19

丁丁梅尼爾氏症發作請假

2021.04.26

SVG(三)

2021.05.03

實作練習：

  1. 下載 Microsoft Lens
  2. 用 Microsoft Lens 拍下來
  3. 照片下載到電腦
  4. 用小畫家將手繪圖切邊
  5. 大家安裝 inkscape 1.02 版
  6. 開啟 inkscape
    • 「檔案/匯入」切邊的手繪圖
    • 「路徑/描繪點陣圖/亮度截止/『亮度臨界值』調到適當值/用『更新』測試/確定/關閉『描繪點陣圖』」
    • 用滑鼠移動新圖，刪掉品質差的那一個
    • 「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」
    • 「檔案/另存新檔」，如：瓷象1.svg
    • 以 Ctrl-4 關閉圖檔但不關 inkscape
  7. 用 emeditor 開 svg
    • 去掉 viewBox 整行
    • 找到圖形
    • 將圖形加上 transform='scale(0.1)' 縮小若干倍，另存成：瓷象2.svg
  8. 用 inkscape 開啟 瓷象2.svg
    • 「檔案/文件屬性/『單位』調成px/將頁面調整成圖畫大小」
    • 「檔案/另存新檔」，如：瓷象2.svg

抄 日本 GIS，

  1. 在 經度:129.848,緯度:33.2137 處加「瓷象」，
  2. 並且連向介紹頁

2021.05.10

  • GIS是「地理資訊系統」(Geographic Information System)的縮寫。
    是指在地圖上加上數據或訊息。
    本課程使用的 GIS 是以 google map 為基礎，運用 javascript 語言表現在 HTML 中。後端伺服器是使用 MySQL+PHP 。
  • GIS 相關單字。
    1. zoom:放大或縮小畫面
    2. overlay:覆蓋物，GIS中用複數overlays
    3. marker:標記，GIS中代表地點標示，用複數markers
    4. address:地址
    5. latitude:緯度
    6. longitude:經度
    7. coord:經緯度座標，GIS中代表地點標示，用複數coords
    8. map:地圖
    9. type:類別
    10. road:道路
    11. color:顏色
    12. fill:填滿
    13. radius:半徑
    14. html:超文件
    15. content:內容
    16. popup:跳出
    17. false:假的，不成立
    18. true:真的，成立
    19. polyline:多點成線
    20. polygon:多邊形
    21. circle:圓形
    22. rectangle：方形(矩形)
    23. ROADMAP：道路地圖
    24. SATELLITE：衛星空照圖
    25. HYBRID：道路與空照圖相疊加。
    26. TERRAIN：地形圖
  • 實作練習：
    1. 說明原始碼
    2. 在個人頁，創一段 GIS 單字表
    3. 保留原來的 html ，另建 100.html，抄自己上一次上課的 GIS
    4. 去大英百品展品座標中寫下自己展品的座標、圖示的位置
    5. 在每一個人的 100.html 中加上全班的展品
    6. 參考範例，製作嘉禾書院的週邊圖。
    7. 製作登大山的 GIS

基本 DIV 的範例

<meta content='text/html;charset=utf-8' http-equiv='Content-Type'/>
<script type='text/javascript' src='http://maps.google.com/maps/api/js?key=買來的key'></script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'></script>
<script type='text/javascript' src='http://www.pittss.lv/jquery/gomap/js/jquery.gomap-1.3.3.min.js'></script>
<script>
$(function(){
	$('#map').goMap({
………
	}); 
});
</script>
<div align=center id='map' style='height:550px; width:900px;'>地圖的名字</div>

2021.05.17

2021.05.23

GIS(三)

2021.05.31

  • 實作(三)：
    1. 登入
    2. 開 https://www.google.com.tw/maps/d/
    3. 建立新地圖
    4. 說明：圖層選單、蒐尋框、工具箱、縮放鈕
    5. 將本地圖命名「嘉禾作業一」
    6. 選「工具箱/新增路線」
    7. 將所在圖層命名「嘉禾到捷運」
    8. 「開車」改「單車」
    9. A「台北市士林區天玉街38巷13弄3號」
    10. B「捷運石牌站」
    11. 從本地圖選單選「匯出成 KML/KMZ」
    12. 選含規畫路線的圖層
    13. 再選「匯出 KML 而非 KMZ」
    14. 點擊「下載」
    15. 找到路線所在的段落
    16. 觀察每點座標為 經度、緯度、高度
    17. 複製後貼到「http://home.jendo.org/jj/kml2gis.php」
    18. 轉換後至 GIS 做 polyline
    19. 重複上面的步驟，做出三條路線。

2021.06.07

還沒教到

  1. Inkscape
  2. 嵌入 wiki 頁練習
  3. 寫維基教科書
  4. 製造分類
  5. print.php
  6. 使用資料表
  7. 數學符號
  8. 影片播放外掛：

<videoflash src='http://nice-learning.tw/uploadFiles/不錯學群/藝術/韓團流行舞蹈/maria拍攝+花絮.mp4' type=html5 width=425></videoflash> 資料表外掛： <sqltbl> sql=select page_id,concat('<a href=http://urclass.net/alWiki/index.php?title=',page_title,' target=_blank>',page_title,'</a>') from wiki_page order by page_id tblhead=頁碼;活動名 </sqltbl>

取自「http://urclass.net/alWiki/index.php?title=資訊基礎應用&oldid=1833」