HTML 網頁設計、CSS、Google Sites 協作平台
由於今天忘了帶筆電上課,雖然教室有桌上型電腦,但因為課程要錄影的緣故,還是臨時向全國勞工聯合總工會的陳小姐商借筆電,並且安裝免費的螢幕錄影程式 Screencastify,課程得以順利進行。因此也順帶告訴大家這個免費的錄影程式的安裝與使用方式。注意:一次影音檔只能在 10 分鐘之內。
今天就從頭開始製作全新的網站,從橫幅、導覽列、CSS 等逐一設計起,還有後半部的留待明天(最後一天課程)進行。
另外也繼續 Google Sites 的製作,雲端資源如何開放分享,以及 Google 表單的製作、甚至手機拍攝的影片,如何上傳到 Youtube,並且將該影片插入到 Google Sites 中。
本周六小時的上課內容有:
- 安裝螢幕錄影程式 Screencastify
- 安裝字型以製作美美的橫幅
- 使用 PowerPoint 來製作橫幅1
- 使用 PowerPoint 來製作橫幅2
- 網站從頭建立起,brackets 的設定以及初始的 HTML5 的標籤
- Brackets 安裝擴充程式 indentator 可以自動整理縮排
- HTML 加入橫幅
- HTML 加入導覽列文字
- 設計 CSS 檔,並且在 HTML 中引用
- 設計超連結的 CSS 樣式
- 導覽列的超連結的 CSS 樣式再調整
- Google Sites 加入資源下載的頁面,也就是讓人可以從雲端硬碟下載檔案1
- Google Sites 加入資源下載的頁面,也就是讓人可以從雲端硬碟下載檔案2
- Google 表單製作網購訂單1
- Google 表單製作網購訂單2 單選方格
- Google 表單製作網購訂單3 美化版型
- Google 表單製作網購訂單4 加入圖片增加吸引程度
- 手機拍攝的影片上傳到 Youtube
- 在 Google 表單、Google Sites 插入 youtube 影片;或 Google Blogger、HTML 嵌入 Youtube 影片
沒有留言:
張貼留言