不想看文字的直接视频: https://www.ixigua.com/i6798443954380472846/
不支持的音频/视频格式
请试试刷新
重播
播放
00:00
/
00:00
直播
进入全屏
0
点击按住可拖动视频
Hi,大众好,欢迎收看本期《优宝科技》,我是大文子。经常有做外贸的伴侣或客户问我有无免费而又简单的建站系统,说到免费开源网站管理系统,自然想到Joomla和Wordpress,这两个都是非常优秀的开源网站管理系统(CMS),尤其是Wordpress,潜入深出,倘若你是普通小白,基本不消一句代码借助Wordpress丰富的主题和插件功能,就能够非常容易的搭建一个企业网站或购物商城,倘若你熟练php研发,Wordpress有完整的API函数供你调用,Wordpress会作为你的研发框架,就像国内
Wordpress大神《我爱水煮鱼》的博主Denis同样为所欲为,研发商城平台、小程序等等,说到这儿你可能有些坐不住了,先别急着关我的视频,上面说的这些或多或少都需要必定网页编程基本和服务器架设门槛,建设和守护成本都不是普通文员所能接受的,而咱们今天视频的重点对象是有建站需要、预算有限,乃至比Word文档编辑还要简单、无需增多学习成本、非常方便守护、免费的建站工具,就像打开水龙头接水这么简单,针对这般的需要我大概列出一下几点: 无限制,拒绝假免费傻瓜式操作,如word上手简单、易用无需安装、无需下载、云端编辑界面友好,无须代码,普通人都会跨平台、支持手机、电脑拜访
今天我就给大众举荐一款超级简单、容易上手、完全免费的建站神器--Google Sites(Google协作平台),普通办公文员都会的建站工具!别说你不会哦!
Google sites 、Google协作平台、网站建设、CMS、Wordpress、joomla
【对了,我的频道是分享相关网站知识、网络工具、网站系统、设计软件、外贸推广工具运用技巧的,倘若你感兴趣的话必定要记得订阅这个频道,点开旁边的小铃铛,否则更新YouTube亦不会通告你,亦就会与非常多重要的新闻擦肩而过、与成功的机会失之交臂!】
网站建设、wordpress、joomla
那咱们就直接进入主题,以我的书法作品为例,手把手教大众做一个简单的展示型网站,在起始之前咱们先做一个简单的网站架构,亦便是网站所有栏目的规划、内容的布局等等
第1步:安装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),为了保准板式统一,把第1列内容复制再来编辑,重复相同到操作,按照文字多少自由调列宽,随时预览调试。而后将鼠标移到当前区块操作左侧,当鼠标成十字图标状时长按拖动,上下交换位置,把版权信息调到最底部,预览瞧瞧效果,感觉和版权信息无区隔,此刻去添加一点背景颜色,墨绿太深,选取浅灰稍微素净点,OK!首页的操作就算完毕!
创建其他页面(Create new page)
接下来咱们起始新建第二个页面,点击右侧功能模块区“页面”,将鼠标移到“首页”右侧,单击右键“复制网页”,采用复制页面的好处是模块化风格,减少重复的劳动。
到此为止,此刻所有的页面都已然创建完毕,起始发布,将鼠标移到“顶部发布区”蓝色按钮,弹出对话框输入小写英文或拼音,点击发布,一个完整的网站就已然制作完成为了,细节调节能够随时返回编辑界面去操作
总结Google Sites(Google协作平台)几大优良
最后咱们来总结一下Google Sites(Google协作平台)几大优良 完全免费无限制创建站点数量无限web空间无缝整合Google云端硬盘(Google Drives)、Google相册(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协作平台)遇到任何问题请在评论区留言探讨,咱们下期再见,拜拜!
|