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

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

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

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

一般網頁設計軟體，首推 Adobe 的 Dreamweaver，設計 HTML、CSS、RWD 上也會方便許多，不過因為它是付費軟體，本課程為初接觸，因此暫時用免費的即可，我推薦 brackets 算是不錯使用的軟體。

而下半段課程，介紹手機上的剪輯軟體「樂秀」，方便手機拍攝影片後，直接就用手機編輯上網，一氣呵成。

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

1. 下載網頁編輯軟體 Brackets，安裝並開啟，調整大小
2. 設定 Brackets 介面，並建立一個新的資料夾，再開新檔案
3. HTML介紹，以及基礎標籤html、head、body
4. HTML介紹，設定 body 的背景顏色
5. HTML 的顏色說明、與查詢色票
6. HTML 介紹 meta、h1、h2
7. HTML 介紹，說明 h1、h2 等的特性、以及換行 br 標籤與空白
8. HTML 介紹，center 標籤、與巢狀結構說明
9. HTML 介紹，font 標籤，字體、顏色、與大小
10. HTML 介紹，img 標籤來插入圖片
11. 手機影音剪輯軟體：樂秀的免費版本安裝
12. 手機影音剪輯軟體：樂秀，介紹裁切與分割的功能
13. 手機影音剪輯軟體：樂秀，介紹縮放的功能
14. 手機影音剪輯軟體：樂秀，介紹複製、旋轉、快慢的功能
15. 手機影音剪輯軟體：樂秀，介紹倒放的功能
16. 手機影音剪輯軟體：樂秀，介紹字幕的功能
17. 透過錄影手法、以及樂秀簡單的去頭去尾，完成有趣的作品
18. 透過錄影手法、以及樂秀簡單的去頭去尾，完成有趣的作品2
19. 透過錄影手法、以及樂秀簡單的去頭去尾，完成有趣的作品3