自写网站入门阶段之一:熟悉各种标签的运用

      接触html/css已经有一段时间,看完了《零基础学HTML+CSS》和《CSS网站布局实录》两本书之后对网页设计有了一定的概念。但纸上得来终觉浅,绝知此事要躬行,于是问同学要了其中一个简单的教学类网站来练手。一共27个页面,大致都是页顶logo+横幅banner+横幅nav+正文content+底部foot的结构,真正压缩一下大概只算十几个页面量而已。

     经过10天左右的自写、百度、询问及参考源代码,终于写完了,对于部分标签的实际运用也得到了很好的锻炼。成型后的页面大致跟原页面差不多,但还有很多需要改进的地方。经我总结有如下几点:

    1.背景图片的引用不熟练,对于引用位置background-position后面的位置总要试很久才放到正确位置;

    2.各个包含层及相邻层的padding和margin运用不熟练,要试多次才能正确;

    3.每次有div或者li浮动之后,用一个clear的div来清除之后有时这个div会莫名其妙的有19px的高度,无法消除;

    4.简单的js效果还是不会的,比如同一个地方若干张图片轮显,又或者是左右两个按钮点一下就左右浮动图片;

    5.什么地方用该用什么标签最妥当。我觉得这应该是最难的,前期先能写出效果来,后期再做优化吧。

这些都是后面要解决的问题,我会慢慢一一解决 。然后我第二个练手网站又开始了,目测更复杂,用了2天才写完首页。希望在接下来的时间里更加效率,更加优化。然后早日找到工作,加油O(∩_∩)O~

posted @ 2014-04-23 22:06  子纯不语  阅读(307)  评论(0编辑  收藏  举报