在Google Sites將網站設計為公開與共用及跑馬燈的技巧

一、設計個人網站時可以使用的免費圖庫

設計個人網站時，可以使用許多免費圖庫來獲取高質量的圖片和素材，以下是一些常見且受歡迎的免費圖庫。這些圖庫不僅提供大量免費且高質量的圖片資源，還可以幫助您提升個人網站的視覺效果，增強用戶體驗。

1.  Unsplash

網址:[unsplash.com](https://unsplash.com)

特點:提供高質量、免版權的照片，可用於個人和商業用途。

2.  Pexels

網址:[pexels.com](https://www.pexels.com)

特點:提供豐富的照片和影片資源，完全免費且可用於個人和商業用途。

3.  Pixabay

網址:[pixabay.com](https://pixabay.com)

特點:提供免費的照片、插圖、影片和音樂，無需授權即可使用。

4.  Freepik

網址:[freepik.com](https://www.freepik.com)

特點:提供免費和付費的照片、插圖、圖標和矢量圖，免費用戶需要標註來源。

5.  Burst (by Shopify)

網址:[burst.shopify.com](https://burst.shopify.com)

特點:提供高質量的免版權照片，適用於電子商務和網站設計。

6.  StockSnap.io

網址:[stocksnap.io](https://stocksnap.io)

特點:每週更新大量高解析度的免版權照片，適用於各種用途。

7.  Reshot

網址:[reshot.com](https://www.reshot.com)

特點:提供高質量、免版權的照片，適合初創企業和個人網站設計。

8.  Gratisography

網址:[gratisography.com](https://gratisography.com)

特點:提供風格獨特、有趣的免版權照片，適合創意項目。

9.  Life of Pix

網址:[lifeofpix.com](https://www.lifeofpix.com)

特點:提供免費的高質量照片，無需授權即可使用。

10.  Kaboompics

網址:[kaboompics.com](https://kaboompics.com)

特點:提供高解析度照片並提供顏色篩選功能方便查找符合網站配色的圖片。

 

不用登入帳號即可使用的免費圖庫

www.unsplash.com

www.pexels.com

www.pixabay.com

www.freepik.com

 

二、設計個人網站使用QRCode在Chrome中分享網頁

在Chrome中分享網頁，使用Chrome瀏覽網頁時，可以透過其他應用程式與他人分享網頁，其操作步驟如下所述。

1.  開啟 Chrome。

2.  前往你要分享的網頁。

3.  依序選取「更多」圖示

4.  選擇「儲存並分享」。

5.  選擇你要分享網頁的方式。

 

三、在Google Sites將網站設為「公開在網路上」並允許所有人瀏覽

1.  使用電腦在新版Google 協作平台中開啟網站。

2.  在頂端的「發布」旁邊，按一下向下箭頭 。

3.  按一下「發布設定」。

4.  按一下「要求公開搜尋引擎不顯示我的網站」。

5.  按一下「儲存」。

 

四、在Google Sites設定已發布網站為共用選項

1.  使用電腦在新版 Google 協作平台中開啟網站。

2.  按一下頂端的「共用」圖示  。

3.  在「已發布的網站」旁的下拉式清單中選取「限制」或「公開」。

4.  按一下「儲存」或「完成」。

5.  如果選取「限制」，您可以與特定使用者共用網站以及新增共用群組。

 

五、在Google Sites設計HTML marquee跑馬燈可用的參數

1.  方向設定：direction="參數值"；可設定 up（向上）、dun（向下）、left（向左）、right（向右）。

2.  對齊設定：align="參數值"；可設定top（向上對齊）、midden（垂直至中）、botton（向下對齊）。

3.  速度設定：scrollamount="參數值"；可設定為數字，通常設定1~10的範圍，數字越大跑得越快。

4.  長度設定：height="參數值"；數字，自行設定。

5.  寬度設定：width="參數值"；數字，自行設定。

6.  行為設定：behavior="參數值"；可設定alternate（來回跑）、slide（跑入後停止）。

7.  背景顏色：bgcolor="參數值"；可設定為顏色的色碼，不設定則沒有顏色。

8.  <marquee direction="right" height="30" scrollamount="5" behavior="alternate">跑馬燈測試</marquee>

9.  可加bgcolor="#3BFF3B"

 

六、在Google Sites發設計HTML marquee跑馬燈發亮文字

1.  語法：<font color=字體顏色size=字體大小face=字體 style=width:100%;filter:glow(color=陰影顏色)>輸入你要出現的字</font>

2.  範例：<font color=ffffff size=4 face=標楷體 style=width:100%;filter:glow(color=0066ff)>謝謝來到個人網站</font>

3.  實際：<marquee direction="right" height="60" scrollamount="5" behavior="alternate" bgcolor="#FFABFF"><font color=0009eb size=12 face=標楷體 style=width:100%;filter:glow(color=0066ff)>一流的技術值得信賴的功夫</font>/</marquee>