程式設計學習進度心得

第一周

下載老師在youtube的影片下方的文字，然後先打開記事本貼上html的文字，之後建立bolgger網誌新增文章，修改老師事先打好的程式碼，複製045跟046的兩支影片連結，最後加上自己的座號跟姓名。

第二周

先打開自己的blogger然後打開上次編輯的文章，在<canvas height="310" id="canvas" width="1000"></canvas><br />後面新增<input type="button" value="不知道打甚麼(隨便打)" onclick="draw()">

<lable>紅色</lable><input type="radio"name="colorl">

  <lable>綠色</lable><input type="radio"name="colorl">

  <lable>藍色</lable><input type="radio"name="colorl"><br>

第三周

利用表單，傳輸指令到javascript

學習二進位與變數

ctx物件的字形font，後面接屬性properties方法method物件導向設計object-oriented

programming design

學習條件式

if(是不是豬頭)

{是豬頭，要進行的動作}

else

{不是豬頭，要進行的動作}

十進位

十進位

二進位

decimal

hexadecimal

binary

0

0

0

1

1

1

2

2

10

3

3

11

8

8

1000

9

9

1001

10

A

1010

11

B

1011

12

C

1100

13

D

1101

14

E

1110

15

F

1111

16

10

10000

17

11

10001

253

FD

11111101

254

FE

11111110

255

FF

11111111

第四周

<form><b>

選擇速度: <select id="selection">

<option value="10">10</option>

<option value="20">20</option>

<option value="40" selected>40</option>

<option value="100">100</option>

<option value="100">500</option>

</select>

選擇顏色:

<input id="linecolor" type="checkbox">紅色 <!--核取方塊 linecolor -->

<input onclick="draw()" type="button" value="2020年每天通貨走勢" />

</form>

var speedvalue;
var speed = document.getElementById("selection");
speedvalue = speed.options[speed.options.selectedIndex].text;

選擇速度: 選擇顏色: 紅色

第五周

CSS

階層式樣式表（英語：Cascading Style Sheets，縮寫：CSS；又稱串樣式列表、級聯樣式表、串接樣式表、層疊樣式表）是一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字型、間距和顏色等）的電腦語言，由W3C定義和維護。目前最新版本是CSS2.1，為W3C的推薦標準。[來源請求]CSS3現在已被大部分現代瀏覽器支援，而下一版的CSS4仍在開發中。
拷貝自維基百科                                                                     https://en.wikipedia.org/wiki/CSS


超文本標記語言（英語：HyperText Markup Language，簡稱：HTML）是一種用於建立網頁的標準標記語言。HTML是一種基礎技術，常與CSS、JavaScript一起被眾多網站用於設計網頁、網頁應用程式以及行動應用程式的使用者介面[3]。網頁瀏覽器可以讀取HTML檔案，並將其彩現成視覺化網頁。HTML描述了一個網站的結構語意隨著線索的呈現，使之成為一種標記語言而非程式語言。

HTML元素是構建網站的基石。HTML允許嵌入圖像與物件，並且可以用於建立互動式表單，它被用來結構化資訊——例如標題、段落和列表等等，也可用來在一定程度上描述文件的外觀和語意。HTML的語言形式為尖括號包圍的HTML元素（如<html>），瀏覽器使用HTML標籤和指令碼來詮釋網頁內容，但不會將它們顯示在頁面上。

HTML可以嵌入如JavaScript的手稿語言，它們會影響HTML網頁的行為。網頁瀏覽器也可以參照階層式樣式表（CSS）來定義文字和其它元素的外觀與布局。維護HTML和CSS標準的組織全球資訊網協會（W3C）鼓勵人們使用CSS替代一些用於表現的HTML元素[4]。

拷貝自維基百科                                                                https://en.wikipedia.org/wiki/HTML


JavaScript（通常縮寫為JS）是一種進階的、直譯的程式語言[8]。JavaScript是一門基於原型、函式先行的語言[9]，是一門多範式的語言，它支援物件導向程式設計，指令式程式設計，以及函式語言程式設計。它提供語法來操控文字、陣列、日期以及正規表示式等，不支援I/O，比如網路、儲存和圖形等，但這些都可以由它的宿主環境提供支援。它已經由ECMA（歐洲電腦製造商協會）透過ECMAScript實作語言的標準化[8]。它被世界上的絕大多數網站所使用，也被世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera）支援。

JavaScript與Java在名字或語法上都有很多相似性，但這兩門程式語言從設計之初就有很大的不同，JavaScript的語言設計主要受到了Self（一種原型程式設計語言）和Scheme（一門函式語言程式設計語言）的影響[9]。在語法結構上它又與C語言有很多相似（例如if條件語句、switch語句、while迴圈、do-while迴圈等）[10]。

在客戶端，JavaScript在傳統意義上被實作為一種解釋語言，但在最近，它已經可以被即時編譯（JIT）執行。隨著最新的HTML5和CSS3語言標準的推行它還可用於遊戲、桌面和行動應用程式的開發和在伺服器端網路環境執行，如Node.js。

拷貝自維基百科                                                               https://en.wikipedia.org/wiki/JavaScript


F12開發人員















第六周

網頁指令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
commandbutton
<input onclick="alert('你是豬頭!')" type="button" value="按下我" />commandbutton
豬狗貓 commandbutton
豬<input type="radio" />狗<input type="radio" />貓<input type="radio" />commandbutton
豬狗貓 commandbutton
豬<input type="radio" name="a"/>狗<input type="radio" name="a"/>貓<input type="radio" name="a"/>commandbutton
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, 5).Value = TextBox4.Text '地址 addnew.Offset(0, 3).Value = ComboBox1.Value '聯絡人職位 使用下拉式選單 If OptionButton1 Then addnew.Offset(0, 4).Value = "男" If OptionButton2 Then addnew.Offset(0, 4).Value = "女" If OptionButton3 Then addnew.Offset(0, 4).Value = "跨性別" ListBox1.ColumnCount = 6 '在清單方塊 ListBox1 顯示輸入的資料，5 columns ListBox1.RowSource = "A1:F65536" End Sub Private Sub CommandButton2_Click() End End Sub Private Sub UserForm_Initialize() With ComboBox1 .AddItem ("董事長") .AddItem ("總經理") .AddItem ("副總經理") .AddItem ("財務長") .AddItem ("人資長") End With End Sub

第七周網頁命令與VBA命令比較

網頁指令VBA
輸入資料:
輸入資料:<input id="a" type="text" />
輸入數字:
輸入數字:<input id="b" type="number" />
<input onclick="alert('你好醜')" type="button" value="按鈕" />
輸入密碼:
輸入密碼:<input id="c" type="password"/>>
是否吃素:
是否吃素:<input type="checkbox"/>
豬狗貓
豬<input type="radio" />狗<input type="radio" />貓<input type="radio" />
豬狗貓
豬<input name="pet" type="radio" />狗<input name="pet" type="radio" />貓<input name="pet" type="radio" />
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

留言

張貼留言

這個網誌中的熱門文章

邱香嵐unicode,UTF-8,資料型態

圖片
維基百科UTF-8 劉任昌101單元 劉任昌102單元 UTF-8（8-bit Unicode Transformation Format）是一種針對Unicode的可變長度字元編碼，也是一種字首碼。它可以用一至四個位元組對Unicode字元集中的所有有效編碼點進行編碼，屬於Unicode標準的一部分。 以上內容的HTML的原始碼如下 <h1>維基百科UTF8</h1> <iframe height="300" src="https://zh.wikipedia.org/wiki/UTF-8" width="100%"></iframe> <img src="https://upload.wikimedia.org/wikipedia/commons/c/c4/Utf8webgrowth.svg?download" width="100%" /> <h1>劉任昌101單元</h1> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/kPGpKysVOdQ" title="YouTube video player" width="560"></iframe> <h1>劉任昌102單元</h1> <p style="text-align: left;"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyro...
閱讀完整內容