全國勞工總會─網頁設計與網拍 2019.06.02

全國勞工總會108上第七天課程
Google Sites、Google 表單、Google Blogger、以及 HTML 設計總結

設計好的 Google 表單，有很多方式可以分享給他人填寫。填寫好的內容，會自動彙整到 Google Sheets 裡，方便整理。

這裡也帶大家用 Google 表單製作記帳表，並且加捷徑到手機的畫面當中，方便隨時隨地都可以記帳，才不至於一段時間以後才想到要記帳而回響想收支了哪些事情金額而想破頭。

全國勞工總會─網頁設計與網拍 2019.06.01

全國勞工總會108上第六天課程
HTML 網頁設計、CSS、Google Sites 協作平台

由於今天忘了帶筆電上課，雖然教室有桌上型電腦，但因為課程要錄影的緣故，還是臨時向全國勞工聯合總工會的陳小姐商借筆電，並且安裝免費的螢幕錄影程式 Screencastify，課程得以順利進行。因此也順帶告訴大家這個免費的錄影程式的安裝與使用方式。注意：一次影音檔只能在 10 分鐘之內。

全國勞工總會─網頁設計與網拍 2019.05.25

全國勞工總會108上第五天課程
CSS 樣式設計與 Google Sites 的網頁製作

今天開始介紹 CSS 樣式表，可以針對原來的 HTML 標籤，改變樣式；亦可以自訂樣式規則名稱，然後套用。

製作網頁橫幅時，可以採用專業的 Photoshop，也可以簡單的使用小畫家、甚至可以用 PowerPoint 來製作；而有安裝漂亮的字型，可以讓橫幅製作的更加漂亮。

全國勞工總會─網頁設計與網拍 2019.05.18

全國勞工總會108上第四天課程
威力導演16影音剪輯、網頁設計

上午課程首先邀請莊偉聖老師來為各位介紹三小時的威力導演16免費版的影音剪輯教學，雖說是免費版，但是還是有很多功能受到限制，不過至少大多數功能可以使用、可以存檔、可以輸出，讓大家也可以熟悉一般影音的剪輯操作方式。

全國勞工總會─網頁設計與網拍 2019.04.27

全國勞工總會108上第三天課程
HTML網頁設計、蝦皮拍賣賣家上架商品、寄貨與注意事項、以及其他實用應用

HTML 的基本標籤語法介紹，包括 body 標籤的背景顏色，顏色的紅綠藍的調整方式；插入前景、背景圖片，牽涉到絕對網址與相對網址。

看到大家還是習慣手寫抄筆記，這未來在查詢上相當不方便，且筆記不會隨身攜帶，因此切換告訴大家使用 Google Keep，方便隨時作筆記、查看、搜尋。

全國勞工總會─網頁設計與網拍 2019.04.20

全國勞工總會108上第二天課程
Google 相簿與蝦皮拍賣、HTML 初接觸

手機相機的解析度越來越好，拍的照片越來越多，儲存空間的需求是越來越高，為了避免手機遺失、照片全不見的遺憾，雲端儲存是個相當保險的方式。不過很多雲端的儲存空間有限、再多得要付費。Google 相簿的雲端空間，只要設定正確，將可有無限的儲存空間，趕快學起來。

全國勞工總會─網頁設計與網拍 2019.04.13

全國勞工總會108上第一天課程
Google Blogger 部落格初體驗

新的網頁設計與網拍課程108上半年度再次開始，第一天的課程就得趕緊來建立一個新的部落格，因為希望大家開始陸續發佈文章，屆時最後一天的上課，大家文章的篇數夠多，才能申請通過在部落格上掛 Google 廣告，有機會可以增加額外收入的機會。

全國勞工總會─網頁設計與網拍 2019.01.27

全國勞工總會第七天課程
部落格申請掛廣告、以及網頁製作與 CSS

今天是本系列最後一堂課，自第一堂至今，也近兩個月的時間，許多人已經發布了部落格有 10 篇以上的文章了，可以嘗試申請部落格掛 Google 廣告，申請通過的機率也會比較高，因此開始就帶領各位來申請 Google Adsense。

全國勞工總會─網頁設計與網拍 2019.01.26

全國勞工總會第六天課程
Google Sites 製作網站、以及部落格製作出導覽列的功能

今天來介紹一個好用、快速製作、且符合 RWD ( Responsive Web Design ) 響應式網頁製作工具，就是 Google Sites ( 也稱 Google 協作平台 )，它既免費、有儲存空間、且有一個可命名的網址，不必擔心製作出來的網頁還要去租賃網站空間，以及申請一個網址。

全國勞工總會─網頁設計與網拍 2019.01.13

全國勞工總會第五天課程
網頁編輯與影音剪輯、圖片編修

今天繼續 HTML ( HyperText Markup Language ) 的網頁設計製作，幾個常用的語法，以及最重要的超連結、以及插入圖片的標籤語法介紹。超連結與圖片都有相同須注意的事情，就是連結網站內的網頁或圖片( 檔名路徑屬於「相對位址」 )、或者連至網外 ( 網址路徑屬於「絕對位址」 )，需特別注意。

全國勞工總會─網頁設計與網拍 2019.01.06

全國勞工總會第四天課程
網頁 HTML 初始設計、樂秀影音剪輯

今天開始接觸 HTML ( HyperText Markup Language ) 的網頁設計，因考慮到有些人初次接觸這種「類」程式語言，一天學上六個小時會吃不消，因此改採為上半天學網頁設計、下半天學其它應用 App，逐一來適應網頁設計。

其實專業的網頁設計，應是要學好 HTML 網頁設計、CSS ( Cascading Style Sheet ) 樣式表設計、以及 RWD ( Responsive Web Design ) 響應式網頁設計等，逐步進展而來；但對於多數人來說，到達 CSS 就有一定的難度了。不過本課堂至少帶領各位 HTML 常用語法的基礎設計、以及會給大家初步認識到 CSS 與 RWD，未來若多數人有興趣，再來給各位進一步的鑽研。

全國勞工總會─網頁設計與網拍 2018.12.16

全國勞工總會第三天課程
蝦皮商品上架、置頂、聊聊、出價、即公告與注意事項，修圖等

在上週提出了蝦皮賣家的申請之後，絕大多數人都沒問題的通過了申請，已經可以讓商品曝光在網路上了。

商品上架時，哪些資料最好更詳細些、哪些動作多執行些，越容易讓商品讓大家看到。另外哪些在網拍中該注意的，也請謹慎處理。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.12.15

全國勞工總會第八天課程
TinyDB 微型資料庫與連結雲端資料處理

今天是 App Inventor 2 入門實務班的最後一天課程，因此讓大家體驗微型資料庫、以及雲端檔案存取的方式。

TinyDB 微型資料庫，是儲存在手機內部的一個簡易資料庫，資料不會因為應用程式關閉而消失，算是簡易的小功能。

全國勞工總會─網頁設計與網拍 2018.12.09

全國勞工總會第二天課程
部落格觀看與插入地圖影片等、建立蝦皮購物帳號

部落格安插地圖、影片的做法，以及發佈的文章也要在手機上觀看是否合適：是否會字體過小、圖片的擺置與文字的安排是否奇怪。

電腦上製作的部落格文章，如何轉成 QRCode 的形式，方便在手機上能快速的瀏覽；另也有縮短網址的方式。

全國勞工總會─網頁設計與網拍 2018.12.02

全國勞工總會第一天課程
建立部落格、Google 相簿 App 的好功用

 

新的網頁設計與網拍課程再次開始，第一天的課程就得趕緊來建立一個新的部落格，因為希望大家開始陸續發佈文章，屆時最後一天的上課，大家文章的篇數夠多，才能申請通過在部落格上掛 Google 廣告，有機會可以增加額外收入的機會。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.12.01

全國勞工總會第七天課程
類比時鐘製作( Clock 元件)、畫布  ( Canvas ) 與球 ( Ball ) 搭配加速器 （ Accelerometer ) 的製作、以及微型資料庫 ( TinyDB ) 初步製作

今天先來介紹 Clock 的功能，也是運用其 Timer 來觸發事件。沒那麼喜歡看較為硬梆梆的數位時鐘嗎？我們來製作類比的時鐘吧。看著指針不斷的移動，是不是也感覺得比較親和呢？不過製作上得要稍微算算角度，運用數學的 sin, cos 等三角函數喔。

再來介紹類似打磚塊的雛形製作，打到螢幕邊緣後要反彈，打到底下的方塊也要反彈，但是打到螢幕底邊緣，那就 Game Over 啦。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.11.17

全國勞工總會第六天課程
Canvas畫布、Color 顏色、Notify 警示訊息、及 Clock 等應用

今天開始先練習 Canvas 與 Color 的整合運用：擷取顏色，並調整 Slider 滑軸。接著介紹會跳出視窗的 Notify 警示訊息。

而後來製作小小的遊戲，配合 Canvas 與 ImageSprite 來呈現具遊戲畫面的擲骰子遊戲：使用者押點數，若骰子也擲到相同結果則玩家贏，否則莊家贏。當然未來大家可以再延伸更多骰子、或更多規則的遊戲程式寫作。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.11.10

全國勞工總會第五天課程
App Inventor 的 List 串列、Canvas 畫布、Slider 滑桿、以及 Color 顏色的綜合應用

今天開始先來活用 List 的功能，從多個數字中亂數取數個數字出來。過去很多人的做法是先亂數取第一個值後，接下來在亂數取第二個值，然後比對第一個值，若有重複，則再重新亂數一次，直到不與第一個數值重複為止；亂數第三個值時，也是要與前幾個比對，若有重複再重新亂數...

這樣的做法是很沒有效率的，完全無法確定會亂數幾次才能產生所需的結果。善用 List 的一些函數，以及配合好的做法，可以讓亂數的次數，就是該要數值的個數，請各位好好的熟練起這個方法喔。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.11.03

全國勞工總會第四天課程
App Inventor 副程式、List 與範例運用

今天進入「副程式」的教學，寫作程式時，可以將繁瑣的、重複的許多工作，整理撰寫在副程式中，需要時呼叫一下，就可做完冗長的工作。

其實接觸 App Inventor 程式沒多久，嚴格來說已經在接觸系統撰寫的副程式了，從簡單的加減乘除運算、到複雜的字串處理等，都算是系統為常用的功能寫成的副程式。因此我們亦可為自己撰寫需常用的副程式。

全國勞工總會─App Inventor 2 積木區塊式手機程式開發入門實務班 2018.10.20

全國勞工總會第三天課程
App Inventor 2 流程控制 For 與 While 運用、CheckBox 元件使用

寫程式的第一個小關卡，莫過於迴圈了，因此今天將重點放在迴圈的諸多範例不斷演練，期望讓大家逐漸抓到迴圈的用法與感覺。

除此之外，還有一個不定次數的 While 迴圈，很多也都可以用 For 迴圈來完成，但有些情況是必須使用 While 迴圈的，之後還有很多機會會碰到，屆時再來多演練。