logo_2024
萌の领域

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

技术教程 xiaoa685 - 3
利用谷歌协作平台制作一个独属于你自己的网站吧! 最后审核由 龙姐 UID:1
1

准备内容

1:电脑 2:谷歌云端硬盘 3:一个不错的梯子

先提步骤

1:首先先打开谷歌云端硬盘的网页https://www.google.com/intl/zh-CN/drive/

     注意:因为一些众所周知的原因,大陆没办法访问谷歌网页,所以如果不想出现这种       情况就准备一个不错的梯子

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

反例教材↑ 正常打开后是这样的↓

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

2:拥有一个谷歌账号,没有谷歌账号的需要注册一个

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

这里为谁创建都可以

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

填完信息后进入到云端硬盘,点击【新建】选择【Google 协作平台】

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

             【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

网站初级制作

首先先进入到协作平台界面

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

在框内可以更改标题,在左侧可以修改图片(黑灰色框内)

修改完如下(可以通过锚定图片来调整图片位置)

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

然后在右上角找到预览图标,点击进去可以预览平板/电脑/手机用户访问网站时候的状态

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

然后在右侧划栏中选择布局文本框图片之类的,然后自行进行修改

差不多就是这个效果了↓

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

【页面】右下角的【新建页面】可以创建新的页面

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站在新建页面输入名称(方便操作观赏)

然后就是进行新的页面创作了~

进阶制作

1:插入链接:在文本上选择插入链接后即可

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

2:隐藏网页:在页面右侧三个小圆点处选择隐藏页面,然后在导航栏就不会看到这个       页面了,也无法直接访问这个页面了

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站如图

3:设置链接访问网页:衔接2,在文本处选择插入链接,然后点击要跳转的页面

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站点击即可

这时候在点击带有超链接的文字/图片即可跳转到网页啦

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

发布网站

网站做好的,但要给它发布出去,这时候点击右上角的【发布】即可

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

在这里可以选择使用自己的域名(好像只能使用.com域名)或者使用谷歌协作平台的下属域名,输入一个你比较喜欢的个性域名,发布吧!

【技术分享】免费制作一个个人网站—利用谷歌协作空间制作网站

发布后的链接从别的浏览器打开是可以打开的哦~

后言

那么到这里整个大概性的流程就都讲了一遍

顺带一提【谷歌制作案例】这是这篇演示文章中做出来的演示网址,可以参考一下。

  • 萌の领域是一个和谐有爱的ACG文化交流圈,这里是众多二次元文化爱好者的集结地。
  • 本文章是由 萌の领域 会员 xiaoa685 的创作作品。
  • 转载文章时请保留原出处,资源请重新打包!并且附上完整的地址:https://www.moezone.dev/266752.html
  • 资源分享不易,有时间的萌友可以重新打包上传一份,发链接到评论区接力分享,薪火相传呢~
  • 如资源链接失效,请先查看是否是两个星期之前的资源,超过时间默认不补档,请考虑是否要点击下载。其他情况请点击上方举报,等待管理员处理。
  • 下载之前请查看评论区,如果有人提示资源已失效请不要点击下载浪费萌币,也不要说作者骗币,下载消耗的萌币是被服务器回收了。

© 2019 - 2024 💝 Www.MoeZone.Dev