「百事數學/001」修訂間的差異

出自不錯學群
跳至導覽 跳至搜尋
 
(未顯示由 2 位使用者於中間所作的 32 次修訂)
行 1: 行 1:
 
[[分類:百事數學]]
 
[[分類:百事數學]]
===十六進位與十進位===
+
=十進位與十六進位換算=
====研究動機:====
+
==研究動機:==
在HTML練習過程裡,因配色選色的需求,必須大量使用色碼表來豐富畫面的色彩,使用過程裡了解色碼的編排形式為#RRGGBB,其中RR是顏色中紅色成分的數值,GG是顏色中綠色成分的數值,而BB則是顏色中藍色成分的數值。採用十六進位法,所列出的整數落在00到FF的範圍內,以標示/指定顏色的強度。<br/><br/>進而引發以下疑問:
+
在HTML練習過程裡,因配色選色的需求,必須大量使用色碼表來豐富畫面的色彩,使用過程裡了解色碼的編排形式為#RRGGBB,其中RR是顏色中紅色成分的數值,GG是顏色中綠色成分的數值,而BB則是顏色中藍色成分的數值。採用十六進位法,所列出的整數落在00到FF的範圍內,以標示/指定顏色的強度。<br/><br/>
#為什麼採用十六進位法?
+
:::::<img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/色碼表.png' width='300' height='*' /><br/><br/>
 +
'''疑問:'''
 +
#電腦配色為什麼採用十六進位法?
 
#什麼是十六進位法?
 
#什麼是十六進位法?
 
#0~F分別代表什麼意義?
 
#0~F分別代表什麼意義?
  
====進位制====
+
==進位制==
 
進位制是一種記數方式。利用這種記數法,可以使用有限種數字符號來表示所有的數值。
 
進位制是一種記數方式。利用這種記數法,可以使用有限種數字符號來表示所有的數值。
 
#進位制是一種人類設計出來的數字表現方式,自然界某一個數量(值),在不同進位制裡有不同的呈現方式。也就是我們可以用不同的進位制來表示同一個數。
 
#進位制是一種人類設計出來的數字表現方式,自然界某一個數量(值),在不同進位制裡有不同的呈現方式。也就是我們可以用不同的進位制來表示同一個數。
#人類利用進位的方式,連結數量與符號。
+
#人類利用進位的方式,連結數量與符號。
 
#進位制的設計是任意的、可換算的、不影響實際描述的數值多寡。
 
#進位制的設計是任意的、可換算的、不影響實際描述的數值多寡。
  
====十六進位====
+
==十六進位==
 
#基數為16的記數系統。在數學中是一種逢16進1的進位制。
 
#基數為16的記數系統。在數學中是一種逢16進1的進位制。
 
#一般用數字0到9和字母A到F表示,其中:A~F相當於十進位的10~15,這些稱作十六進位數字。
 
#一般用數字0到9和字母A到F表示,其中:A~F相當於十進位的10~15,這些稱作十六進位數字。
 +
#十六進位制系統通常用於電腦領域,因為它們可方便當作二進位制的簡寫。<br/>(幾乎所有的電子計算機內部都使用二進位制,分別為「0」和「1」表示「關」和「開」。)
 +
  
 
<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
 
<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
行 58: 行 62:
 
  </table>
 
  </table>
  
 +
==活動==
 +
<!--<table>
 +
<table>-->
 +
:::::<img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/IMG_板書.jpg' width='300' height='*' /><br/><br/>
 +
 +
===一、十六進位與十進位的轉換練習一===
 +
 +
分成二組進行,每一組的組員利用1*1的立體方塊,排出下列數值的十六進位記數,以及相對應的十進位記數。
 +
#排列過程,須口述向同一組的成員說明為什麼這樣排的理由。
 +
#理解十六進位與十進位的不同記數,實質上為同一數值。
  
<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
+
::<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
 
   <tr>
 
   <tr>
 
+
     <th bgcolor='#FFD2D2' ><B>十六進位</B></th>
     <th bgcolor='#FFD2D2' style='width:18%'><B>十六進位</B></th>
+
     <th bgcolor='#FFD2D2' ></th>
     <th style='width:18%'><B>十進位</B></th>
+
    <th ><B>十進位</B></th>
 +
    <th ></th>
 
     </tr>
 
     </tr>
 
   <tr>
 
   <tr>
 
   <th bgcolor='#FFD2D2'>x15</th>
 
   <th bgcolor='#FFD2D2'>x15</th>
 +
  <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x15' width='100' height='*' /></th>
 
     <th>21</th>
 
     <th>21</th>
 +
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/21'  width='100' height='*' /></th>
 
    </tr>
 
    </tr>
 +
    <tr>
 +
 
 
   <tr>
 
   <tr>
 
     <th bgcolor='#FFD2D2' >x24</th>
 
     <th bgcolor='#FFD2D2' >x24</th>
 +
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x24'  width='100' height='*' /></th>
 
     <th>36</th>
 
     <th>36</th>
 +
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/36' width='100' height='*' / ></th>
 
    </tr>
 
    </tr>
 
   <tr>
 
   <tr>
 
     <th bgcolor='#FFD2D2' >x33</th>
 
     <th bgcolor='#FFD2D2' >x33</th>
 +
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x33' width='100' height='*' /></th>
 
     <th>51</th>
 
     <th>51</th>
 +
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51' width='100' height='*' / ></th>
 
   </tr>
 
   </tr>
 
     <tr>
 
     <tr>
 
     <th bgcolor='#FFD2D2'>x42</th>
 
     <th bgcolor='#FFD2D2'>x42</th>
 +
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x42' width='100' height='*' / ></th>
 
     <th>66</th>
 
     <th>66</th>
 +
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51'  width='100' height='*' /></th>
 
   </tr>
 
   </tr>
 
</table>
 
</table>
  
====活動====
+
===二、十六進位與十進位的轉換練習二===
'''活動一:'''
+
#十六進位 → 十進位的計算<br/><br/>xF3=15*16+3=243<br/><br/>
 
+
#'''在html畫出 xF3=243 的圖形
'''活動二:'''在html畫出 xF3=243 的圖形
 
  
<table>
+
:::::<table>
 
<tr>
 
<tr>
 
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/xF3.svg'></td>
 
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/xF3.svg'></td>

於 2020年10月21日 (三) 22:32 的最新修訂

十進位與十六進位換算

研究動機:

在HTML練習過程裡,因配色選色的需求,必須大量使用色碼表來豐富畫面的色彩,使用過程裡了解色碼的編排形式為#RRGGBB,其中RR是顏色中紅色成分的數值,GG是顏色中綠色成分的數值,而BB則是顏色中藍色成分的數值。採用十六進位法,所列出的整數落在00到FF的範圍內,以標示/指定顏色的強度。



疑問:

  1. 電腦配色為什麼採用十六進位法?
  2. 什麼是十六進位法?
  3. 0~F分別代表什麼意義?

進位制

進位制是一種記數方式。利用這種記數法,可以使用有限種數字符號來表示所有的數值。

  1. 進位制是一種人類設計出來的數字表現方式,自然界某一個數量(值),在不同進位制裡有不同的呈現方式。也就是我們可以用不同的進位制來表示同一個數。
  2. 人類利用進位的方式,連結數量與符號。
  3. 進位制的設計是任意的、可換算的、不影響實際描述的數值多寡。

十六進位

  1. 基數為16的記數系統。在數學中是一種逢16進1的進位制。
  2. 一般用數字0到9和字母A到F表示,其中:A~F相當於十進位的10~15,這些稱作十六進位數字。
  3. 十六進位制系統通常用於電腦領域,因為它們可方便當作二進位制的簡寫。
    (幾乎所有的電子計算機內部都使用二進位制,分別為「0」和「1」表示「關」和「開」。)


十六進位數字 0 1 2 3 4 5 6 7 8 9 A B C D E F
十進位數字 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

活動



一、十六進位與十進位的轉換練習一

分成二組進行,每一組的組員利用1*1的立體方塊,排出下列數值的十六進位記數,以及相對應的十進位記數。

  1. 排列過程,須口述向同一組的成員說明為什麼這樣排的理由。
  2. 理解十六進位與十進位的不同記數,實質上為同一數值。
   
十六進位 十進位
x15 21
x24 36
x33 51
x42 66

二、十六進位與十進位的轉換練習二

  1. 十六進位 → 十進位的計算

    xF3=15*16+3=243

  2. 在html畫出 xF3=243 的圖形
=