lytsing.org logo WEB - 网站修改指南

网站修改指南
学习指南
修改指南
网页的布局
网站风格
浏览器的兼容性
网页遵循 w3c 规范
SEO优化
编码规范
优化尽你所能的
svn使用注意事项

网站修改指南

学习指南

opera 网站教程 http://kb.operachina.com/

修改指南

网页的布局

采用 div + css布局,拒绝用table。为了让宽屏显示器更好的浏览,网页宽度为960px。

网站风格

色调: 以灰黑白色为主。宣传页面可以做成有个性的,其他页面以简单朴素为准,不要弄得花俏。

浏览器的兼容性

考虑网站的群体特殊性,firefox 与chrome的用户在增多,所以不兼容的,要反复调试,务必请同时装上ie6(ie7/8比较向标准靠拢),ff, chrome, opera,都要检测才知道css的兼容性。

网页遵循 w3c 规范

按照web标准的要求,规范网页的html代码,让网页通过w3c代码和css标准检测。可以装firefox的firebug插件检测。 发布后的网页,要用 http://validator.w3.org/checklink 工具测试链接是否都是有效。

SEO优化

为了让google,baidu机器人更好的收录本网站,对页面的key word,description等做调整。可以使用Google 网站管理员工具: https://www.google.com/webmasters/tools/ 查看google的对本站搜索情况,检查网页的质量。

编码规范

文件名,禁止使用 001.jpg, 002.jpg这样的命名方式。如果是首页的图片,可以用像 index_001.jpg这样的方式,英文 + 字母组合。比如一张表示团队的图片,用001.jpg与teamwork.jpg,哪个更容易管理? 哪个更能让搜索引擎找到?

php 编码规范, 请参考 phpbb编码规范 请严格要求自己,按照规范来做,这样以后维护比较省力。

css 命名规范

优化尽你所能的

1. img使用 width 和 height 属性来定义图像尺寸,以便图像被更快地显示

2. 压缩css, javascript, css 放在 <head> </head>, javascript 放在底部。

3. 优化原则,请参考Yahoo的http://developer.yahoo.com/performance/rules.html

http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/

svn使用注意事项

每次进行的修改不要拖延太长时间, 因为在修改的过程中, 如果其他人提交了您正在工作的这份文件上的修改, 你就必须先update, 并修正冲突后才能提交. 所以一个好的习惯是: 每次开始修改前先使用右键SVN Update更新一下自己本地的整个程序文件夹, 使其与服务器同步, 然后尽快进行修改, 在修改后尽快提交.