Google Sites、Google 表單、Google Blogger、以及 HTML 設計總結
設計好的 Google 表單,有很多方式可以分享給他人填寫。填寫好的內容,會自動彙整到 Google Sheets 裡,方便整理。
這裡也帶大家用 Google 表單製作記帳表,並且加捷徑到手機的畫面當中,方便隨時隨地都可以記帳,才不至於一段時間以後才想到要記帳而回響想收支了哪些事情金額而想破頭。
今天開始介紹 CSS 樣式表,可以針對原來的 HTML 標籤,改變樣式;亦可以自訂樣式規則名稱,然後套用。
HTML 的基本標籤語法介紹,包括 body 標籤的背景顏色,顏色的紅綠藍的調整方式;插入前景、背景圖片,牽涉到絕對網址與相對網址。
新的網頁設計與網拍課程108上半年度再次開始,第一天的課程就得趕緊來建立一個新的部落格,因為希望大家開始陸續發佈文章,屆時最後一天的上課,大家文章的篇數夠多,才能申請通過在部落格上掛 Google 廣告,有機會可以增加額外收入的機會。
今天是本系列最後一堂課,自第一堂至今,也近兩個月的時間,許多人已經發布了部落格有 10 篇以上的文章了,可以嘗試申請部落格掛 Google 廣告,申請通過的機率也會比較高,因此開始就帶領各位來申請 Google Adsense。
今天來介紹一個好用、快速製作、且符合 RWD ( Responsive Web Design ) 響應式網頁製作工具,就是 Google Sites ( 也稱 Google 協作平台 ),它既免費、有儲存空間、且有一個可命名的網址,不必擔心製作出來的網頁還要去租賃網站空間,以及申請一個網址。
今天開始接觸 HTML ( HyperText Markup Language ) 的網頁設計,因考慮到有些人初次接觸這種「類」程式語言,一天學上六個小時會吃不消,因此改採為上半天學網頁設計、下半天學其它應用 App,逐一來適應網頁設計。
部落格安插地圖、影片的做法,以及發佈的文章也要在手機上觀看是否合適:是否會字體過小、圖片的擺置與文字的安排是否奇怪。
今天繼續 HTML 的設計。上節課我們採用結合雲端硬碟的 HTML 編輯器「HTML editey」,好處是編輯過程中完全不用按存檔的動作,但製作時預覽,牽涉到相對路徑的超連結、圖片等就無法正確預覽結果(因為雲端硬碟的檔案各有特定的網址),有點小小遺憾。
運用 Google 表單來製作線上訂單,可嵌入到 Blogger 中供他人直接填寫、送出。製作好的訂單,當有人填表之後,可以從 Google 表單中看到總覽的統計結果,也可分別觀看個別的紀錄。