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

全國勞工總會108上第七天課程
Google Sites、Google 表單、Google Blogger、以及 HTML 設計總結

設計好的 Google 表單，有很多方式可以分享給他人填寫。填寫好的內容，會自動彙整到 Google Sheets 裡，方便整理。

這裡也帶大家用 Google 表單製作記帳表，並且加捷徑到手機的畫面當中，方便隨時隨地都可以記帳，才不至於一段時間以後才想到要記帳而回響想收支了哪些事情金額而想破頭。

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

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

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

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

全國勞工總會108上第五天課程
CSS 樣式設計與 Google Sites 的網頁製作

今天開始介紹 CSS 樣式表，可以針對原來的 HTML 標籤，改變樣式；亦可以自訂樣式規則名稱，然後套用。

製作網頁橫幅時，可以採用專業的 Photoshop，也可以簡單的使用小畫家、甚至可以用 PowerPoint 來製作；而有安裝漂亮的字型，可以讓橫幅製作的更加漂亮。

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

全國勞工總會第六天課程
Google Sites 製作網站、以及部落格製作出導覽列的功能

今天來介紹一個好用、快速製作、且符合 RWD ( Responsive Web Design ) 響應式網頁製作工具，就是 Google Sites ( 也稱 Google 協作平台 )，它既免費、有儲存空間、且有一個可命名的網址，不必擔心製作出來的網頁還要去租賃網站空間，以及申請一個網址。

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

全國勞工總會第五天課程
Google Sites 協作平台製作網站與拍照攝影剪輯

Google 協作平台的主要用途是來製作公司、班級、群體等網站使用的，主要是用於告示、揭示、呈現商品等。與部落格的不同是，部落格主要在呈現一個人文章、心情、教學等等，可接受他人留言、詢問問題等。

Google Sites 製作的網站不能讓他人留言，主要的緣故還是，公司產品不希望他人留負面言論、或讓產品對手惡意留言之故，這樣反倒製作更多麻煩出來。

士林社大暑期課程─士林社大網站與網頁建置創業家 2018.08.16

士林社大暑期課程第六節課
Google Sites 網站公開與分享

網站製作好了，如何分享？請注意分享的網址，不是預覽的網址喔！而且每次分享時，別忘了先前修改的網站資料有做「發佈」的動作。

另外，不只網站可以分享，很多資料只要有放上網，可以取得分享的網址，將它縮短網址告訴他人，或者轉成 QRCode 公開亦可。

士林社大暑期課程─士林社大網站與網頁建置創業家 2018.08.13

士林社大暑期課程第五節課
Google Sites 完整網站製作

網站是結合許多的網頁而成，一個網站應有個明確的主題方向，在進入的第一頁能概略的描述呈現，這一頁就稱為「首頁」；而其他再點擊的連結或導覽列項目，就是在其他頁詳細呈現，而其他頁則稱為「內頁」。

本周就來增加其他內頁，豐富整個網站資訊，而增加的內頁標題，也會成為導覽列的項目或次項目...。最後再補充說明 Google 我的地圖 ( 或稱 Google 地圖內的你的地點 ) 的順序路徑設計的方式。

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

全國勞工總會第二天課程
GSuite 相關應用

GSuite 泛指 Google 在教學、教育上最方便、最實用的功能的諸多 App，如最常接觸到的 Google 雲端硬碟、Gmail、Google 日曆、Google 文件、Google 試算表、Google 簡報、Google 表單等等。這些 App 即使是在商用上，也是得力的好助手呢！

士林社大暑期課程─士林社大網站與網頁建置創業家 2018.08.09

士林社大暑期課程第四節課
Google Sites 上插入 Youtube 與 Google 地圖

Google Sites 上可以插入豐富的元素，今天介紹的是插入 Youtube 影片與 Google 地圖。

可透過關鍵字搜尋到想要插入的 Youtube 影片、或者透過該影片的網址直接搜尋插入 Google Sites。並建議最好插入文字說明，不要只是影片顯示而已；使用網路上他人的影片，也建議最好註明出處；切不可將他人影片下載後再上傳使用，恐有侵害著作權之嫌疑。

而插入 Google 地圖，有助於觀看者了解確切位置。而「我的地圖」(或者說「你的地點」) 可以運用許多特殊顯眼的標誌標出數個地標，讓觀看者一目了然。

士林社大暑期課程─士林社大網站與網頁建置創業家 2018.08.06

士林社大暑期課程第三節課
Google 協作平台的發布與插入前景圖

今天的內容首先快速複習上回上課的流程。再來如何插入一個好看的前景圖，透過自己的手機拍攝的照片，如何插入到 Google Sites 內。

製作一部分之後，可以隨時檢視她人在網路上看到您的網站的感覺，因此發佈到網路上，得先訂定一個網址。發佈後實際的用電腦來觀看，也可嘗試在手機上觀看，有任何不恰當的，再回頭來做修改。

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

全國勞工總會第一天課程
Google 部落格設計

在現今網路發達的世代，透過網路行銷自己、行銷產品等都是相當重要、且最好及早要做的事。這門網頁設計與網拍課程，希望透過最簡單的做法，快速地讓自己、以及產品曝光，都有利於往後的發展。

士林社大暑期課程─士林社大網站與網頁建置創業家 2018.08.02

士林社大暑期課程第二節課
Google 協作平台初始建置、以及輸入相關介紹

今天開始進入網頁設計的課程，我們採用 Google 的免費應用：Google Sites，中文稱呼為 Google 協作平台。

Google 協作平台是一個簡易的網頁、網站設計軟體，其網頁設計的方向符合現在多螢的呈現模式 ( 電腦螢幕、平板螢幕、手機螢幕 ) 等，我們稱之為 RWD ( Responsive Web Design, 響應式網頁 ) 的網頁設計模式，無論在哪一螢上呈現，都能自動地呈現能舒服觀看的方式。

今天先來針對橫幅的設計、以及插入文字的功能來介紹 ( 這之中也會介紹如何快速地輸入文字喔 )

中山社大 106 年第 2 期課程─Google 智慧生活 2017.12.19

中山社大 106 年第 2 期第十四節課
Google 協作平台導覽列製作與Google我的地圖

Google 協作平台 ( Google Sites ) 在插入元件的部分，還可以安插 Google 日曆、Google 地圖、以及 Google 雲端硬碟及相關的文件等等；其中在插入雲端硬碟或文件類的元件時，記得要用另一個不是登入同樣帳號的瀏覽器來觀看結果，因為常常會忘了開雲端硬碟的共用權限而他人會看不到。

另外，Google 我的地圖的設計，可以標出地圖中特別要介紹的景點地標、也可以標出旅遊順序的路線分享給他人，讓他人能很清楚的知道旅遊的動線與規劃。

中山社大 106 年第 2 期課程─Google 智慧生活 2017.12.12

中山社大 106 年第 2 期第十三節課
Google協作平台建立網站

Google 協作平台 ( Google Sites ) 是製作網站非常容易的一套軟體，自從去年起加入新版的功能後，製作的門檻降低許多，因此對於不是只做網頁背景的人來說，很快很容易的就能建置好一個美輪美奐的網站，值得一學。

新版的 Google Sites 可製作出目前主流的網頁設計手法：響應式網頁 RWD，也就是在任何裝置上都能很適切的排版、調整為最舒服觀看的形式。不過對於專長設計網頁的人來說，總覺得希望能再多一些可以細節的控制，這應該會是未來會再改善的目標吧。

士林社大 106 年第 2 期課程─Google 智慧應用(進階) 2017.11.27

士林社大 106 年第 2 期第十一節課
Google 協作平台增加其他元素、以及增加導覽列、Google 我的地圖

Google 協作平台可以安插雲端硬碟的檔案、目錄，而對於權限的開放可要注意。一般在設計上，可以很容易的安插雲端的檔案與目錄，而且很多人設計完後瀏覽都可以很正常，但是在分享給其他人看的時候，往往別人會看不到安插的雲端文件或目錄內容，是因為忘了去開啟檔案或目錄的共用功能，這是要記得的事情。

另外，在安插地圖時，有可以安插「我的地圖」，這是可以將旅遊的完整路徑設計好，分享給他人清楚了解路徑的好功能。

士林社大 106 年第 2 期課程─Google 智慧應用(進階) 2017.11.20

士林社大 106 年第 2 期第十節課
Google 協作平台初接觸_製作網站好方便

Google 協作平台是一個非常適合用來製作公司網站、班級網站、小孩成長記錄網站... 等的應用。過去所提供的舊版協作平台還算有些難度門檻，不是任何人都容易上手的；而去年新版推出後，製作的容易程度大大提高，很容易就能作出品質很讚的網站，一定不可錯過。

新版的 Google 協作平台所製作出來的網站，還是所謂的 RWD (Responsive Web Design) 響應式網頁的網站，也就是很適合在各種裝置上瀏覽的網頁製作方式。不需要具備網頁設計的底子，就能很快的製作好一個現在主流的網站形式。

下周會繼續製作具有導覽列式的網站喔！