前 言

本页是凑数的

最开始的时候想把“文章”、“歌词”、“壁纸”等等几个娱乐栏目放在一个下拉菜单中(也就是现在的“其他”), 但是下拉菜单一直下拉不了,就更改了布局,将这些娱乐栏目放在这个页面。结果后来查了查怎么搞解决了: 因为下拉菜单属于“交互”性质的控件,所以不光要复制模板过来,也要在HTML中加入一段脚本代码。 其实我也不懂这段代码(Javascript写的),就只是按照说明上的代码复制过来了。 于是恢复了最开始打算的布局,这个页面也就没有用了,但是做都做了,不如把它留下来,写点开发历程、打打草稿之类的。

开发历程

2020.1.14 更 新

菜单页制作完成
更新了部分内容
优化了首页体验

2020.1.10 更 新

重制首页
引入 Microsoft Fluent Design 设计思想

2020.1.8 发 布

个人网页正式部署
基于 Semantic UI 初步构建了主页

Q & A

Q:这个网页是什么/做什么的?

A:其实最开始并没有想着做网页,只是查资料的时候看到网上有人做了自己的博客/网页, 页面十分漂亮,还有一些动态效果,然后就想做一个试一下。 后来做着做着就想到可以将自己学习编程过程中的问题像那些博主一样写在自己的网站中, 也可以分享一些文章、图片等等。所以不要纠结内容啦,能做到什么程度、能做多久其实心里也不知道。


Q:网页都是你自己做的吗?

A:严格说不是,网页的制作用到了很多现成的UI控件,来源于“Semantic UI”网站。 比如菜单栏和页脚,都是利用现成的,还有图标、现在看到的问答框框,也是利用模板。 但是整体的样式,中间具体怎么布置,是我自己的想法。 而页边距、行间距多大,文字排版,添加超链接等等问题, 都需要一项一项地去设置,这个是模板帮不了的。 另外半透明的效果是微软“Fluent Design”给我的灵感, 如果是Windows 10的小伙伴可以打开“设置”应用看看就明白了。


Q:Semantic UI 是什么?

A:Semantic UI是一个免费开源的网页UI提供网站。 其中有很丰富的浏览器常用元素,比如菜单、按钮、页脚、输入框、复选框等等。 目前很多网站都是采用这样的方式构建,也就是常说的“避免重复造轮子”。 这样的网页UI还有很多,大家有兴趣可以自己尝试一下。
(Semantic UI 网站在首页以及每页的页脚均有链接)


Q:GitHub 是什么?

A:GitHub 既是一个论坛式的网站,聚集了世界各地的程序员,包括微软、谷歌的官方号。 同时也是一个代码的云盘,即全球最大的开源社区,同时提供免费的代码版本管理。 大家有兴趣可以去上面淘淘金,也可以用作自己的文件版本管理云盘。
(GitHub 网站在首页以及每页的页脚均有链接)


Q:为什么没有搜索功能/留言功能等?

A:与输入输出有关的功能,后台管理等需要用到脚本语言, 还有很多过渡效果、交互操作,包括下拉菜单也需要用到脚本语言, 站主比较菜,目前只会静态网页, 所以还没有这些功能和效果,以后考虑加入一些高级功能以及动态效果。

其 他

施工中