先说收获：
1.龙钢同学讲到的，设计稿版本控制的一个好的方法
designer在新稿出来后用邮件抄送到个人开发人员的邮箱，保证psd文件是最新版本。
2.导航栏的hover效果处理
关于ie6在其他元素不支持hover事件的问题，有人建议用js处理这个功能，但Along建议只针对ie6写js，使用<!–[if IE 6]>…<![endif]–> 进行注释，我比较赞同，毕竟以后维护起来很方便。
3.Niel对outline属性的讲解
这个是轮廓的样式我很少用到，但很不错，以后可以用到开发中
w3school里面的介绍
http://www.w3school.com.cn/css/pr_outline-style.asp
我的ppt里面的一点补充
结构的分离
CSS文件与页面分离
通用JavaScript脚本和JavaScript框架与页面分离
一个页面有三种脚本文件，通用脚本，js框架文件，操作部分动态代码的脚本。
前两种文件与页面分离
后端标签语言只作数据展现使用
框架的集成
CSS使用blueprint 等框架
http://www.blueprintcss.org/
各人的喜好不同，css框架也可以自己去写，但在一个框架之上进行修整和扩展也是一个不错的选择，并且时间久了，个人的css库也就成形了，自然开发就会高效很多。
JavaScript 使用Jquery 及其扩展框架
后端标签语言使用jstl，JSF等
在java里面最多的是用jstl和el表达式，自己正在使用jsf。
如何分割与合并
CSS根据作用区域和功能模块进行注释
JS代码按照功能模块注释
与动态部分交互js脚本写在页面末端
样例：
<%@ page language=”java” contentType=”text/html; charset=UTF-8” pageEncoding=”UTF-8”%>
<%@ taglib prefix=”c” uri=”http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=”http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link type=”image/x-icon” rel=”shortcut icon” href=”images/favicon.ico” />
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” /> 
<!– Framework CSS –>
<link type=”text/css” rel=”stylesheet” href=”css/blueprint/screen.css” media=”screen, projection” />
<link type=”text/css” rel=”stylesheet” href=”css/blueprint/print.css”  media=”print” />
<link type=”text/css” rel=”stylesheet” href=”css/common.css” />
<!–[if lte IE 8]><link rel=”stylesheet” href=”css/blueprint/ie.css” type=”text/css” media=”screen, projection”/><![endif]–>
<!–[if IE 6]>
<script type=”text/javascript” src=”js/DD_belatedPNG_0.0.8a-min.js”></script>
<script type=”text/javascript”>
/ string argument can be any CSS selector and img elements/
DD_belatedPNG.fix(‘#playnow,#gamelist,.browse’); 
</script>
<![endif]–>
</head>
<body>
<div id=”container”>
结构代码。。。
</div>
<script type=”text/javascript” src=”js/jquery-1.4.2.min.js”></script>
<script type=”text/javascript” src=”js/jquery.tools.min.js”></script>
<script type=”text/javascript” src=”js/common-slide.js”></script>
<script type=”text/javascript”>
$(function() {
操作后台数据的js代码。。。
});
</script>
</body>
</html>
严格的标准
用最简单(合适)的代码兼容最多的浏览器
小志同学认为简单应改为合适，我100%同意，并且css代码应当简单且合适，不是么。
对Html和css进行严格验证(html validator,css validator)
先标准再IE
与后端的集成
与功能的妥协
与框架的妥协
尽量高的效率
例如：本来合并在一起的图片被分成若干张，本来一次请求变成多次请求，后端标签语言在页面运行后html和css验证无法通过等等，万事难做到完美，但尽量做到最好吧。^_^