网页新手30条进阶秘技

不真正理解标准验证的意义和价值，笔者在一篇博客中详细分析了这个问题。一句话，标准验证是为你服务的，不是给你找麻烦的。

    如果你刚开始从事网页制作，那强烈建议你下载这个网页开发工具条，并在编码过程中随时使用"html标准验证"和“css标准验证”如果你认为css是一种非常好学的语言，那么它会把你整的死去活来。你的不严谨的代码会让你的页面漏洞百出，问题不断，一个好的方法就是——验证，验证，再验证。

    8。下载firebugfirebug是当之无愧的网页开发最佳插件，它不但可以调试javascript，还可以直观的让你了解页面标记的属性和位置。不用多说，下载它！9。使用firebug！

    据笔者观察，大部分的使用者仅仅使用了firebug20%的功能，那真是太浪费了，你不妨花几个小时的时间来系统学习这个工具，相信会让你事半功倍。

    firebug教程：overviewoffirebugdebugjavascriptwithfirebug-videotutorial10。使用小写的标记

    理论上讲，你可以像这样随性的书写标记：

    <div>

    here&quot;saninterestingfactaboutcorn。</p>最好不要这样写，费力气输入大些字母没有任何用处，并且会让代码很难看，这样子就很好：

    here&quot;saninterestingfactaboutcorn。

    11。使用h1-h6标签

    笔者建议你在网页中使用其中全部六种标记，虽然大部分人只会用到前四个，但使用最多的h会有很多好处，比如设备友好、搜索引擎友好等，不妨把你的p标签都替换成h6。

    12。如果是博客，那把h1留给文章标题

    今天笔者在twitter上发起一次讨论：是该把h1定义到logo上还是定义到文章标题上，有80%的人选择了后者。

    当然具体如何使用要看你的需求，但我建议你在建立博客的时候，将文章题目定为h1，这对搜索引擎优化(seo)是非常有好处的。

    13。下载yslow

    在过去几年里，雅虎的团队在前端开发领域做了许多伟大的工作。前不久，它们发布了一个叫yslow的firebug扩展，它会分析你的网页，并返回一个“成绩单”上面细致分析了这个网页的方方面面，提出需要改进的地方，虽然它有点苛刻，但它绝对会对你有所帮助，强烈推荐——yslow！

    14。使用ul列表布局导航菜单

    通常网站都会有导航菜单，你可以用这样的方式定义：

    <divid="nav">>握html和css，那不妨多学习一下photshop。

    psdtuts+上有许多英文的饰品教程：videossectionlynda也有大量教程，不过要支付$25美元'yousuckatphotoshop'系列教程花费几个小时的时间学习photoshop的快捷键操作25。学习每一个html标签

    虽然有些html标签很少用到，但你依然应该了解他们。比如“abbr”、“cite”等，你必须学习它们以备不时之需。

    顺便说说上面两个标签：

    abbr：

    表示一个缩写形式，比如'inc。'、'etc。'。通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。url：w3school。cn/tags/tagabbr。asp

    cite：

    通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。按照惯例，引用的文本将以斜体显示。url：w3school。cn/tags/tagcite。asp26。参与社区讨论

    网络上有许许多多优秀的资源，而社区中也隐藏着许多高手，这里你既可以自学，也能请教经验丰富的开发者。

    27。使用cssreset

    cssreset也就resetcss，就是重置一些标签样式，或者说默认的样式。

    关于是否应该使用cssreset，网上也有激烈的争论，笔者是建议使用的。你可以先选用一些成熟的cssreset，然后慢慢演变成适合自己的。这里有一些好用的cssreset(中文)。28。对齐元素

    简单来说，你应该尽可能的对齐你的网页元素。可以观察一下你喜欢的网站，它们的logo、标题、图表、段落肯定是对得非常整齐的。否则就会显得混乱和不专业。

    29。关于psd切片

    现在你已经掌握了html、css、photoshop知识，那么你还需要学习如何把psd转换为网页上的图片和背景，下面有两个不错的教程：

    sliceanddicethatpsdfrompsdtohtml/css30。不要随意使用框架

    javascript和css都有许多优秀的框架，但如果你是初学者，不要急于使用它们。如果你还没能熟练的驾驭css，使用框架会混淆你的知识体系。

    css框架是为熟练开发者设计的，这样会节省它们大量的时间。