主页 > 亮眼现状 >展示资讯互动桌子(三)展示资讯互动桌子(三) >

展示资讯互动桌子(三)展示资讯互动桌子(三)

2020-07-07  点赞766   浏览量:984
展示资讯互动桌子(三)展示资讯互动桌子(三)

index.php 程式码

展示资讯互动桌子(三)展示资讯互动桌子(三)

index.php 的说明如图

接下来将会为大家详细讲解 Code1-4 的内容。

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code1 样式定义程式码

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code 1的说明如图

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code2 标题及时间程式码

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code 2的说明如图

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code3 获取天气资讯程式码

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code 3 的说明如图

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code4 随机显示讯息程式码

展示资讯互动桌子(三)展示资讯互动桌子(三)

Code 4的说明如图

显示屏打造为工作桌子

最后,我们会将显示屏嵌入到一块木板中,再配上檯脚及盖上玻璃就可完成。

展示资讯互动桌子(三)展示资讯互动桌子(三)

预备 OSB 木板,并用电锯将中间相等于显示屏尺寸的形状置空,留下一个长方形的框架。

展示资讯互动桌子(三)展示资讯互动桌子(三)

接着将显示屏嵌入在框架中,在木板的底部加上一些支撑元件作巩固,令显示屏不会跌下来。

展示资讯互动桌子(三)展示资讯互动桌子(三)

然后预备檯脚,分别放在木板的两边;最后将平板玻璃盖在木板上,互动桌子就製作便完成。

总结

在此习作中,同学可以学习到如何建立一个网站伺服器,使用 API 及编写互动程式,建立一个能够显示世界各地不同的天气资讯的动态网页。本习作也适合喜欢编写网页,或修读资讯及通讯科技科的同学,大家可用此参考之余,也可自行修改当中的元素,成为一个更适合自己用的作品。

相关阅读