Google Sites快速做出一個簡單的網頁

news2025/4/19 21:44:25

新手網站架設的神器 Google Sites協作平台,為什麼這樣子說呢? 因為新手入門款以Google Sites協作平台練習,認識網站架設的基礎概念,接著再轉往進階班的Wordpress網頁設計。比較會循序漸進。
二來Google Sites協作平台網站架設費用0元,無主機費、無網址費,統統都免費,你可以自由任意的練習,無時間、成本的壓力(但缺點,如網站搬家難、SEO不易、外觀簡陋)。網站架設練習機找Google Sites協作平台非常適用。若想部落格賺錢,找它的好朋友 Google Blogger會更好用。官方網站、商業網站用Wordpress+佈景主題網站精緻又美觀。接著就讓我們繼續分享更多關於Google Sites吧!

Wordpress網頁設計只要拖拖拉拉元件,便可以網頁設計

目錄

  1. ▸ Google Sites協作平台是什麼
  2. ▸ Google Sites協作平台費用
  3. ▸ Google Sites協作平台模板/範例
  4. ▸ Google Sites協作平台的好處
  5. ▸ Google Sites協作平台的缺點
  6. ▸ Google Sites協作平台基本教學
  7. ▸ Google Sites協作平台內嵌頁面
  8. ▸ Google Sites協作平台模板/範例
  9. ▸ Google Sites協作平台自訂網址
  10. ▸ Google Sites協作平台購物車功能
  11. ▸ 部落格首選 - Google Blogger
  12. ▸ Google Site vs Google Blogger的比較
  13. ▸ Google site vs Wordpress的比較
  14. ▸ Google Sites的搬家

Google Sites協作平台是什麼?

Google Site協作平台是什麼?Google Site協作平台可以拿來做什麼呢?Google site協作平台當初推出是拿來網頁設計,像編輯文件一樣,可以放影片、日曆、簡報等,以便與團隊溝通的網站。Google site協作平台演變成Google網頁建置的平台,主要是讓不會網站架設技術的人,也能自己快速網站架設,Google site協作平台有點類似Wix、Weebly,以拖拉式的方式建置網站,快速擁有一個簡單的網站。但若您架設網站是為了寫部落格的話,使用Google Blogger則會更適合。

Google Sites協作平台費用

Google Site協作平台費用是免費!免費!免費!的。所以只需要擁有Google帳號就可以使用囉! 當然Google Site協作平台也有付費的,只要升級Google Workspace(舊稱G Suite)企業協作工具,定期付費,就可以使用更豐富的工具,包含雲端硬碟、Email、日曆、文件等,也一起升級。 (參考更多網站架設費用)

Google Sites協作平台的好處

使用Google Site協作平台網站建置的好處呢?

  1. 不需要寫程式就能建置網站,任何人都可以快速上手。
  2. 響應式網站,不放過任何裝置,不管是手機、平板、電腦。(前往:響應式網站是什麼?)
  3. 簡單的介面,非常直覺。
  4. 編輯器與Word檔案很像,完全沒難度。
  5. 免費,誰都可以使用,只需要有Google帳號即可。
  6. 可自訂網址,網站架好,是有一組缺乏識別度的網址,可以需要自行購買,然後再設定。
  7. 如果會寫程式碼,可以自行編輯HTML與Javascript,可以讓版面更豐富!

Google Sites協作平台的缺點

真要說Google Site的缺點就是難登大雅之堂,個人玩票性質、網站架設新手練習的話,選擇Google Site是一個很好的起點。 但若要為商業使用、企業營利的話,還是強烈建使用Wordpress網頁設計。相對於Wordpress,Google Site是有許多的缺點,如下

  1. Google Sites的模版設計,精緻感仍是相對的陽春,且版型數量非常少
  2. Google Sites的模版功能少、又不易維護
  3. Google Sites無外掛功能
  4. Google Sites無法做購物車網站
  5. Google Sites無法做複雜的網站
  6. Google Sites無法搬家

Google Site協作平台教學

使用Google Site協作平台架設網站一點都不難,跟著教學一步一步,一下就完成囉!

  1. 登入Google Site協作平台
  2. 開始製作,可以先點選一個版型,點開「範例庫」就可以,我們已「活動」範本來做教學,點擊「活動」。

  3. 點擊後就會跳出來,可以立即編輯。

  4. 點擊期望更改的欄位,就可以編輯圖片、文字、背景、顏色等。

  5. 想加入其他樣式的排版,右手邊的「版面配置」點擊插入。

  6. 如果插入位置不正確,可以在左邊「十個點」,按著拖拉至放的位置。

  7. 如需「目錄」也有目錄可以選擇

  8. 如需多張圖片,按「圖片輪轉介面」。

  9. 如果圖太小,可以在藍色框框,拖拉到想要的大小。

  10. 如需要「按鈕」,就按「按鈕」,放上名稱與連結即可。

  11. 按鈕可以更改樣式,也可拖拉長度。

  12. 區塊也可以變樣式,滑到想要更改的區塊,最左邊出現「調色盤」,點擊區塊的樣式。

  13. 如果想要一樣的排版,可以依樣左邊按「複製版面」

  14. 想修改別的頁面點擊右邊「頁面」,也可以在這修改「導覽列」。

  15. 可以點選想編輯的頁面,就會在左邊出現,在照常修改。

  16. 如果想新增頁面,點選下方的「+」,編輯「名稱」後,案「完成」。

  17. 發現名稱不對想修改,在想改的頁面,滑鼠畫過去,出現三個點,點開來,按「屬性」,可以修改名稱。想修改網站路徑,點開「進階」,「自訂路徑」輸入英文,在按「完成」。

  18. 查看,要先「發布」。

  19. 點選「連結」圖示,會跳出來一段連結,按「複製連結」,可以查看與分享。

  20. 如果還在編輯,不想公開出去,可以滑鼠畫到那頁,點擊三點,按「在導覽列中隱藏」,就會隱藏,就不會出現在展示的頁面。如果想開啟,一樣點擊三個點,「顯示在導覽列中」就可以開啟囉。

  21. 導覽列的每一頁面,想要更換位置,可以直接在「頁面」,長按拖拉到你想要的位置。

Google Sites協作平台內嵌頁面

要嵌入一些頁面,可以採用以下方式:

  1. 點選「內嵌」

  2. 會跳出框框,先填寫「網址」->選擇「整個頁面」or「預覽」->「插入」

  3. 插入樣式

  4. 頁面ok,就可以「發布」

  5. 會出現草稿與發布狀態,如果ok,再按「發布」

  6. 預覽公布的頁面

  7. 查案

Google Sites協作平台模板/範例

Google Site協作平台模板/範例免費版本有哪些可以使用呢?讓我們來看看~


點開「範本庫」就可以看到更多其他範本,點選其中之一就可以開始套用囉!

如何換成公司標誌(logo)/個人logo呢?只需要到設定一下就出現囉~!

  1. 最右邊齒輪「設定」

  2. 選擇「品牌圖片」-> 上傳「標誌」與「網站小圖示」

  3. 「標誌」所謂LOGO,會呈現在網站的最左邊。

  4. 「網站小圖示」所謂FAVICON,會呈現在網頁的標籤,小小個,記得上傳“正方形”的圖示。

  5. 這樣就完成Google Site協作平台換標誌logo更新囉!

Google Site協作平台網址教學

可自訂網址,網站架好,是有一組缺乏識別度的網址,可以需要自行購買,然後再設定。

  1. 首先到Godaddy購買網址與設定(前往:Godaddy購買網址與設定)
  2. 登入Google Site協作平台
  3. 右上角,點選「設定」

  4. 左欄點選「自訂網域」->「開始設定」-> 「使用第三方提供的網域」->「youdomin.com」空格輸入剛剛Godaddye購買好的網域。


     
  5. 完成

Google Sites協作平台購物車功能

Google Sites 是一個免費的網站建立工具,它可以讓用戶建立簡單的網站,並且可以與其他Google應用程式(如Google Drive、Google Sheets等)進行整合,方便協作和分享。
然而,Google Sites 本身並沒有內建的購物車功能。如果您想在Google Sites 上建立一個具有購物車功能的網站,您可能需要使用其他的工具或服務來實現這個功能。
一些第三方的電子商務平台(如Shopify、WooCommerce等)提供了網站插件或應用程式,可以在Google Sites 上使用。您可以在這些平台上建立您的購物車,然後將其嵌入到您的Google Sites 網站中,從而實現購物車功能。

寫作平台首選 - Google Blogger

對於網站設計新手, 我們非常推薦Blogger,因為它"非常好用"。基於主要幾點例如0元架設(參考網站架設費用)、網站穩定、無廣告、教學資源多、SEO索引快速 。以上多種特點,對於網頁設計新手定能好好大玩一翻,等到對網站架設有一定的熟飪度,可以轉往 Wordpress架站。透過WP網站架設,網站版型更精緻美觀、功能擴充更強大。 但對於只想寫寫Blogger網誌文章、或透過Blogger賺錢,Google Blogger已是非常足夠了,現在馬上申請Gmail帳號即可登入Google Blogger,開始簡單又快速的 Google Blogger網站製作大法吧!

Google site vs Wordpress比較

WordpressGoogle site
費用免費免費
全世界市佔率約35.8% (約7000萬)約2萬
開發環境
操作較難簡易
程式技術
寫程式碼
客製化彈性
版型數量上萬個13個
更換版型容易容易
外掛插件上萬個有,免費的G Suite App
SEO有基本
商業廣告
網站主機(搬家)高,可隨時更換主機商不能搬家
網路商店免費
適合對象任何形式的都可以新手架站、暫時網站、簡歷等

Google Site vs Google Blogger

Google Site最大優點

  1. 拖拉式架站
  2. 可以存放在Google Drive
  3. 可以開權限給同事一起架站
  4. 修訂歷史紀錄

Google Blogger最大優點

  1. SEO有設定
  2. 有內容管理系統
  3. 可設定權限
  4. 可以編輯HTML

Google siteGoogle Blogger
費用免費免費
全世界市佔率約2萬約35.8% (約7000萬)
開發環境
操作簡易簡易
程式技術
寫程式碼
客製化彈性
版型數量13個多個,也有付費版型
更換版型容易容易
外掛插件有,免費的G Suite App有,10個以上
SEO有基本
商業廣告
網站主機(搬家)不能搬家不能搬家
網路商店
適合對象部落格新手架站、暫時網站、簡歷等

Google Sites的搬家

Google Sites有一個致命的缺點就是無法搬家,通常造成想要 網站搬家 有以下幾個原因

  1. 主機商服務不好
  2. 主機容量不夠
  3. 主機當掛點、當機
  4. 網站技術老舊
  5. 主機費昂貴
  6. 主機升級
  7. 網站擴充

但很顯然的前六點都不是google sites的缺點,甚至比別人好,但基於最後一點主機網站擴充就會讓你不想使用Google Sites。但很窘的是Google Sites不管想搬到任何的網站平台、系統,全部都不支援。要換平台、網站搬家就是全部重新設計,別無他法,所以再重申一句話,商務性質的網站,如企業形象官網、品牌官網,都千萬不要用Google Sites,因為擴充難,企業成長會受限。了解更多 網站搬家。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/471708.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

使用docker搭建RocketMQ(非集群搭建官方镜像)

之前在使用 RocketMQ 官方的包在搭建的时候,发现好多问题,什么修改内存大小,然后启动 broker 报错,类似 service not available now, maybe disk full 等等… 最后决定还是重新用 docker 搭建下,感觉这样子玩坏了&…

MySQL数据库的数据备份与数据恢复

MySQL数据库的数据备份与恢复主要有3种方法,前两种都是MySQL dump命令,第三种则是用Navicat工具直接备份。相比而言,第三种方法更加简单! 1 方法一(MySQL dump命令) 1.1 登录MySQL [roothurys22 ~]# mysq…

优势分析- 性格测试

盖洛普 免费的人格测试 | 16Personalities [转][类似我] 某作者结合自己性格对盖洛普的推广_个人渣记录仅为自己搜索用的博客-CSDN博客 塞利格曼先生设计的优势测量表格.docx-全文可读 谁知道在哪里可以做盖洛普在线测试题? - 知乎 为什么强烈建议你做正版盖洛普…

【数据库数据恢复】raid5+Sql Server数据库数据恢复案例

数据库数据恢复环境: 5块磁盘组建RAID5,划分LUN供windows服务器使用; windows服务器上部署Sql Server数据库;操作系统层面划分了三个逻辑分区。 数据库故障&初检: 未知原因导致Sql Server数据库文件丢失&#xff…

【tippecanoe】Linux环境tippecanoe部署

Linux环境tippecanoe部署 1.简介2.安装部署2.1相关依赖2.2 sqlite 3.tippecanoe安装 1.简介 mapbox-gl支持矢量切片 ,其中tippecanoe是mapbox官方提供的一个开源矢量切片工具。tippecanoe支持mbtiles格式的数据生成。 工具tippecanoe的使用可以再linux进行&#xf…

优雅的接口防刷处理方案

前言 本文为描述通过Interceptor以及Redis实现接口访问防刷Demo 这里会通过逐步找问题,逐步去完善的形式展示 原理 通过ip地址uri拼接用以作为访问者访问接口区分 通过在Interceptor中拦截请求,从Redis中统计用户访问接口次数从而达到接口防刷目的 …

《大师说栏目第一期》汽车以太网测试项那么多,到底该测啥呢?

#《大师说》栏目上线啦# 《大师说》栏目是怿星科技2023年推出的深度思考栏目,通过邀请内部专家,针对智能汽车行业发展、技术趋势等输出个性化的观点。每期一位大师,每位一个话题,本期由我们怿星以太网扛把子--邓伟,进行…

MetaERP系统主要干什么的,华为自研ERP的路子是否可以效仿?

近日,华为成功研发出自主可控的MetaERP系统,并完成了对旧有ERP系统的替换。该系统采用全栈自主可控技术,基于华为欧拉操作系统、GaussDB等根技术,采用云原生架构、元数据多租架构、实时智能技术等,提高业务效率&#x…

Trimble RealWorks处理点云数据(八)之点云导入houdini生成三维模型

步骤 1、las导入Trimble RealWorks 2、对点云数据预处理 可以参考这篇文章 TrimbleRealWorks点云数据预处理 我这边是做了一个新建坐标系以及0.02m的取样 3、导出pts格式 接下来的流程可以参考 https://learn.microsoft.com/zh-cn/dynamics365/mixed-reality/guides/3d-co…

5年测试老鸟总结,自动化测试的实施到落地,看这一篇足够...

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 Python自动化测试&…

自然语言处理(NLP)在放射学报告评价中的应用:应用和技术进展

自然语言处理(NLP)在放射学报告评价中的应用:应用和技术进展 写在最前面摘要引言先进的技术BERT算法优点 Applications in Radiology 放射学应用Quality 质量将关键发现通知转诊临床医生放射科关键绩效指标和评估 个别放射科医生的表现同行学…

WRF模式的移植、运行、后处理及在多领域的应用

1、WRF模式的各个组成部分; 2、自主完成该模式的移植;3、自主完成模式运行; 4、自主完成模式后处理;5、通过多领域案例分析、实践,熟悉在多领域中的应用。 随着生态文明建设和“碳中和”战略的持续推进,我…

jmeter常用的命令行参数有哪些?常用的jmeter命令行如何编写

目录:导读 引言 一、JMete执行方式 二、JMete非GUI运行优点 三、jmeter非GUI运行参数 四、jmeter非GUI运行命令 4.1非GUI基本命令格式: 4.2非GUI并生成html报告基本命令格式 结语 引言 你是否在使用JMeter进行负载测试时感到手忙脚乱&#xff1…

【MATLAB数据处理实用案例详解(14)】——利用RBF径向基网络预测地下水位

目录 一、问题描述二、RBF径向基网络实现地下水位预测三、算法步骤3.1 定义数据样本3.2 划分训练数据与测试数据3.3 数据增强3.4 创建径向基神经网络3.5 测试 四、结果展示五、完整代码 一、问题描述 地下水系统是一个复杂的非线性、随机系统。建立微分方程模型需要大量详尽的…

C++刨析(this指针,构造,析构函数)

目录 this指针 构造函数 析构函数 this指针 在我们创建一个对象,对象去调用类中的函数的时候,有没有想过它是怎么进行修改的,回想我们以前写C语言的时候,如果我们写了一个栈,当需要操作栈中的数据时,我们需要把构造出来栈的变量的地址传过去,让函数拿到这个地址来对我们的栈…

通过Mars3d在地图上加载风力发电机车模型

首先理清需求,通过Mars3d的基础项目,在基础项目模板上添加一个风力发电机模型。 Mars3d官网的基础项目下载地址:Mars3D三维可视化平台 | 火星科技 gitee地址: git clone https://gitee.com/marsgis/mars3d-vue-project.git 下载…

【Linux】7、一篇文章学习 Linux 中一些硬核的常用知识

目录 一、systemctl二、软链接三、日期(date 命令)四、Linux 的时区(1) 修改时区(2) ntp 五、IP 地址六、主机名七、域名解析八、配置 Linux 的固定 IP 地址(1) 在 VMwareWorkstation 中配置 IP 地址网关和网段(IP 地址的范围)(2)…

深入理解计算机系统2--理解计算机系统的基本组成以及程序的运行

深入理解计算机系统2–理解计算机系统的基本组成以及程序的运行 前言 前面一章简单记录了程序在计算机系统是以什么形式被存储的以及编译器编译的过程,这篇文章则会记录程序是如何被运行的,它在磁盘中是如何被读取,计算机系统将会通过那些器…

BPF技术整理笔记

目录 eBPF是什么? eBPF是做什么的?可以解决什么问题? eBPF可以带来的解决方案是什么? eBPF的技术点 eBPF hookeBPF MapeBPF Helper FunctioneBPF有什么限制吗? 前言 21年因为项目需求而要开发一个工具,可以…

Bitmap引起的OOM问题

作者:向阳逐梦 1.什么是OOM?为什么会引起OOM? 答:Out Of Memory(内存溢出),我们都知道Android系统会为每个APP分配一个独立的工作空间,或者说分配一个单独的Dalvik虚拟机,这样每个APP都可以独立…