程式軟體應用研發中心工作坊:5A88電腦管理系統(1071226)

日期:107年12月26日(三)

時間:下午 1:30 – 4:30

地點:教研中心

主題:5A88電腦管理系統

講師:中信國小 黃勝傑

簡報:

講義:

線上教學文件:

相關學習資源:

5a88

HyperV

Acronis True Image

diskpart.exe

程式研發工作坊:NTPC Coder OpenID 整合範例(1071031)

日期:107年10月31日

地點:新北市教研中心

講師:林士立老師

主題:NTPC Coder OpenID 整合範例

公文:

教材:

安裝設定:

  • PHP 範例中 public/config/system.php 資料庫連線設定要依照自己的環境去設定
  • composer install
    web server document root 設定到 public 資料夾
    預設帳密: admin / 12345678

開發環境與工具:

PHP Composer

教學相關網站:

教研中心研習:HTML5+CSS網頁設計-基礎篇(1070705-06)

日期:107年7月5、6日

地點:新北市教研中心

主題:HTML5+CSS網頁設計-基礎篇

講師:Amos Lee

課程使用軟體:

網頁開發工具簡介:

網頁開發工具

網頁開發相關教學資源:

Brackets 網頁設計 練習教學影片

主課程:HTML 5

主課程:CSS

安裝中文Lorem外掛:

  1. 按下Ctrl+Shift+P
  2. 輸入「Install Package」
  3. ChineseLoremIpsum
  4. 在網頁文件中,打 CTlorem,再按 Alt + C

CSS Box Model

名稱翻譯:

  • margin: 外距
  • padding:內距/留白/墊充

可見尺寸:width + padding + border

佔據空間尺寸:width + padding + border + margin

例如:

.amos{
  width: 200px;
  padding: 15px;
  border: 10px solid #f00;
  margin: 20px;
}

可見尺寸:200 + 15*2 + 10*2 = 250
佔據空間尺寸:200 + 15*2 + 10*2 + 20*2 = 290


設定 box-sizing: border-box; 後:
可見尺寸:width
佔據空間尺寸:width + margin

例如:

 .box{
   width: 400px;
   background-color: #ccc;
   border: 25px solid #f00;
   padding: 25px;
   box-sizing: border-box;
 }

可見尺寸:400


CSS Tools: Reset CSS:

Reset CSS 過度Over的作法:

 <style type="text/css">
   *{
     margin:0;
     padding: 0;
     line-height: 1;
     list-style-type: none;
   }
 </style>

版面配置:

RWD 網頁設計

 <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">

Bootstrap

樹林國小研習:Python 入門(1061216-17)

日期:106年12月16-17日

時間:9:00-16:30

地點:新北市樹林區樹林國小

主題:Python 入門

講師:邱昭士老師

Python 開發環境與工具

Python 入門

Python 安裝

Python Library

(一) Python Turtle

上課教材與練習程式範例:

(二) PyGame

Python 超級新手教學

零基礎入門學習 Python

python基礎

學習資源:

Python Library 與第三方程式碼:

新北市教育局程式應用研發社群工作坊:Node.js+MongoDB+Mongoose(1061213)

日期:106年12月13日

時間:下午 1:30 – 4:30

地點:教研中心電腦教室

主題:Node.js+MongoDB+Mongoose

講師:洪子謙老師

公文與計畫:

上課講義與範例程式:

開發工具與環境建置:

教學相關網站與學習資源:

參考資料: