***** 程式錯誤及誤差難免, 請務必於他處多方驗證確認, 切勿以本計算結果作為決 策依據, 本站不負相關損害責任. 若不同意以上聲明, 請勿繼續使用 !!! *****

資料儲存:  請使用FIREFOX瀏覽器之"另存新檔"功能, 將資料存在不同檔名內. 重新開啟之前所存入之檔案後, 需先點選'再連接'後才能繼續操作.

 

Home 

線上設計-中文程式平台-網頁對話盒設計
架構:

對話盒程式主要有三個部分: 輸入, 處理及輸出.

輸入區接受使用者資料及指令, 然後執行處理指令, 最後再將結果放到輸出區.

輸入部分分為指示文字,圖片及輸入盒.  使用者看了指示, 再由輸入盒輸入資料.

對話盒程式控制如何處理資料.

處理後輸出的結果亦由輸出區中的輸入盒來顯示.

 

編輯區:

編輯區由許多格子組成, 每個格子前面有個"*"的按鍵.

要將格子設為輸入盒, 則點選 "*"->"選用輸入盒" 後進入輸入盒選取.

 

設計指示文字:

在格中直接輸入想顯示的文字後按Enter或點"送出", 該內容就會顯示在輸出區.

需要設定每個格子的格式(如字型,大小,顏色,背景顏色,對齊等)時, 就先點這格前的"*", 之後就會跳到格式設定.

 

 

 

格式設定:

 

輸入盒

若要將這格設為輸入盒, 則點選"選用輸入盒"後會跳到 輸入盒選取.

 

文字格式設定  
   
字型
大小
顏色 預設 自設
背景顏色 預設 自設
對齊 left center right        

若要調整文字字型,大小,顏色,背景顏色,對齊等, 則在文字格式設定區調整.

-調整完後點選"修改輸入盒",即可完成修改回到上一頁.

-放棄修改 則點選"取消",回到上一頁.

 

改字型 改大小 改顏色 改背景顏色 改對齊

區域修改:

點選區域左上角之"*" -> 點選"區域頂點" -> "修改" -> 點選區域右下角之"*" -> 點選"區域選定"

可見此區顏色變暗.

再點"*"進入格式設定畫面, 修改各項格式. 並勾選所 所要修改的類別後 點選"區域修改".

 

區域        

剪下:

點選區域左上角之"*" -> 點選"區域頂點" -> "修改" -> 點選區域右下角之"*" -> 點選"剪下"

可見此區顏色變暗.

 

複製:

點選區域左上角之"*" -> 點選"區域頂點" -> "修改" -> 點選區域右下角之"*" -> 點選"複製"

可見此區顏色變暗.

 

貼上:

點選目標區域左上角之"*" -> 點選"貼上"

 

合併

 

合併:

點選區域左上角之"*" -> 點選"區域頂點" -> "修改" -> 點選區域右下角之"*" -> 點選"合併"

取消合併:

點選區域左上角之"*" -> 點選"取消合併"

 

 

 

輸入盒選取:

 

選用輸入盒            
             
輸入盒種類: none textbox combobox checkbox radio  
  button link textarea image iframe div
中文名          
英文名          
onclick

若要設計程式,輸入盒中文名一定要設.

textbox: 文字盒. 輸入文字

div: 文字段落. 顯示文字

 

Radio:  
值:

輸入盒種類為radio, 則需設其所代表的值.

 

ComboBox: 變數名 變數值
 
 
 
 
 
 
 
 
 
 

輸入盒種類為combobox, 則需設各變數名及所代表的值.

 

link:          
URL

輸入盒種類為combobox, 則需設URL.

 

 

程式設計:

輸入盒代表:

{中文名}: 表示輸入盒的字串內容. 輸入盒皆以字串的形式儲存.  字串如: `ABC`, `12345`, `甲乙丙`

[中文名] : 表示輸入盒內容轉成的數值. 做數值運算時, 輸入盒內容需轉成數值. 如字串`123` 轉成數值 123.

指定:

使用"="符號. 結尾要加";".

    {甲}={乙};

表示將{乙}的內容複製到{甲}中.

 

數字加法:

使用"+"符號.

    {甲}=[乙]+1;

取用乙的內容, 並轉成數值加一後, 放到甲中.

    {甲}=[乙]+[丙];

乙的數值, 加丙的數值後, 放到甲中.

注意: 等號左邊表示存入. 存入一定要用字串{}形式儲存.

 

字串連接法:

也使用"+"符號.

   {甲}={乙}+{丙};

將乙的內容連結丙的內容後放到甲中.

`123`+`ABC` 變成 `123ABC`

 

 

運算子:

"+" : 加法

"-": 減法

"*": 乘法

"/": 除法

"%": 餘數

程式範例:


    {和}=[甲]+[乙];


    {差}=[甲]-[乙];
 

    {積}=[甲]*[乙];


    if ([乙]==0) {
        警示(`被除數不可為零!`);
    }
    else {
        {商}=[甲]/[乙];
    }
 

    {餘數}=[甲]%[乙];

    <!--輸入 甲,乙 然後點選 值行-->