金醫鉀劉任昌學習程式設計進度
| 第八週 | 第九週 |
第一週九月七日上課內容
第二週九月14日上課內容
洪采林
CANVAS介紹
<canvas> 是一個 HTML 元素，我們可以利用程式腳本在這個元素上繪圖（通常是用 JavaScript）。除了繪圖，我們還可以合成圖片或做一些簡單（或是不那麼簡單）的動畫。右方的影像便是一些運用 <canvas> 的例子，接下來我們將會在教學文件中一一說明。
本教學從基礎知識開始，描述如何利用 <canvas> 進行 2D 繪圖。教學中的範例會讓各位清楚瞭解 <canvas> 該如何運用，另外也會提供程式碼範例，讓大家嘗試製作自己的內容。
<canvas> 最早是由 Apple 為 Mac OS X Dashboard 所提出，之後 Safari 和 Google Chrome 也都採用。Gecko 1.8 作基礎的瀏覽器，如 Firefox 1.5 也都提供了支援。<canvas> 元素是 WhatWG Web applications 1.0（也就是 HTML5）規範的一部分，目前所有主流的瀏覽器都已支援。
https://developer.mozilla.org/zh-TW/docs/Web/API/Canvas_API/Tutorial
第三週九月21日的上課
在HTML處增加。
在JavaScript處作如下更改。
位元組與變數
|
10進位 |
16進位 |
位元組Byte數的2進位表示 |
|||||||
|
2進位對應的10進位 |
7 |
6 |
5 |
4 |
3 |
2 |
1 |
0 |
|
|
|
128 |
64 |
32 |
16 |
8 |
4 |
2 |
1 |
|
|
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
|
1 |
1 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
|
2 |
2 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
|
3 |
3 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
1 |
|
4 |
4 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
|
9 |
9 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
1 |
|
10 |
A |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
0 |
|
11 |
B |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
1 |
|
12 |
C |
0 |
0 |
0 |
0 |
1 |
1 |
0 |
0 |
|
13 |
D |
0 |
0 |
0 |
0 |
1 |
1 |
0 |
1 |
|
15 |
F |
0 |
0 |
0 |
0 |
1 |
1 |
1 |
1 |
|
16 |
10 |
0 |
0 |
0 |
1 |
0 |
0 |
0 |
0 |
|
17 |
11 |
0 |
0 |
0 |
1 |
0 |
0 |
0 |
1 |
|
128 |
80 |
1 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
|
255 |
FF |
1 |
1 |
1 |
1 |
1 |
1 |
1 |
1 |
|
=SUMPRODUCT($C$3:$J$3,C16:J16) |
|||||||||
|
=DEC2HEX(A16) |
|||||||||
0與1的世界，0與1構成一個位元BIT，電腦的基本單位是一個位元組Byte等於8位元Bit。
位元數，由一位元構成，0到255，
整數，由二位元。長整數，由四位元，實數也四位元。
|
10進位 |
16進位 |
位元組Byte數的2進位表示 |
|||||||
|
2進位對應的10進位 |
7 |
6 |
5 |
4 |
3 |
2 |
1 |
0 |
|
|
=2^C2 |
128 |
64 |
32 |
16 |
8 |
4 |
2 |
1 |
|
|
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
|
1 |
1 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
|
2 |
2 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
|
3 |
3 |
0 |
0 |
0 |
0 |
0 |
0 |
1 |
1 |
|
4 |
4 |
0 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
|
9 |
9 |
0 |
0 |
0 |
0 |
1 |
0 |
0 |
1 |
|
10 |
A |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
0 |
|
11 |
B |
0 |
0 |
0 |
0 |
1 |
0 |
1 |
1 |
|
12 |
C |
0 |
0 |
0 |
0 |
1 |
1 |
0 |
0 |
|
13 |
D |
0 |
0 |
0 |
0 |
1 |
1 |
0 |
1 |
|
15 |
F |
0 |
0 |
0 |
0 |
1 |
1 |
1 |
1 |
|
16 |
10 |
0 |
0 |
0 |
1 |
0 |
0 |
0 |
0 |
|
17 |
11 |
0 |
0 |
0 |
1 |
0 |
0 |
0 |
1 |
|
128 |
80 |
1 |
0 |
0 |
0 |
0 |
0 |
0 |
0 |
|
255 |
FF |
1 |
1 |
1 |
1 |
1 |
1 |
1 |
1 |
|
=SUMPRODUCT($C$3:$J$3,C16:J16) |
|||||||||
|
=DEC2HEX(A16) 將十進位轉為16進位 |
|||||||||
|
Decimal 十進位 Hexadecimal 十六進位 |
|||||||||
第五周上課
聯絡人職稱:第六週上課(第七週做對比)
| 網頁指令 | VBA指令 |
| 聯絡人職稱: | UserForm_Initialize()'起始表單事件設定 |
| 聯絡人職稱:<select id="ComboBox1"> <option>董事長</option> <option>總經理</option> <option>副總經理</option> <option>財務長</option> <option>人資長</option> </select> | With ComboBox1 .Additem("董事長") .Additem("總經理") .Additem("副總經理") .Additem("財務長") .Additem("人資長") End With |
| 輸入文字: | textbox |
| 輸入文字: <input type="text" id="a"> | commandbutton |
| <input type="button" value="按下我" onclick="alert('你是豬頭')"> | |
| 豬狗貓 | |
| 豬<input type="radio">狗<input type="radio">貓<input type="radio"> | |
| 豬狗貓 | |
| 豬<input type="radio" name="pet">狗<input type="radio" name="pet">貓<input type="radio" name="pet"> | |
| EXCEL VBA程式碼 | |
| Private Sub CommandButton1_Click() Dim addnew As Range '定義 變數 addnew 是工作表的一個範圍 If Range("A1").CurrentRegion.Rows.Count = 1 Then Set addnew = Sheets("DataTable").Range("A1").Offset(1, 0) Else Set addnew = Sheets("DataTable").Range("A1").End(xlDown).Offset(1, 0) End If addnew.Offset(0, 0).Value = TextBox1.Text '統一編號 addnew.Offset(0, 1).Value = TextBox2.Text '公司 addnew.Offset(0, 2).Value = TextBox3.Text '聯絡人 addnew.Offset(0, 4).Value = TextBox4.Text '地址 addnew.Offset(0, 3).Value = ComboBox1.Value '聯絡人職位 使用下拉式選單 ListBox1.ColumnCount = 5 '在清單方塊 ListBox1 顯示輸入的資料，5 columns ListBox1.RowSource = "A1:E65536" End Sub Private Sub CommandButton2_Click() End End Sub Private Sub UserForm_Initialize() ComboBox1.AddItem ("董事長") ComboBox1.AddItem ("總經理") ComboBox1.AddItem ("副總經理") ComboBox1.AddItem ("財務長") End Sub | |
在網頁按下 F12 進入開發人員模式，閱讀原始碼或修改
第七週2020/10/19
| 網頁 | VBA |
| 輸入金額: | textbox |
| 輸入金額:<input id="a" type="text" /> | VBA |
| VBA | |
| <input id="b" type="button" value="按下我" onclick="alert('你是豬頭！')"/> | VBA |
| 豬狗貓 | VBA |
| 豬<input type="radio">狗<input type="radio">貓<input type="radio"> | VBA |
| 豬狗貓 | VBA |
| 豬<input type="radio" name="pet"/>狗<input type="radio" name="pet"/>貓<input type="radio" name="pet"/> | VBA |
| 豬狗貓 | def |
| EXCEL VBA | |
| Private Sub CommandButton1_Click() '註解click事件, 在網頁onclick Dim addnew As Range '定義 變數 addnew 是工作表的一個範圍 If Range("A1").CurrentRegion.Rows.Count = 1 Then Set addnew = Sheets("DataTable").Range("A1").Offset(1, 0) Else Set addnew = Sheets("DataTable").Range("A1").End(xlDown).Offset(1, 0) End If addnew.Offset(0, 0).Value = TextBox1.Text '統一編號 addnew.Offset(0, 1).Value = TextBox2.Text '公司 addnew.Offset(0, 2).Value = TextBox3.Text '聯絡人 addnew.Offset(0, 4).Value = TextBox4.Text '地址 addnew.Offset(0, 3).Value = ComboBox1.Value '聯絡人職位 使用下拉式選單 ListBox1.ColumnCount = 5 '在清單方塊 ListBox1 顯示輸入的資料，5 columns ListBox1.RowSource = "A1:E65536" End Sub Private Sub CommandButton2_Click() End End Sub Private Sub UserForm_Initialize() ComboBox1.AddItem ("董事長") ComboBox1.AddItem ("總經理") ComboBox1.AddItem ("副總經理") ComboBox1.AddItem ("財務長") End Sub | |
第八週2020/10/26
國庫券面額$ 天期貼現率 %
價格$(計算中)
參考李顯儀金融市場page 4-12
很好！再多寫一些。我的示範 網頁 https://tsaiingweng.blogspot.com/p/blog-page.html
回覆刪除我的示範網誌 https://tsaiingweng.blogspot.com/