5月29日web交流会的收获及我的经验分享_Web Development Machine

查看文章

5月29日web交流会的收获及我的经验分享

2010-06-02 20:45

5月web标准交流会的收获及我的经验分享

先说收获：
1.龙钢同学讲到的，设计稿版本控制的一个好的方法

designer在新稿出来后用邮件抄送到个人开发人员的邮箱，保证psd文件是最新版本。

2.导航栏的hover效果处理

关于ie6在其他元素不支持hover事件的问题，有人建议用js处理这个功能，但Along建议只针对ie6写js，使用 进行注释，我比较赞同，毕竟以后维护起来很方便。

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" />


<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" />



</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验证无法通过等等，万事难做到完美，但尽量做到最好吧。^_^

类别：web设计与开发(web design and development) | 浏览() | 评论 (0)


内　容：

	取消回复