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

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

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

今天就從頭開始製作全新的網站，從橫幅、導覽列、CSS 等逐一設計起，還有後半部的留待明天(最後一天課程)進行。

另外也繼續 Google Sites 的製作，雲端資源如何開放分享，以及 Google 表單的製作、甚至手機拍攝的影片，如何上傳到 Youtube，並且將該影片插入到 Google Sites 中。

本周六小時的上課內容有：

1. 安裝螢幕錄影程式 Screencastify
2. 安裝字型以製作美美的橫幅
3. 使用 PowerPoint 來製作橫幅1
4. 使用 PowerPoint 來製作橫幅2
5. 網站從頭建立起，brackets 的設定以及初始的 HTML5 的標籤
6. Brackets 安裝擴充程式 indentator 可以自動整理縮排
7. HTML 加入橫幅
8. HTML 加入導覽列文字
9. 設計 CSS 檔，並且在 HTML 中引用
10. 設計超連結的 CSS 樣式
11. 導覽列的超連結的 CSS 樣式再調整
12. Google Sites 加入資源下載的頁面，也就是讓人可以從雲端硬碟下載檔案1
13. Google Sites 加入資源下載的頁面，也就是讓人可以從雲端硬碟下載檔案2
14. Google 表單製作網購訂單1
15. Google 表單製作網購訂單2 單選方格
16. Google 表單製作網購訂單3 美化版型
17. Google 表單製作網購訂單4 加入圖片增加吸引程度
18. 手機拍攝的影片上傳到 Youtube
19. 在 Google 表單、Google Sites 插入 youtube 影片；或 Google Blogger、HTML 嵌入 Youtube 影片