要使网站更好，符合W3C标准和良好的用户体验，这是很多网站制作者面临的问题，每个人都想知道。 netgather站长在长期的实践工作中完成了以下几点。 请大家协助。 不足之处请指出。
1 .了解网站主题，明确网站展示内容和大部分浏览群情况
为了想建立网站，并且是对用户有用的网站，首先应该考虑网站的内容和网站的功能，用户需要什么。 他们怎么快速简单地找到想要的东西？ 作为网页设计师设计时，应该以这方面为中心。 如果无法快速得到用户想要的东西，或者网站操作不方便，这个网站就会失败。 用户可能会失望而去，永远不会登录你的网站。 一个小例子：即使你想建立股票网站，网站的字体大小是12px字。 想想看。 现在退休在家的老人，炒股的人并不少。 不管网站内容多好多精致，都不能拿着放大镜在显示屏上看网站吧。 最终，只会失去大量的用户。
2 .合理的色彩搭配
对网页设计师来说，设计的过程是痛苦而快乐的，在弄清楚要建立什么样的网站之后，要想更合理地表达主题，需要经过选色和排版的过程。 我个人认为，如果不是建立超弦个性化网站，颜色搭配并不是难事。 第一，要明确主色。 其实，颜色的行业特性并不是很重。 只是，人们对行业的认识引起了行业和颜色组合的关联。 例如，建立酒店网站，当然不会红色。 为什么？ 其实根据人类的感觉，认为红色是喜庆的颜色，所以和宾馆不相符。 蓝色一般用于科技和技术类网站比较好，粉色用于女性化的网站比较好等。 第二，辅助色和点睛色通过一个网站主体的颜色来确认，还需要辅助色和点睛色，辅助色多采用同种颜色的组合和邻近颜色的组合。 相同的颜色组合是指以主颜色改变透明度、饱和度、厚度或深度，而相邻的颜色组合是指以主颜色获取表象上的相邻颜色，如红色或橙色。 高亮的颜色一般与主色大不相同，通常用于网页的重要内容和按钮。 它用于吸引用户的目光，澄清网页在视觉上的疲劳，高亮颜色合理使用，避免了太多的出现。 否则，会起反作用。
3 .良好的网页布局
网页布局要把握的因素主要是简单易懂、和谐干净、尊重用户视觉习惯、合理排列内容。 尽量先将用户想要的东西展现在眼前，同时注意潜在引导用户的行为。 俗话说，记性不如不好的笔头好。 在设计网站界面的时候，我们应该先用铅笔画网站的排版草图，达到理想的效果，然后用制图软件制作装饰。 细节决定成败，是在设计效果图中尽量不用大的色块，强调导航，澄清版块，达到干净简洁有序的协调效果。 例如，向导航栏适当地添加鼠标效果； 避免网页色差过大的轮廓阴影不要太明显。 如果有就最好了。 把文字和文章适当排列； 页面版块间距合理统一； 同级文字风格统一； 尊重日常生活的物理特性达到逼真的效果(例如，光线照射下那边变亮，那边变薄一点，另一条丝带绕过物体，转折点应该有点突出，有细小的圆角阴影)…。
确认创建web效果图后，开始创建html页面。
4 .网站title和元
网站的title和meta应该取决于没有基础专栏和内容页面，所有车站都不要使用一种形式。 keywords可以不添加。 搜索引擎没什么效果。 头上的标签不要切掉一堆关键词。
5 .使用h1-h6标签
一个网页h1标签只能使用一次。 在一个站点的首页、频道页和列表页中，h1标签可以分别用于站点的名称、频道名和列列表名，但在一个站点的文章详细信息页面中，h1标签必须用于文章标题。 h2—h6标签可以在一页上重用，并依次遵守站点层次结构。
6.css文件
尽量从外部通过link导入css文件，并写入自己常用的重置css样式reset.css。 请避免使用*{}。 一个样式应该写在一行上，减小文件大小，class定义的尽量使用，id定义的尽量少，尽量避免不同浏览器使用的css hack技术。
7 .背景图优化
在网站实际内容以外的框架中使用的图像，尽量在css文件中定义，根据实际情况，尽量合并背景图，提高加载速度。 最好不要在大范围内排列小图像。
8.div css布局，减少页面嵌套
在div css中布局的目的是减小页面代码，将站点结构分层，并使内容和表示形式相互分离。 较小的嵌套不仅使搜索引擎更小，而且使页面大小更小，以便于以后保留修改。
9 .页面js优化
将可合并的js文件合并为一个文件，以减少大型循环和过多的级别引用，并提高加载和运行速度。
10 .避免死链路和空连接
对用户来说，如果点击想要的文章打开“无法显示此页面”，那会有多沮丧呢？
11 .适当的文字和图形排列在一起
不要故意在你的网站上填满图片。 除了搜索引擎可以获取alt属性外，他们不知道图像。 在合适的位置添加图像有助于吸引访问者，消除看大字的疲劳。
12 .网页图片请求
请在网页图像中添加alt属性、宽度和高度属性，不要有意压缩图像，以免图像变形。
13 .在不同的浏览器中测试站点。
为了帮助更多人成功浏览网站，请在各种主流浏览器中测试页面，以确保网站正常运行。
14 .通过瓦
3C验证。http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri