不想看文字的直接视频：

https://www.ixigua.com/i6798443954380472846/

Hi，大家好，欢迎收看本期《优宝科技》，我是大文子。经常有做外贸的朋友或客户问我有没有免费而又简单的建站系统，提到免费开源网站管理系统，自然想到Joomla和Wordpress，这两个都是非常优秀的开源网站管理系统（CMS），特别是Wordpress，潜入深出，如果你是普通小白，基本不用一句代码借助Wordpress丰富的主题和插件功能，就可以非常轻松的搭建一个企业网站或者购物商城，制作一个外贸自建站如果你熟悉php开发，Wordpress有完整的API函数供你调用，Wordpress会成为你的开发框架，就像国内

Wordpress大神《我爱水煮鱼》的博主Denis一样为所欲为，开发商城平台、小程序等等，说到这里你可能有些坐不住了，先别急着关我的视频，上面说的这些或多或少都需要一定网页编程基础和服务器架设门槛，建设和维护成本都不是普通文员所能接受的，而我们今天视频的重点对象是有建站需求、预算有限，甚至比Word文档编辑还要简单、无需增加学习成本、非常方便维护、免费的建站工具，就像打开水龙头接水这么简单，对于这样的需求我大概列出一下几点：

没有限制，拒绝假免费傻瓜式操作，如word上手简单、易用制作一个外贸自建站无需安装、无需下载、云端编辑界面友好，无须代码，普通人都会跨平台、支持手机、电脑访问

今天我就给大家推荐一款超级简单、容易上手、完全免费的建站神器--Google Sites（Google协作平台），普通办公文员都会的建站工具！别说你不会哦！

【对了，我的频道是分享有关网站知识、网络工具、网站系统、设计软件、外贸推广工具使用技巧的，如果你感兴趣的话一定要记得订阅这个频道，点开旁边的小铃铛，否则更新YouTube也不会通知你，也就会与很多重要的资讯擦肩而过、与成功的机会失之交臂！】

那我们就直接进入主题，以我的书法作品为例，手把手教大家做一个简单的展示型网站，在开始之前我们先做一个简单的网站架构，也就是网站所有栏目的规划、内容的布局等等

第一步：安装Google Chrome扩展工具-Google Sites

在使用Google Sites（Google协作平台）之前，为了方便快捷，我们先来安装Google Chrome（Google浏览器）的扩展工具Google Sites，链接我已经放在视频简介下方，大家去打开安装即可使用。首先打开这个链接，点击“添加至Chrome”，弹出对话框，点击“添加应用”即可!

第二步：开启Google Sites前期准备

准备制作一个外贸自建站网站所需文案和图片

我现在要做的网站是有关我的书法作品和商业应用案例的展示，现在先把网站所有的文案整理成文档，有助于后续在制作中提高效率，而不是临时去思考和撰写，到时候只需要copy即可，网站具体用到的图片有网站logo、页头背景，个人简介照片、作品照片、商业应用案例全部图片，这些图片全部整理放到本机，当然你也可以存放到Google相册或Google云端硬盘，好了，基本工作准备就绪，接下来我进行第二步

绘制网站布局和栏目架构图

在做之前我们先对网站需要呈现的内容做一个简单的梳理和规划，方便我们在搭建时快速有效按计划步骤执行，减少不必要的返工。这个网站相对比较简单，在页面布局上划分为上中下三个部分，上制作一个外贸自建站部由顶部bar导航和页头主体组成，中间为可变部分，也就是网站的内容输出部分，底部为联系方式、版权信息等，大家注意看到，只有中间是内容动态可变，上下都是恒定不变，这个是大多数网站通行的布局，也是用户浏览习惯所致！接下来我们看栏目架构，也就是网站栏目规划，我把它分为首页、关于我、书法作品、商业应用、联系方式，到这里布局和栏目规划做好了，我们开始继续下一步

第三步：开始用Google Site搭建网站

制作页头（Header）

打开已经写好的网站文案，首先复制网站标题，切换到Google Sites界面，在左上方标题处粘贴，然后输入当前页面标题，我这里把页面标题删掉，是因为我已经做了一个自带logo形象的制作一个外贸自建站页眉背景图片，点击页眉工具“更改图片”，然后点击上传，找到本地已经准备好的图片目录，选中对应背景图片上传，为了更好的适配各种终端屏幕，这个图片尺寸在制作时按照1920*500，上传完毕你看到页眉右下角显示进度文字“正在调整以方便阅读”，这个是Google Sites后台AI正在运行，完全智能化匹配。接下来点击页眉Bar网站标题弹出“添加徽标”，也就是添加网站logo，网站logo添加完后，页头的区域就算告一段落

制作页面内容（Page Contents）

添加内容区，点击右侧功能区的“布局”部分，选取一个左图右文的排版，依此复制粘贴标题和文字，点击“+”号图标，在弹出菜单这里，有6个选项，这里不仅制作一个外贸自建站可以上传本地图片，还可以选择来自Google云端硬盘（Google Drives）、Google相册（Google Photos）、Google图片搜索的无版权限制的图片，甚至YouTube视频、Google日历（Google Calendar）、Google地图（Google Maps）都完美无缝整合到了Google Sites（Google协作平台），这里我们上传一张本地照片，好了，上传完毕，通过拖拽就能轻松对图片进行缩放和裁切，然后点击顶部发布区的预览图标进行预览，这里的预览效果和网站正式发布完全一致，同时在右下方有三个终端屏幕供调试的图标，单击即可查看实际效果，非常的方便！

这个部分仅仅制作一个外贸自建站是个人的摘要简介，我会单独新建一个页面来放个人简介，稍后继续

往下这块是部分作品展示，继续点击右侧功能区布局选择一行三列上图下文的模块，依次插入三张书法作品，输入每张作品的标题和摘要，然后将鼠标移到这个模块的左侧，对应有三个图标，分别是“选择背景”、“复制此部分”、“删除小节”，选择背景给当前区域添加背景颜色或者插入图片背景，复制此部分是复制当前区块以后续编辑更快捷，删除则是删除当前模块，我现在需要复制一块来操作，这一部分我就快速跳过，好了内容编辑区的内容已经添加完毕！

制作页脚（Footer）

现在将鼠标移到底部，点击“添加页脚（footer）”，找到版权信息，复制，返回Google Sites（制作一个外贸自建站Google协作平台）操作界面，粘贴，调整一下文字居右，好了，你看现在这样底部的信息完全不够，我们再添加一些本站导航、联系方式等简单信息，重复之前操作，切换到网站文档，依此复制粘贴到Google Sites（Google协作平台）的页脚（Footer），为了保证板式统一，把第一列内容复制再来编辑，重复相同到操作，根据文字多少自由调列宽，随时预览调试。然后将鼠标移到当前区块操作左侧，当鼠标成十字图标状时长按拖动，上下交换位置，把版权信息调到最底部，预览看看效果，感觉和版权信息没有区隔，现在去添加一点背景颜色，墨绿太深，选择浅灰稍微素净点，OK！首页的操作就算完毕！

创建其他页面（Create ne制作一个外贸自建站w page）

接下来我们开始新建第二个页面，点击右侧功能模块区“页面”，将鼠标移到“首页”右侧，单击右键“复制网页”，采用复制页面的好处是模块化风格，减少重复的劳动。

到此为止，现在所有的页面都已经创建完毕，开始发布，将鼠标移到“顶部发布区”蓝色按钮，弹出对话框输入小写英文或拼音，点击发布，一个完整的网站就已经制作完成了，细节调整可以随时返回编辑界面去操作

总结Google Sites（Google协作平台）几大优势

最后我们来总结一下Google Sites（Google协作平台）几大优势

完全免费无限制创建站点数量无限web空间无缝整合Google云端硬盘（Google Drives）、Googl制作一个外贸自建站e相册（Google Photos）、YouTube视频、Google日历（Google Calendar）、Google地图（Google Maps）、Google表单（Google Forms）、Google文档（Google Docs）简单易上手，无需任何编程基础

那Google Sites（Google协作平台）适合哪一类人群呢？Google Sites非常适合没有编程基础、不需要购买服务器和技术维护的办公文员一类，或者小型企业对网站建设跃跃欲试的人群，再加上有Google平台实力支撑、Google搜索友好支持，对于做外贸的企业非常有帮助，使用成本几乎为零，什么我推荐的对象是做外贸的企业制作一个外贸自建站？众所周知的原因，Google大部分产品在是中国大陆是无法内访问的，但对于做外贸完全不受影响

OK！本期视频就分享到这里，喜欢我视频的小伙伴记得订阅、分享我的频道、如果你更好的建议或者在使用Google Sites（Google协作平台）遇到任何问题请在评论区留言探讨，我们下期再见，拜拜！