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


          接触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~

  • 相关阅读:
    Making Pimpl Easy
    OpenCV学习资源
    openCV基础学习(1)
    fl2440原始linux代码的启动日志
    《s3c2440+lan91c111 vxworks驱动调试》疑惑
    使用并行的方法计算斐波那契数列 (Fibonacci)
    [译] SolidWorks的发展历史(1994~2007)
    翻译介绍一点CAD发展的历史
    使用fopen的两点注意事项
    四元数(Quaternions)简介
  • 原文地址:https://www.cnblogs.com/zichun/p/3684057.html
Copyright © 2020-2023  润新知