CSS网页布局和网站开发中的20个常见错误

CSS网站布局开始和网站经常犯的几个错误，无论规划，设计，开发，都应避免这些错误！

1. 在导航菜单中使用图片和Flash

导航菜单使用图片和FLASH，当然看起来比纯文本要好，但是搜索引擎无法识别您的图片和FLASH. 如果必须使用精美的图片进行导航，则可以使用背景替换方法（下一次我将讨论这种方法）；如果您想使用FLASH进行导航，那我无能为力. 建议制作导航菜单链接的xml文件，以提交给搜索引擎.

2. 图片使用不当

为了获得精美的网页，图片经常无处不在. 这是不正确的. 如果与内容无关的图片越少越好. 我们可以将这些图片制作到容器的背景中.

3. 内容中使用特殊字体

我承认，斜体非常漂亮，并且草书并不逊色于Song风格. 但并非所有计算机都安装了这些字体. 如果使用这些特殊字体，则在其他人的计算机上看到的网页将不美观.

4. 一个新窗口打开

请！不要用任何窗口污染我的屏幕（尤其是在当前操作系统的当前窗口管理技术下）！如果需要新窗口，请自行打开. 设计师打开新窗口的意图是让用户留在他的网站上. 但是，它忽略了控制用户机器的负面影响. 这种策略碰巧是自欺欺人的，因为当用户希望通过“后退”按钮返回到上一个站点时，将无法完成. 用户通常不会注意到新窗口已经打开，尤其是当他们的显示很小并且窗口恰好最大化时. 因此，当用户想要返回到原始站点时，他们只会面对一个不可用的灰色“返回”按钮.

5. 没有实际意义的特殊效果

避免使用吹牛技巧. 这些特殊效果对您的网页没有实际意义.

6. 内容滚动

内容滚动可以在较小的空间中显示更多内容. 这是它的好处之一. 但是，内容滚动弊大于利. 并非所有的平台和浏览器都支持滚动. 在W3C看来，内容滚动会降低用户体验.

7. 用户很难获得他们想要的内容

如果用户访问网站的方式与进入迷宫的方式相同css控制网页框架中间距，将会带来什么后果？您听说过3单击规则吗？对于小型网站，您的主页上没有信息，您需要单击3次以上. 对于大型网站，请使用导航和工具栏来改善操作.

8. 文件名不规范

不要忽略这一点，例如，可以使用新闻页面: News.html，而不是诸如2323123.html之类的非标准命名方法. 使用标准化的命名方法不仅有利于搜索引擎，而且有利于网站的未来维护和管理.

9. 长篇文章没有分页

长页文章没有分页，这会导致网页加载缓慢并导致用户阅读疲劳. 因此，建议对长文章设置分页.

10. 颜色匹配错误，网页难以阅读

如果没有必要，则应坚持使用白色背景和黑色文本，还应遵循通用字体.

11，无法回到原点

“返回点”是网络用户的生命线，也是超文本连接之后最常用的导航功能. 用户可以尝试该网页指向的任何地方，只需单击一次“返回”按钮一次或两次即可返回上一页.

12. 醒目的点击计数器

不要轻易考虑在您的网站上放置醒目的点击计数器. 您设计您的网站是为了向访问者提供服务，而不是宣传您认为重要的内容. 大多数浏览器认为计数器是没有意义的，很容易被伪造，并且浏览器不想看到广告. 如果您显示网站的受欢迎程度，则最好提供一个链接以显示访问日志.

13. 使用框架

像计数器一样css控制网页框架中间距，框架在网页上越来越流行. 在大多数网站上，屏幕左侧都有一个框架. 但是设计人员立即发现使用框架时存在许多问题. 使用框架时，如果没有17英寸显示屏，几乎不可能显示整个网站. 该框架还可以防止网站上的个人主页成为书签. 也许更重要的是，搜索引擎经常被框架所迷惑，无法列出您的网站.

14. 声音使用不当

使用声音也应保持警惕. 内嵌声音是网页设计师的另一禁忌场所. 因为过度使用声音会使下载速度非常慢，并且同时不会给观看者带来太多好处. 第一次听到鼠标的声音可能很有趣，但是经过很多次肯定会很烦人. 在使用声音之前，您应该仔细考虑声音会为您带来什么.

15. 兼容性差

在1024以下，您的页面看起来不错吗？切换到1280怎么办？并非所有监视器都使用相同的分辨率. 不管是谁，都不可能在所有分辨率下制作出完美的网页，但是我们需要制作一个在所有分辨率下都不会出错的网页.

还有两点: 不要以为只有计算机才能查看网页！不要以为世界上只有一个浏览器！

16. 急于发布网站

该网站没有内容或网站程序错误. 这些问题解决后，请释放它. 只有内容很少且程序错误的内容丰富的网站才允许用户进行视频群聊.

17. 发布网站后，我还没有登录搜索引擎

一个顾客告诉我，我的网站已经发布，可以在百度上找到吗？我总是这样回答: 百度不在我家或你家中打开. 当您发布网站时，他不认识百度. 因此，发布网站后，必须将网站信息提交到主要搜索引擎的登录端口.

18. 不要留空

小心留空. 即使有足够的空间，也不要使用图像，文本和不必要的GIF填充网页，

19. 缺乏互动性

使用户能够与网站交互，并允许用户彼此交互. 因此，至少要有一个留言簿，它可以鼓励访问者再次返回您的网站，还有助于扩大网站的内容. 这是Web 2.0的核心思想，非常重要.

20，CSS排列整齐

CSS的排列没有多大意义. 它主要记录编辑者编写CSS时常用的识别格式，但是在这种情况下，空格太多，文件又长又太大. 当然，浏览器的响应也非常慢，因此建议将编辑器按行排列. 有时整洁不一定友好！

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-178009-1.html