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

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

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

另外，有關於網拍訂單部分，可結合使用 Google 表單來記帳、記進銷存等，所記事物會儲存到後端的 Google 試算表，有助於方便統計計算，十分實用，一定要會。

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

1. 複習下載並安裝免費的網頁編輯器 Brackets
2. 複習設定 Brackets 的語言、開啟資料夾、另存新檔、以及放大縮小字體
3. 複習 Brackets 編輯 html、head、body等基礎標籤
4. 複習 Brackets 編輯 body內屬性與相關標籤
5. Brackets 設計網頁，img 標籤插入自己拍攝的照片
6. 從 Google 相簿下載手機拍攝的照片至自己的網站目錄中
7. Brackets 設計網頁，img 標籤設定高，設定 body 的背景圖片
8. Brackets 設計網頁，anchor 標籤設定超連結
9. Brackets 設計其他網頁，anchor 標籤互連其他網頁
10. Google表單製作記帳表
11. Google表單的記帳表，加到手機的主畫面
12. Google表單的記帳表，連結至 Google 試算表彙整
13. 運用 Google 試算表計算Google表單記帳表的金額
14. 將Google表單嵌入到部落格或網頁設計當中
15. Google表單來製作訂單，並放在網站或部落格上
16. 樂秀影音剪輯，轉場、貼圖、主題等，以及導出成果影片