几次失败的网页设计-初学时

我接触真正的源代码已经2年了。

就在半年前，我萌生了自己建站的想法。

于是尝试ing...

几次失败的设计

第一次（离谱）

尽管这不是我第一次写HTML，但是这个版本实在不言而喻。

啊这

就这么多。一块1080p的普通屏幕都填不满。

网站菜单里有个可以切换背景色的，点一下会发生什么呢？

答案是——

这背景色怎么怪怪的

宁搁这生草呢？

而且没有更多颜色，再点一下就回去了。

可能有人看到菜单里有简易版，下面这就是↓

简 易 版

啊这...

我也只能解释为技术不过关了

下一位~

第二次（终于好些了）

我找了很多关于HTML代码、UI和UX的书，然后敲出了这个版本：

排版还行，但是这背景只剩一点边框了...

其实这个代码就是直接把菜鸟教程里的代码拷贝出来

改了文本、宽高和颜色，还加了个图片背景（终于知道要加图片了）

但是这背景加了和没加也没什么区别啊

第三次（直接在之前的页面上改的）

于是加上了半透明~

半透明网页第一版

等下，怎么全缩到上面去了？

找了半天的bug，有次无意中删了DOCTYPE，结果就好了？！

删掉DOCTYPE后一切正常

Aero真不错

嗯，效果不错。

第四次：更改UI

但是因为白色的那一块没什么用，最后我还是改成了这样：

可以是可以，但是...

怎么...这么少？而且空间利用率不高。

第五次：又来改UI

过了几天，又突然想到了整页翻动。

看起来（也只是看起来）美观大气

Emm...我自己都发现了不少bug，而且一个都没解决

还有，这样空间利用率更低了

主要bug有：

1 更改窗口大小不会自动刷新；

2 代码只在chromium内核的浏览器有效（致命）；

3 容易卡...

现在的页面

详情见以下文章：

黑T客：关于我自己写的网站（2022年12月1日

 

源代码：禁止盗版！允许部分摘取引用（别漏了）。

 

黑T客：网站源代码

欢迎在评论区留言讨论！

我是黑T客，下期再见！