外贸建站神器Google Sites，无需编程，比word还简单的建站工具
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不想看文字的直接视频：</p>https://www.ixigua.com/i6798443954380472846/
<div style="color: black; text-align: left; margin-bottom: 10px;">
<div style="color: black; text-align: left; margin-bottom: 10px;">
<span style="color: black;">不支持的音频/视频格式</span>
<span style="color: black;">请试试<span style="color: black;">刷新</span></span>
</div>
重播
<div style="color: black; text-align: left; margin-bottom: 10px;">播放</div>
<span style="color: black;">00:00</span>
<span style="color: black;">/</span>
<span style="color: black;">00:00</span>
<span style="color: black;">直播</span>
<div style="color: black; text-align: left; margin-bottom: 10px;">
<div style="color: black; text-align: left; margin-bottom: 10px;">00:00</div>
</div>
<div style="color: black; text-align: left; margin-bottom: 10px;">进入全屏</div>
<div style="color: black; text-align: left; margin-bottom: 10px;">0</div>
<div style="color: black; text-align: left; margin-bottom: 10px;">点击按住可拖动视频</div>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Hi，<span style="color: black;">大众</span>好，欢迎收看本期《优宝科技》，我是大文子。经常有做外贸的<span style="color: black;">伴侣</span>或客户问我有<span style="color: black;">无</span>免费而又简单的建站系统，<span style="color: black;">说到</span>免费开源网站管理系统，自然想到Joomla和Wordpress，这两个都是非常优秀的开源网站管理系统（CMS），<span style="color: black;">尤其</span>是Wordpress，潜入深出，<span style="color: black;">倘若</span>你是普通小白，基本<span style="color: black;">不消</span>一句代码借助Wordpress丰富的主题和插件功能，就<span style="color: black;">能够</span>非常<span style="color: black;">容易</span>的搭建一个企业网站<span style="color: black;">或</span>购物商城，<span style="color: black;">倘若</span>你<span style="color: black;">熟练</span>php<span style="color: black;">研发</span>，Wordpress有完整的API函数供你调用，Wordpress会<span style="color: black;">作为</span>你的<span style="color: black;">研发</span>框架，就像国内</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/6fe332a822344daa83bd82a7b854290d~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1726077794&x-signature=Z5%2FCUYZHRx3HhrxpyzD7YpKKKGs%3D" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Wordpress大神《我爱水煮鱼》的博主Denis<span style="color: black;">同样</span>为所欲为，<span style="color: black;">研发</span>商城平台、小程序等等，说到<span style="color: black;">这儿</span>你可能有些坐不住了，先别急着关我的视频，上面说的这些或多或少都需要<span style="color: black;">必定</span>网页编程<span style="color: black;">基本</span>和服务器架设门槛，建设和<span style="color: black;">守护</span>成本都不是普通文员所能接受的，而<span style="color: black;">咱们</span>今天视频的重点对象是有建站<span style="color: black;">需要</span>、预算有限，<span style="color: black;">乃至</span>比Word文档编辑还要简单、无需<span style="color: black;">增多</span>学习成本、非常方便<span style="color: black;">守护</span>、免费的建站工具，就像打开水龙头接水这么简单，<span style="color: black;">针对</span><span style="color: black;">这般</span>的<span style="color: black;">需要</span>我大概列出一下几点：</p><span style="color: black;">无</span>限制，拒绝假免费傻瓜式操作，如word上手简单、易用无需安装、无需下载、云端编辑界面友好，无须代码，普通人都会跨平台、支持手机、电脑<span style="color: black;">拜访</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">今天我就给<span style="color: black;">大众</span><span style="color: black;">举荐</span>一款超级简单、容易上手、完全免费的建站神器--Google Sites（Google协作平台），普通办公文员都会的建站工具！别说你不会哦！</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/3e7bca2bb5854b5cb8e4dc8306c1dae2~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1726077794&x-signature=kLgrSUD2zJEHRrt3fST%2FCBZzg%2F4%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Google sites 、Google协作平台、网站建设、CMS、Wordpress、joomla</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">【对了，我的频道是分享<span style="color: black;">相关</span>网站知识、网络工具、网站系统、设计软件、外贸推广工具<span style="color: black;">运用</span>技巧的，<span style="color: black;">倘若</span>你感兴趣的话<span style="color: black;">必定</span>要记得订阅这个频道，点开旁边的小铃铛，否则更新YouTube<span style="color: black;">亦</span>不会<span style="color: black;">通告</span>你，<span style="color: black;">亦</span>就会与<span style="color: black;">非常多</span>重要的<span style="color: black;">新闻</span>擦肩而过、与成功的机会失之交臂！】</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5b8674180b644fbfa626a39fb6f6c3ea~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1726077794&x-signature=B5XbBkcW7YCcpBjtuzy62KDGbRc%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网站建设、wordpress、joomla</p>
</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">那<span style="color: black;">咱们</span>就直接进入主题，以我的书法作品为例，手把手教<span style="color: black;">大众</span>做一个简单的展示型网站，在<span style="color: black;">起始</span>之前<span style="color: black;">咱们</span>先做一个简单的网站架构，<span style="color: black;">亦</span><span style="color: black;">便是</span>网站所有栏目的规划、内容的布局等等</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">第1</span>步：安装Google Chrome扩展工具-Google Sites</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在<span style="color: black;">运用</span>Google Sites（Google协作平台）之前，为了方便快捷，<span style="color: black;">咱们</span>先来安装Google Chrome（Google浏览器）的扩展工具Google Sites，链接我<span style="color: black;">已然</span>放在视频简介下方，<span style="color: black;">大众</span>去打开安装<span style="color: black;">就可</span><span style="color: black;">运用</span>。<span style="color: black;">首要</span>打开这个链接，点击“添加至Chrome”，弹出对话框，点击“添加应用”<span style="color: black;">就可</span>!</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第二步：开启Google Sites前期准备</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">准备网站所需文案和<span style="color: black;">照片</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我<span style="color: black;">此刻</span>要做的网站是<span style="color: black;">相关</span>我的书法作品和<span style="color: black;">商场</span>应用案例的展示，<span style="color: black;">此刻</span>先把网站所有的文案整理成文档，有助于后续在制作中提<span style="color: black;">有效</span>率，而不是临时去思考和撰写，到时候只需要copy<span style="color: black;">就可</span>，网站<span style="color: black;">详细</span>用到的<span style="color: black;">照片</span>有网站logo、页头背景，个人简介照片、作品照片、<span style="color: black;">商场</span>应用案例<span style="color: black;">所有</span><span style="color: black;">照片</span>，这些<span style="color: black;">照片</span><span style="color: black;">所有</span>整理放到本机，当然你<span style="color: black;">亦</span><span style="color: black;">能够</span>存放到Google相册或Google云端硬盘，好了，基本工作准备就绪，接下来我进行第二步</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">绘制网站布局和栏目架构图</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在做之前<span style="color: black;">咱们</span>先对网站需要呈现的内容做一个简单的梳理和规划，方便<span style="color: black;">咱们</span>在搭建时快速有效按计划<span style="color: black;">过程</span>执行，减少不必要的返工。这个网站相对比较简单，在页面布局上划分为上中下三个部分，上部由顶部bar导航和页头主体<span style="color: black;">构成</span>，中间为可变部分，<span style="color: black;">亦</span><span style="color: black;">便是</span>网站的内容输出部分，底部为联系方式、版权信息等，<span style="color: black;">大众</span><span style="color: black;">重视</span>看到，<span style="color: black;">仅有</span>中间是内容动态可变，上下都是恒定不变，这个是大<span style="color: black;">都数</span>网站通行的布局，<span style="color: black;">亦</span>是用户浏览习惯<span style="color: black;">导致</span>！接下来<span style="color: black;">咱们</span>看栏目架构，<span style="color: black;">亦</span><span style="color: black;">便是</span>网站栏目规划，我把它分为首页、关于我、书法作品、<span style="color: black;">商场</span>应用、联系方式，到<span style="color: black;">这儿</span>布局和栏目规划做好了，<span style="color: black;">咱们</span><span style="color: black;">起始</span>继续下一步</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">第三步：<span style="color: black;">起始</span>用Google Site搭建网站</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">制作页头（Header）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开<span style="color: black;">已然</span>写好的网站文案，<span style="color: black;">首要</span>复制网站标题，切换到Google Sites界面，在左上方标题处粘贴，<span style="color: black;">而后</span>输入当前页面标题，我<span style="color: black;">这儿</span>把页面标题删掉，是<span style="color: black;">由于</span>我<span style="color: black;">已然</span>做了一个自带logo形象的页眉背景<span style="color: black;">照片</span>，点击页眉工具“更改<span style="color: black;">照片</span>”，<span style="color: black;">而后</span>点击上传，找到本地<span style="color: black;">已然</span>准备好的<span style="color: black;">照片</span>目录，选中对应背景<span style="color: black;">照片</span>上传，为了更好的适配<span style="color: black;">各样</span>终端屏幕，这个<span style="color: black;">照片</span>尺寸在制作时<span style="color: black;">根据</span>1920*500，上传完毕你看到页眉右下角<span style="color: black;">表示</span>进度文字“正在<span style="color: black;">调节</span>以方便阅读”，这个是Google Sites后台AI正在运行，完全智能化匹配。接下来点击页眉Bar网站标题弹出“添加徽标”，<span style="color: black;">亦</span><span style="color: black;">便是</span>添加网站logo，网站logo添加完后，页头的区域就算告一段落</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">制作页面内容（Page Contents）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">添加内容区，点击右侧功能区的“布局”部分，<span style="color: black;">选择</span>一个左图右文的排版，依此复制粘贴标题和文字，点击“+”号图标，在弹出菜单<span style="color: black;">这儿</span>，有6个选项，<span style="color: black;">这儿</span>不仅<span style="color: black;">能够</span>上传本地<span style="color: black;">照片</span>，还<span style="color: black;">能够</span><span style="color: black;">选取</span>来自Google云端硬盘（Google Drives）、Google相册（Google Photos）、Google<span style="color: black;">照片</span>搜索的无版权限制的<span style="color: black;">照片</span>，<span style="color: black;">乃至</span>YouTube视频、Google日历（Google Calendar）、Google地图（Google Maps）都完美无缝整合到了Google Sites（Google协作平台），<span style="color: black;">这儿</span><span style="color: black;">咱们</span>上传一张本地照片，好了，上传完毕，<span style="color: black;">经过</span>拖拽就能<span style="color: black;">容易</span>对<span style="color: black;">照片</span>进行缩放和裁切，<span style="color: black;">而后</span>点击顶部发布区的预览图标进行预览，<span style="color: black;">这儿</span>的预览效果和网站正式发布完全一致，<span style="color: black;">同期</span>在右下方有三个终端屏幕供调试的图标，单击<span style="color: black;">就可</span>查看<span style="color: black;">实质</span>效果，非常的方便！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个部分仅仅是个人的摘要简介，我会单独新建一个页面来放个人简介，稍后继续</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">往下这块是部分作品展示，继续点击右侧功能区布局<span style="color: black;">选取</span>一行三列上图下文的模块，依次<span style="color: black;">插进</span>三张书法作品，输入每张作品的标题和摘要，<span style="color: black;">而后</span>将鼠标移到这个模块的左侧，对应有三个图标，分别是“<span style="color: black;">选取</span>背景”、“复制此部分”、“删除小节”，<span style="color: black;">选取</span>背景给当前区域添加背景颜色<span style="color: black;">或</span><span style="color: black;">插进</span><span style="color: black;">照片</span>背景，复制此部分是复制当前区块以后续编辑更快捷，删除则是删除当前模块，我<span style="color: black;">此刻</span>需要复制<span style="color: black;">一起</span>来操作，这一部分我就快速跳过，好了内容编辑区的内容<span style="color: black;">已然</span>添加完毕！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">制作页脚（Footer）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span>将鼠标移到底部，点击“添加页脚（footer）”，找到版权信息，复制，返回Google Sites（Google协作平台）操作界面，粘贴，<span style="color: black;">调节</span>一下文字居右，好了，你看<span style="color: black;">此刻</span><span style="color: black;">这般</span>底部的信息完全<span style="color: black;">不足</span>，<span style="color: black;">咱们</span>再添加<span style="color: black;">有些</span>本站导航、联系方式等简单信息，重复之前操作，切换到网站文档，依此复制粘贴到Google Sites（Google协作平台）的页脚（Footer），为了<span style="color: black;">保准</span>板式统一，把<span style="color: black;">第1</span>列内容复制再来编辑，重复相同到操作，<span style="color: black;">按照</span>文字多少自由调列宽，随时预览调试。<span style="color: black;">而后</span>将鼠标移到当前区块操作左侧，当鼠标成十字图标状时长按拖动，上下交换位置，把版权信息调到最底部，预览<span style="color: black;">瞧瞧</span>效果，感觉和版权信息<span style="color: black;">无</span>区隔，<span style="color: black;">此刻</span>去添加一点背景颜色，墨绿太深，<span style="color: black;">选取</span>浅灰稍微素净点，OK！首页的操作就算完毕！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">创建其他页面（Create new page）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来<span style="color: black;">咱们</span><span style="color: black;">起始</span>新建第二个页面，点击右侧功能模块区“页面”，将鼠标移到“首页”右侧，单击右键“复制网页”，采用复制页面的好处是模块化风格，减少重复的劳动。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">到此为止，<span style="color: black;">此刻</span>所有的页面都<span style="color: black;">已然</span>创建完毕，<span style="color: black;">起始</span>发布，将鼠标移到“顶部发布区”蓝色按钮，弹出对话框输入小写英文或拼音，点击发布，一个完整的网站就<span style="color: black;">已然</span>制作完<span style="color: black;">成为了</span>，细节<span style="color: black;">调节</span><span style="color: black;">能够</span>随时返回编辑界面去操作</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;">总结Google Sites（Google协作平台）几大<span style="color: black;">优良</span></h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后<span style="color: black;">咱们</span>来总结一下Google Sites（Google协作平台）几大<span style="color: black;">优良</span></p>完全免费无限制创建站点数量无限web空间无缝整合Google云端硬盘（Google Drives）、Google相册（Google Photos）、YouTube视频、Google日历（Google Calendar）、Google地图（Google Maps）、Google表单（Google Forms）、Google文档（Google Docs）简单易上手，无需任何编程<span style="color: black;">基本</span>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">那Google Sites（Google协作平台）适合哪一类人群呢？Google Sites非常适合<span style="color: black;">无</span>编程<span style="color: black;">基本</span>、不需要购买服务器和技术<span style="color: black;">守护</span>的办公文员一类，<span style="color: black;">或</span>小型企业对网站建设跃跃欲试的人群，再加上有Google平台实力支撑、Google搜索友好支持，<span style="color: black;">针对</span>做外贸的企业非常有<span style="color: black;">帮忙</span>，<span style="color: black;">运用</span>成本几乎为零，什么我<span style="color: black;">举荐</span>的对象是做外贸的企业？众所周知的<span style="color: black;">原由</span>，Google大部分<span style="color: black;">制品</span>在是中国大陆是<span style="color: black;">没法</span>内<span style="color: black;">拜访</span>的，但<span style="color: black;">针对</span>做外贸完全不受影响</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">OK！本期视频就分享到<span style="color: black;">这儿</span>，<span style="color: black;">爱好</span>我视频的小伙伴记得订阅、分享我的频道、<span style="color: black;">倘若</span>你更好的<span style="color: black;">意见</span><span style="color: black;">或</span>在<span style="color: black;">运用</span>Google Sites（Google协作平台）遇到任何问题请在评论区留言探讨，<span style="color: black;">咱们</span>下期再见，拜拜！</p>
页:
[1]