达夕博客
  • 首页
  • 软件工具
    • 提高生产力
    • 数字化办公
    • 智能手机
    • 开发工具
  • 技术编程
  • 互联网
  • 关于
  1. 首页
  2. 软件工具
  3. 正文

利用Google表单和Google表格定制单页面应用

2016年02月18日 12574点热度 0人点赞 1条评论

今天介绍给大家是如何利用Google的在线表单和表格服务,制作单页面功能性的网页。例如可以制作一个个人记账页面,当需要记账的时候,直接打开这个网页,或者在手机端访问这个网页,就可以轻松的添加记账信息。你也可以制作一个备忘录,通过定制的页面来添加备忘信息。下面先看一下我制作的记账页面的效果图:

记账本页面:

利用Google表单和Google表格定制单页面应用

数据保存在这里:

googletable02

 


接下来,就按照下面的步骤来制作一个你自己的页面吧

1、打开Google drive,选择新建Google表格

googletable03

2、修改好表格的名称后,点击工具里的:创建表单

googletable04

3、添加第一个表单项:内容

修改表单项名称后,点击右侧的表单项类型下拉框,选择该表单项的类型。主要有:文本、日期、下拉框、单选、多选等类型。点击最右侧的工具栏,添加另外一个表单项。同时在表单中还可以插入图片、视频等信息。
googletable05

4、添加其他表单项后,完成表单制作

在右上方可以修改页面的颜色,或者上传背景图片,使网页更加个性化。点击预览后可以查看页面的效果。

googletable06

5、试试看,添加一条备忘信息

googletable07

添加成功后,点击编辑您的回复来修改刚刚添加的备忘信息。

googletable08

6、查看保存的数据

回到一开始时创建的Google表格,就会看到多出来一张[第 1 张表单回复]的Sheet页,这里就是保存我们备忘信息的地方。在这个表格的第一列,还自动添加了时间戳记这一列,记录备忘信息创建的时间。

googletable09

7、发布自己页面

点击右上方的发送按钮,然后选择发送方式:邮件、链接、嵌入HTML代码
这里我们选择链接,并勾选缩短网址。复制后就可以在电脑或者手机端的浏览器中访问了。

googletable10

8、手机版效果图

可以把网页添加到收藏夹,更好的是添加到手机屏幕的快捷方式,就可以当做一个在线APP使用了。

googletable11

延续阅读:

执行Google账户安全检查,送你2G云端硬盘空间

标签: Google表单 Google表格 单网页应用
最后更新:2016年02月18日

达夕

保持饥渴的专注,追求最佳的品质

点赞
< 上一篇
下一篇 >

文章评论

  • 头像
    匿名

    电脑玩物上也有介绍用谷歌表单做账本的

    2016年05月07日
    回复
  • 取消回复

    最新 热点 随机
    最新 热点 随机
    通过.git文件夹恢复代码仓库 Nginx 如何限流和访问控制(详解) Docker在宿主机上根据进程PID查找归属容器ID 云原生环境是使用Nocalhost开发调试Spring boot应用 全能数据库管理工具DataGrip推荐使用2019.3.5版本 安卓优秀播放器KMPlayer Plus (Divx)_v30.12.251下载 Intellij Idea 2020.3.1无限试用激活补丁 PDF全能解决方案Adobe Acrobat DC 2020 SP 直装特别版
    Intellij Idea 2020.3.1无限试用激活补丁安卓优秀播放器KMPlayer Plus (Divx)_v30.12.251下载全能数据库管理工具Navicat 15 旗舰版x64位安装激活IntelliJ IDEA 开发助手插件DevHelper 1.0.2版本发布全能数据库管理工具DataGrip推荐使用2019.3.5版本v2ray启动报code=exited, status=218/CAPABILITIES错误的解决方法Nginx 如何限流和访问控制(详解)PDF全能解决方案Adobe Acrobat DC 2020 SP 直装特别版
    开发助手:使用Excel打造自己的开发小工具 Windows安装版Redis Desktop Manager 2019.4下载 Jira+Jenkins集成,实现任务状态改变自动触发增量发布 redis cli 客户端常用命令 你的密码还安全吗:密码设置原则和策略 《Java 8实战(Java 8 in Action) 》中文高清完整PDF版下载 值得珍藏:印象笔记Evernote中进行高级搜索的语法分享 享用吧!VMware 所有版本永久许可证激活密钥
    标签聚合
    Dropbox 印象笔记 激活 Google Chrome Google Drive Windows 10 Evernote iPhone IntelliJ Idea 敏捷开发
    推荐文章

    COPYRIGHT © 2020 达夕博客. ALL RIGHTS RESERVED.

    THEME KRATOS MADE BY VTROIS