王者荣耀官网制作心得

一开始看到官网复杂的页面还是有些心虚的，从网上学了一些关于网页的制作，也是有一些心得的。

开启新的文件夹，一个html一个css，链接进去就OK，现在想想在大公司里开发网页是否也是如此，一个大项目分为好几个组，个个小组组成了一个项目。要用到的图片也放在一个文件夹里。王者荣耀官网的背景是一个大的背景图。把背景图链接进来在规定他的位置和不重复。然后就开始写正式部分了。一开始不懂抠图的我还用截图把需要的图片截下来，然后再放在相应的地方。在学习的过程中我才发现以前那个行为实在是太傻了。改变我的方法是从一张图开始。王者荣耀官网上面的小图片全都在一张图片上，需要自己定位到那个图片上需要的那个小图标。如果一个一个截图的话不容易控制图片的大小也会很难定位到相应的位置。然后就学会了抠图和小图标的放置。深入学习之后发现html是很严谨的，一个div结束需要用一个注释写上div结束。部分与部分之间是有很眼睛的排列。看到什么样式的摆放用什么标签也是很严谨的。学到最大的一点就是动态的显示。虽然现在还没有学习到js，所以动态布局还是没有能力做出来，那就利用css实现动态布局。鼠标放在一个标签上面，先让要显示的部分不显示，等到鼠标放在标签上之后显示。这样就实现了动态。让我费脑筋的就是class的起名字。我总想不到起什么名字。在学习过程中学会了用left，right，top这样的方位名词加入。使名字通俗易懂，也好找到它在网页中的位置。要做前端的话，还是要审美好一点。看了苹果的官网，感觉简介而大方。游戏官网的话比较复杂。苹果的官网看起来简约，但是有太多的动态布局了，比如下滑的同时，画面也在改变，就像是一段视频一样。要达到哪种程度，我觉得还是要学习很长一段时间。