檢視百事數學/001 的原始碼

[[分類:百事數學]]
===十進位與十六進位換算===
====研究動機：====
在HTML練習過程裡，因配色選色的需求，必須大量使用色碼表來豐富畫面的色彩，使用過程裡了解色碼的編排形式為#RRGGBB，其中RR是顏色中紅色成分的數值，GG是顏色中綠色成分的數值，而BB則是顏色中藍色成分的數值。採用十六進位法，所列出的整數落在00到FF的範圍內，以標示/指定顏色的強度。<br/><br/>進而引發以下疑問：
#為什麼採用十六進位法？
#什麼是十六進位法？
#0~F分別代表什麼意義？

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

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


<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
  <tr>
    <th bgcolor='#97CBFF' ><B>十六進位數字</B></th>
    <th bgcolor='#97CBFF' ><B>0</B></th>
    <th bgcolor='#97CBFF''><B>1</B></th>
    <th bgcolor='#97CBFF' ><B>2</B></th>
    <th bgcolor='#97CBFF' ><B>3</B></th>
    <th bgcolor='#97CBFF' ><B>4</B></th>
    <th bgcolor='#97CBFF' ><B>5</B></th>
    <th bgcolor='#97CBFF' ><B>6</B></th>
    <th bgcolor='#97CBFF' ><B>7</B></th>
    <th bgcolor='#97CBFF' ><B>8</B></th>
    <th bgcolor='#97CBFF' ><B>9</B></th>
    <th bgcolor='#97CBFF' ><B>A</B></th>
    <th bgcolor='#97CBFF' ><B>B</B></th>
    <th bgcolor='#97CBFF' ><B>C</B></th>
    <th bgcolor='#97CBFF' ><B>D</B></th>
    <th bgcolor='#97CBFF' ><B>E</B></th>
    <th bgcolor='#97CBFF' ><B>F</B></th>
    </tr>
  <tr>
   <th>十進位數字</th>
   <th>0</th>
    <th>1</th>
    <th>2</th>
    <th>3</th>
    <th>4</th>
    <th>5</th>
    <th>6</th>
    <th>7</th>
    <th>8</th>
    <th>9</th>
    <th>10</th>
    <th>11</th>
    <th>12</th>
    <th>13</th>
    <th>14</th>
    <th>15</th>
    </tr>
 </table>

====活動====
<img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/IMG_板書.jpg' width='300' height='*' />

'''十六進位與十進位的轉換練習一：'''

分成二組進行，每一組的組員利用1*1的立體方塊，排出下列數值的十六進位記數，以及相對應的十進位記數。
#排列過程，須口述標記的原理。
#理解十六進位與十進位的不同記數，實質上為同一數值。

::<table class='nicetable' align='center' style='border:2pt;width:95%;border-collapse:collapse'>
  <tr>
    <th bgcolor='#FFD2D2' ><B>十六進位</B></th>
    <th bgcolor='#FFD2D2' ></th>
    <th ><B>十進位</B></th>
    <th ></th>
     </tr>
  <tr>
   <th bgcolor='#FFD2D2'>x15</th>
   <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x15' width='100' height='*' /></th>
    <th>21</th>
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/21'  width='100' height='*' /></th>
  　</tr>
    <tr>
   
  <tr>
    <th bgcolor='#FFD2D2' >x24</th>
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x24'  width='100' height='*' /></th>
    <th>36</th>
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/36' width='100' height='*' / ></th>
  　</tr>
  <tr>
    <th bgcolor='#FFD2D2' >x33</th>
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x33(3)' width='100' height='*' /></th>
    <th>51</th>
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51' width='100' height='*' / ></th>
  </tr>
    <tr>
    <th bgcolor='#FFD2D2'>x42</th>
    <th ><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/x42' width='100' height='*' / ></th>
    <th>66</th>
    <th><img src='http://jendo.org/uploadFiles/不錯學群/百事數學/十六進位/51'  width='100' height='*' /></th>
  </tr>
</table>


'''十六進位與十進位的轉換練習二：'''
#十六進位 → 十進位的計算
#'''在html畫出 xF3=243 的圖形

<table>
<tr>
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/xF3.svg'></td>
<td style="color:blue;font-size:35px">=</td>
<td><img src='http://nice-learning.tw/uploadFiles/不錯學群/百事數學/243.svg'></td>
</tr>
</table>