首次尝试制作京东网页总结

在学完css样式之后我首次尝试了制作京东首页，当然只有一屏。下面我要根据我制作京东网页时遇到的问题做一下总结。

布局

刚开始制作时因为不懂布局，只会照葫芦画瓢，导致制作很慢。后来在老师的指点下，对布局有了了解。做出了网页的具体框架，效率有所提高。

关于使用布局的好处我觉得有以下好处

1、他将网站拆分成几个小块，可以让制作者清晰地理出制作思路，不至于在面对一个网站感到无从下手。

2、它可以使每个布局的元素不受外界的影响。使用布局就好像将不同的元素放在不同的盒子中，盒内的元素不会受其他盒子内元素的干扰，制作时可以将一个大的目标分成无数小块，可以是制作者明确的知道自己制作到哪一步，不会出现牵一发而动全身导致整个网页出现混乱的事情。

3、好的布局使代码结构清晰，便于代码的二次编写与维护。

选择器

在我制作网页的过程中由于对类选择器的可复用性理解不够透彻，导致重复定义了很多类，占用了资源，也浪费了时间，二次更改css时还不方便寻找。同时在我定义选择器时使用id选择器更改样式，这样是很不可取的，因为id选择器有唯一性，多用于后台数据库向前端传数据，所以在id选择器中加样式是很不可取的。

难点

在书写输入框时，我尝试了两种方式，一种是采用绝对定位，一种是使用margin进行调节。两种方法使用下来我个人感觉margin很难调节，同时使用margin后div内的元素排布也较麻烦，而绝对定位则很简单，但可能会因为网页的缩放使布局错乱。还没尝试过 相对定位，下次书写类似情况时要尝试下。

总结

万事开头难，我刚开始时因为对布局的不理解，对属性的不熟悉，书写很慢，甚至在看不懂网页源代码时进行了漫无目的的瞎试，但就是在这种看似漫无目的的，无用的过程中，我对属性一点点的熟悉，了解。所以，我觉都你做的每一份努力，只要是用心的，就一定有回报。

另外我想说，网页的源代码是好的，但不一定是最好的，同一个效果要勇于尝试不同的方法，总结利弊，找到最适合自己，最高效的方法。一定要学会思考，不迷信权威。

以上，是我首次尝试制作京东网页后的一点感想，后面我还会再次尝试，温故知新，下次尝试时，我会把重心放在各种方法的对比上。