这些天看了讲解HTML和css的书籍，还是挺有意思的，之前虽然知道F12可以看网站源码，但是层次未免太深了，迭代了非常多的层，看得云里雾里的，不明觉厉。
经过这一番学习，了解了很多的东西。网站就是内容和样式的结合体，内容就是各种功能性文字，网站名称，标题，导航栏，正文，按钮，链接上面的文字，样式就是布局，观感，比如背景图片，功能色块，还有各种栏目，颜色，字体，图标。还是很有意思。
之前总听说前端很累，更新换代非常快，各种新技术层出不穷。比如动态效果，动画，视频，音频。不过，深入了解之后，发现并不是这样，发展的东西更多的是表面的，附加的。
拿简书的页面来说，最上面一个栏目，分出好几个小区域，每一个区域其实都是一个小盒子，称为块元素，把小盒子按顺序排列起来就形成了美观的栏目，下面则是网站内容，内容就是文本，图片，特殊效果的集合体，比如粗体的超链接标题，下面是内容摘要，在下面是文章信息，一个钻石的图片，红色的数字文本，作者名称，两个图片+文本，然后是分隔线，接着是下一块内容。
image.png
这不是很有意思吗？当发现一个炫酷的网页，就可以通过学会的知识进行元素分解，甚至于考虑如何复现。
这里面的关键技术就是HTML和css，一个负责内容的正确呈现，一个负责视觉效果的呈现，如果再加上Js，就能实现更多的效果了，不过有时候更多的是一种喜好，毕竟实现同样的效果有多种方式。
要说起来，这些东西其实是GUI中的内容，最初在学习GUI编程的时候遇见很多，一个是各种控件，一个是回调函数，还有函数的具体实现。特别是对于控件的设置，非常复杂，有很多很多的属性还有各种继承非继承关系，学的时候记住了，然而，很快又忘完了。
结果，这套技术放到网页上就变了个名字，显得高端了。这样的情况还有很多，本来是很朴实的东西，换了个名字再包装一番就变成时代顶流，受人追捧。像量子计算，人工智能，只是热潮一过，终究还是要回归平凡。这可能就是技术发展的变化无常。
不过，虽然还是GUI那一套，也出现了很多新颖的想法，内容，样式，行为的分离，尤其是内容和样式的分离，非常关键，可以获得清爽的整体结构，如果不去分离的话，就显得支离破碎，这边一堆按钮，那边一堆框架，都是平行关系，估计过几天就完全搞不清楚了。至于行为，还是回调函数那一套，非常的实用，自然没必要改变。
假如由此进行升华，那就可以获得功能性设计，或者说交互式设计的一般形式，无论是游戏界面，应用界面，网页界面，系统界面，都可以轻松上手，界面和功能的连接，也可以抽象的把握。这样将艺术性和功能性结合起来了，就像建筑和施工一般，在美感和实用性之间寻找平衡。
网友评论