界面测试
测试整体页面的效果
检查是否有象素的偏差, - 站点地图和导航条 位置、是否合理、是否可以导航等内容布局 布局是否合理，滚动条等简介说明 说明文字是否合理，位置，是否正确，滚动条是否能正常工作，弹出框以及页面的一些效果是否满足需求等等。
看页面是否符合需求设计 (包括页面的布局, 背景，前景色，字体，样式是否和wireframe及客户给的psd一致)，注意多浏览器测试（主要是客户要求的那些，这个在项目立项的时候有说明）
表格和DIV测试 （对齐 错位 溢出）
图形图片测试 （图片或动画不可以存在交叉、折腾、重叠等问题，像素（高低分辨率显示））
表格测试 （需要验证表格是否设置正确。是否能正常显示表格中的全部内容，是否需要改变网页位置，是否需要溢出。）

导航测试
检查链接是否是正确的，包含主要的菜单导航以及面包屑导航等，不能出现死链接。检查链接是否能正常访问指定的页面，链接名是否正确。

功能测试
按照说明书检查每个功能是否实现
1、链接测试  页面正确跳转是否需要id才能访问
2、表单提交  提交按钮能否正常工作，必填项填写是否有提示，当注册完成后应是否返回注册成功的消息，输入超出字符串长度的内容，看系统是否检查字符串长度，会不会出错，数据库中相对应的字段数据填入是否正确，点击提交按钮之后页面加载的过程中这个按钮应该是disable状态（880 出现过重复提交的情况）
3、Cookies 验证  
如果对cookies有严格要求，那么我认为要测试：
（1）是否有Cookie记录，登陆成功之后Cookie是否记录正确，不该保存的东西是否保存了，是否有安全隐患；
（2）如果浏览器中设置为不保存Cookie，关闭浏览器之后，看Cookie是否自动删除；
（3）若Cookie设置为保存一段时间，登陆成功之后关闭浏览器，再次打开浏览器看是否还需要登陆；
（4）Cookie到期之后是否自动从本地删除，Cookie到期保存的登陆状态是否自动退出登陆；
（5）用户登陆之后设置保存登陆状态的Cookie到本地，之后手动删除该Cookie，打开浏览器看用户是否退出登陆；
（6）用户再次登陆Cookie信息是否自动刷新；
4、易用性测试   是否人性化自定义话，按钮link位置颜色是否明显，如app是否有安装说明 操作说明文档等
5、数据库测试   主要测试数据一致性错误（用户提交表单）和输出错误（程序引起），表单数据是非正确写入
6、设计语言测试  HTML的不同版本效果

空值测试
参数为空的时候删除测试   是否有必填项需要填的提示，在确认页面是否需要显示未填input框（880注册出现了非必填项为空的时候确认页面和邮件中不需要显示该字段）

内容测试
内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。
信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，信息的准确性是指是否有语法或拼写错误。
应确保站点不过分地使用粗体字、大字体和下划线

编码测试
导出csv文件的编码测试，邮件内容的编码测试，邮件标题的编码测试。 liiangpeng@gmx.de

邮件测试
邮件内容测试，邮件称谓测试，邮件落款的测试，邮件的特殊字符测试。邮件验证和激活的流程测试。
€ Euro
邮件内容和模板的样式需求对比，称谓是否为动态的，内容是否和填写的符合，邮件类型（outlook或网页查看，gmail，hotmail...）邮件中的link是否可以点击，有缩略图和title的是否按照要求可以点击正确跳转

性能测试
边界条件:数值、速度、字符、地址、位置、尺寸、数量。同时，考虑这些类型的下述特征：第一个 / 最后一个、最小值 / 最大值、开始 / 完成、超过 / 在内、空 / 满、最短 / 最长、最慢 / 最快、最早 / 最迟、最大 / 最小、最高 / 最低、相邻 / 最远。
通常是简单加 1 或者很小的数 ( 对于最大值 ) 和减少 1 或者很小的数 ( 对于最小值 ) ，例如：第一个减 1/ 最后一个加 1 、开始减 1/ 完成加 1 、空了再减 / 满了再加、慢上加慢 / 快上加快、最大数加 1/ 最小数减 1 、最小值减 1/ 最大值加 1 、刚好超过 / 刚好在内、短了再短 / 长了再长、早了更早 / 晚了更晚、最高加 1/ 最低减 1 。

另一些该注意的输入：默认，空白，空值，零值和无；非法，错误，不正确和垃圾数据。
<script>alert(“123”)</script>
主要包括：
连接速度测试
负载测试（某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量）
压力测试 （测试系统的限制和故障恢复能力，也就是测试Web应用系统会不会崩溃，在什么情况下会崩溃）
性能测试在我们项目中用到的较少

可用性/易用性测试
操作流程是否简单明了  
前进后退按钮是否样式明显，来回点击前进后退页面跳转是否正确，填写的内容是否保存（有的注册要求后退之前填写的信息保留）

兼容性
硬件平台
浏览器软件和版本：浏览器插件，浏览器选项，视频分辨率和色深，文字大小，调制解调器速率 .
软件配置 (Configuration)：如 IE 浏览器的不用选项 - 安全设定最高，禁用脚本程序等等，你们的程序在各种不用的设置下表现如何。
测试不同内核的浏览器是否兼容
我们主要测试的操作系统类型（Windows、Mac、Ipad、Iphone(iso)）
不同浏览器（ie，FF，chrome，safari）
不同分辨率（自适应，1024临界）
分辨率测试（页面版式在 640x400、600x800 或 1024x768 的分辨率模式下是否显示正常? 字体是否太小以至于无法浏览? 或者是太大? 文本和图片是否对齐?）
常见内核
Trident内核：ie6,ie7,ie8(Trident 4.0) , ie9(trident 5.0)  , ie10(trident6.0);
webkit内核：apple 的safari(win/mac/iphone/ipad) 、google的chrome、android手机默认的浏览器
Gecko（跨平台）：firefox
以上需要按照客户需要来测试，项目立项的时候有说明。

安全性测试
当使用了安全套接字(SSL)时，还要测试加密是否正确，检查信息的完整性。
webservice的测试。SSL的应用主要体现在联系表单中，这一块要注意
需要注意的是权限的控制。这就是所谓的权限交叉，在测试用例中我们一般会体现出来，但是需要提醒的是url作为开放的输入，我们必须考虑在修改url的前提下会不会导致权限控制出现漏洞。例如：user1在一台电脑上登录了，user2在另外一台电脑上填写url之后自动登录了，且登录的是user1的账号；或者是user2登录自己的账号修改了部分内容后（例如回复bug更改bug状态），user1点击查看bug时候变成了user2登录（在OA测试系统中出现过）权限交叉了，注销用户（退出）后其他标签是否还可以操作页面而不是提示重新登录或者404页面

Cache的测试
Typo3有很强大的cache系统，当对网站进行删除cache操作时，要测试网站是否会出现问题，另外，多用户登录时，不能出现串号现象，即后登录用户信息中出现另一个用户的信息，用户个人信息应该严格保密。

重要的测试用例及注意事项：
一：搜索功能的测试用例
1. 测试需要按照语言分开
2. 每个页面都一样的部分不要作为index的内容, 比如header和footer
3. 避免同一个页面出现两次
4. page上hide掉的内容，不要index（如果有的话）
二：其他用例
1. 如果开启了网站缓存，一定要测试下不同的用户登录是否会出现串号，泄漏用户信息等情况出现
2. 在测试网站发送邮件的过程中，一定要保证收件人是公司的测试邮箱，在上线后一定要确保收件人改为客户要求的
三：内容的添加
确保内容和客户要求的一致，标点符号符合德国要求的，比如符号后面要有空格，复制word文档中的内容时要去掉格式等

支付流程的测试
1.注册信息验证的测试。当注册时，填写的信息是否符合表单内字段的要求，是否为必填字段等。
2.后台信息校准。注册表单提交后，是否在后台生成对应的注册信息，信息是否正确。
3.当注册表单提交后，会跳转到支付页面，需要注意的是支付时的支付方式以及货币的种类。
4.当支付成功后，后台的注册信息一般是会存在一个表明注册是否成功的字段。注册完成后看状态是否改变。

10.10 多语言
所有独立的Extensions都必须有多语言。所有Text-Elements必须在相应的XML 语言文档中定义出来。这里不允许Text Elements直接在源码中固定定义, 德语的项目必须把插件的DE点出来。

10.11 新建插件配置
typo3 新建插件的时候 exclude 要打勾 or tca配置  
     
方便权限字段管理.

10.11 分页性能的优化
-查询数据库得到总的数据个数；
$res  = $GLOBALS['TYPO3_DB']->sql_query($sql.$where_params);
$total = $GLOBALS['TYPO3_DB']->sql_num_rows($res);
统计总记录数的语句修改成如下格式，避免查询两次数据库：
select count(*) from table where ..

-查询当前页面需要显示的数据；
$limit = $this->lConf['limit']?$this->lConf['limit']:10;
$sql = $sql.$where_params.' order by p.uid desc limit '.($page*$limit).','.$limit;
$res  = $GLOBALS['TYPO3_DB']->sql_query($sql);

10.9 Install Tools配置
图片质量设置为 $TYPO3_CONF_VARS['GFX']['jpg_quality'] = '85';
后台编码 $TYPO3_CONF_VARS['BE']['forceCharset'] = 'utf-8';
去掉图片锐化效果 $TYPO3_CONF_VARS['GFX']['im_no_effects'] = '1';

10.8 常用功能插件列表

10.8.1 如果要修改系统插件，需要把系统插件copy一份到typo3conf/ext/目录下, typo3会自动识别优先加载typo3conf/ext/下的文件.

10.8.2 Extension Name必须用一目了然的名字定义在各自的语言中，比如Teaserbox, Partner Management.

10.8.3 Extenstion Key必须明确清楚的用一目了然的名字来定义
不允许重复用如bekannte System Extension熟悉系统插件或3rd Part Extension第三方插件。比如tt_news

10.8.4 对于插件描述应该用相应的语言简单介绍一下这个插件的使用方法。

10.8.5 插件的版本必须用以下的规则来定义  

10.8.6 至少以下默认的Icons必须单独进行设计  
ce_wiz.gif, ext_icon.gif, icon_tx_xxxx.gif

10.8.7 对于后台列表总览使用相关的数据字段取代uid作为Key Datafield

10.8.8 后台排序字段sortby => sorting, default_sortby => title 二者不能共存， 前者是固定写法，后者title可以变动

10.8.9 版本控制功能必须默认集成

以下是常用插件:

10.8.9.1 ext_teaserbox
功能：Text,Image, Flash, Image and Text, Facebook, SocialBookmarker, ocialBookmarker and Facebook,SocialBookmarkerandFacebookNew
特殊：可在flexform存储多条数据，类似TCA的inline模式截图：  
   

10.8.9.2 ext_pagebanner
功能：指定页面banner, 可继承, 可多选
截图：

10.8.9.3 ext_document
功能：文档管理，包括文件上传，重命名.特殊：两种模式可选，1. 列表模式(直接选择文件), 2.StartPoint模式(选择数据源)
截图：

10.8.9.4 ext_image
功能：图片管理，两种模式，可选数据源或者直接上传图片
截图：  
   

10.8.9.5 ext_content
功能：显示text, RTE, html code.
特殊：解决utf-8数据及各种特殊字符在前台使用iso编码显示乱码的问题

10.8.9.6 newsletter_teaserbox, newsletter_articles, newsletter_activated
功能：newsletter以iso编码发送HTML邮件相关内容插件. 无乱码.

10.8.9.7 ext_quicklink
功能：quicklink显示. 可指定页面或者链接
截图：

10.8.9.8 ext_product
功能：产品管理，定单流，购物车
详细：分类列表，分类侧边栏，购物车列表，购物车侧边栏，收货地址，运输方式，付款方式，定单预览，HTML邮件
截图：

10.8.9.9 pagebrowse
功能：分页
详细：在自己的插件中调用pagebrowse, 非常方便，可自定义页数，第一页最后一页是否显示等

10.8.9.10 ext_event
功能：活动管理
详细：
截图：

10.8.9.11 ext_etracker
功能：etracker统计，支持多语言

10.8.9.12 error_404_multilingual
功能：404多语言显示

10.8.9.13 tt_news
功能：新闻

10.8.9.14 Index_search
功能：搜索content, 最新内部版支持多语言，路径优化.
配置index_search后indexing总是没有效果，最可能原因就是页面禁止缓存了.
注意以下几点:
1.config.index_enable = 1
2.config.no_cache = 0
3.plugin.ext_demo = USER_INT的page不能indexing
4.$GLOBALS['TSFE']->set_no_cache(); 的页面不能indexing
全局插件不要用set_no_cache(), 需要no_cache的页面可以在后台页面属性里设置。除非特殊需要没必要代码里设置，并且一个插件set_no_cache()那么页面其它内容全部会no_cache.
另外如果要指定搜索区域，需要配置mapping的TS：

否则会搜索整个<body>区域.
另外，对于搜索结果的问题，有时候页数和总数会变，是因为默认的模糊搜索模式，只需要在TS里配置
exactCount = 1 即可。（精确计数）

10.8.9.15 sr_feuser_register
功能：注册，用户信息修改

10.8.9.16 fe_login
功能：登录

10.8.9.17 th_mailformplus
功能：联系我们，可发html, text邮件

10.8.9.18 static_info_tables_de
功能：德语国家数据导入

10.8.9.19 https_enforcer
功能：SSL

10.8.9.20 t3quixplorer
功能：typo3所有文件管理

10.8.9.21 a4n_edit_locallang
功能：xml语言文件在线后台修改

10.8.9.22 direct_mail
功能：newsletter，cronjob所需插件

10.8.9.23 T3blog (typo3.org下载)
功能：blog

10.8.9.24 mm_forum (typo3.org下载)
功能：论坛
详细：论坛基本功能都有

10.8.9.25 wil_importcsv
功能：csv数据导入
特殊：不支持大量数据的导入，如需大量数据导入可参照内部插件user_import

10.8.9.26 cen_csvexport
功能：数据导出为csv, excel
特殊：最新内部版本支持多表关联导出

10.8.9.27 captcha
功能：验证码插件，如果项目中要用到验证码的话，就需要这个插件

10.8.9.28 typoScript code
功能：允许在页面content内插入TS
举例：可通过TS直接生成文字图片插入页面的某个版块，而不必写专门插件。
截图：

10.8.9.29 realurl
注意多域名realurl配置, 待续

10.7 TS加载方式插件.(全局公共功能)

TS加载插件后子页面会继承交页面TS, 此方式用于多级页面公共功能.
添加方式: plugin.tx_felogin_pi1.test1 = 123
取值方式: $this->conf[‘test1’].
显示插件内容: ts_main_content = USER, ts_main_content.userFunc = tx_felogin_pi1->main

plugin. tx_felogin_pi1 = USER_INT类型是no_cache配置, 意味着内容不会被缓存

10.6 Flexform  
在Flexform里设置应按不同的目的在以下Tab中分开.

10.6.1 Allgemeine Einstellungen 常规设置
所有基本设置以及所有基于数据源控制的设置：样式类型，分类，过滤，类别选择

10.6.2 Template模板
所有基于详细控制前台样式的设置：单条数据图片最大宽度，子标题按..字符切断等

10.6.3 Erweiterte Einstellungen 高级设置
基于后台样式复杂控制的高级设置：在列表最大刊登的数据条数, 其它Tab可以按照用途来定义。比如Buchungsformular订单表格, Password vergessen忘记密码.

10.6.4 Email Einstellungen 邮件设置
所有具备Email功能的Extension应该在FlexForm中匹配Email模板
Email设置至少需要以下字段，比如针对需要进行确认的邮件  
1.Empfänger收件人  
2.Betreff标题  
3.Email Inhalt 邮件内容  
4.邮件模板可以用plain Text 和Typo3 Marker ###..###来配置

10.5 Teaserbox类

功能比较完善，注意不同项目去掉多余flexform display选项. 不需要的字段Hide.

10.4 信息类(news,event,product)

10.4.1 后台列表默认字段不能用uid，必须以titile/headline/name等字段.

10.4.2 后台列表的排序字段默认加上(当数据量很小的时候按照TYPO3默认的排序字段来排序,否则按照发布时间/字母排序).

10.4.3 header不允许出现空，如果你不想在前台显示这个标题，可以设置成 hidden，不能选择default，因为default默认就是显示出来的.
   

10.4.4 排序：如果插件本分含有sorting这个字段，默认按照这个字段正序排列.

10.4.5 Limit：默认是空，空的时候前台不分页.

10.4.6 Template File:这个字段将不出现flexform里面.

10.4.7 Record Storage字段(传说中的startpoint字段), 当子这个字段没有填写的话，自动读取该表所有数据，有填写就对应读取相应的文件夹数据.
$this->startPoint = $this->cObj->data['pages'];      //typo3 Default page

10.4.8 Recursive：读取数据存取级别.

10.4.9 (有图片字段)要有对图片大小的配置项，默认给予PSD上面规定的大小.

10.3 表单类  

FlexFor的设置里面默认有：发件人邮件地址，邮件人昵称，接受人地址，邮件内容，当没有填写接受人EMAIL地址的时候，系统默认不发邮件.

所有key的必须要实在意义(ts_main_nemu)

Mapping区域常操作区域要靠前(经常用的)

10.1 TYPO3统一标准

10.1.1 插件key的名称前缀”ext_”加插件名称以英文单词为名，比如ext_news

10.1.2 插件文件夹定义
如图：模板、js、css、统一放到res目录下，自定义的php放到lib目录下。

10.1.3 FlexForm加载方式
Flexform代码直接直到插件的ext_tables.php中，方便使用系统方法动态显示flexform.
   

10.1.4 安装新项目时需要手动以utf8_unicode_ci的collation新建数据库, install新项目的时候选择手动建的这个数据库.

https://github.com/Snailclimb/JavaGuide/blob/master/%E6%95%B0%E6%8D%AE%E5%AD%98%E5%82%A8/%E4%B8%80%E5%8D%83%E8%A1%8CMySQL%E5%91%BD%E4%BB%A4.md

9.1 MySQL数据库的定义检查
检查服务器上MySQL的版本号，是否和要求的一样，目前的标准为5.0。

9.2 数据表和字段的命名
表名一般和模块名一致，字段名格式是：表名_属性名，如：news_title。
命名的方式只能是英语或者德语，不能出现汉语拼音。
每个表中必须要有一个自增的ID字段。

9.3 SQL语句查询
select * from news
在使用查询语句的时候select后面的*号要换成对应的字段，如：
select news_title, news_date, news_id from news
如果是要查询固定的条数记录一定要加上“limit”，如：
select news_title, news_date, news_id from news limit 10

9.4 数据库的查询字段要建立索引

8.1 缩进符/制表符/空格规则

使用制表符缩进。
使用三到四个空格为每层次缩进。
例如:
function func()
   {
      if (something bad)
      {
         if (another thing bad)
         {
            while (more input)
            {
            }
         }
      }
   }  

8.2 If Then Else 格式规则

本标准规定布局格式如下：

   if (条件1)               // 注释
   {
   }
   else if (条件2)          // 注释
   {
   }
   else                     // 注释
   {
   }
如果你有用到else if 语句的话，通常最好有一个else块以用于处理未处理到的其他情况。可以的话放一个记录信息注释在else处，即使在else没有任何的动作。  

8.3 Switch格式规则

default case总应该存在，它应该不被到达，然而如果到达了就会触发一个错误。
如果你要创立一个变量，那就把所有的代码放在块中。
例如:
switch (...)
   {
      case 1:
         ...
      // FALL THROUGH
      case 2:
      {
         $v = get_week_number();
         ...
      }
      break;
 
      default:
   }

8.4 Continue,break和 ?: 的使用规则

对于continue 和 break，不要把continue 和 break混合使用

遵循可用性和易用性的规则来设计

7.5 关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。  

7.6 jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;  

7.7 如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个<div>元素的内容。有如下两种方法：
$("div").eq(2).html();         //调用jquery对象的方法
$("div").get(2).innerHTML;     //调用dom的方法属性  

7.8 同一函数实现set和get
Jquery中的很多方法都是如此，主要包括如下几个：
$("#msg").html();             //返回id为msg的元素节点的html内容。
$("#msg").html("<b>new content</b>");       
//将“<b>new content</b>”作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

$("#msg").text();            //返回id为msg的元素节点的文本内容。
$("#msg").text("<b>new content</b>");       
//将“<b>new content</b>”作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new content</b>

$("#msg").height();          //返回id为msg的元素的高度
$("#msg").height("300");     //将id为msg的元素的高度设为300
$("#msg").width();           //返回id为msg的元素的宽度
$("#msg").width("300");      //将id为msg的元素的宽度设为300

$("input").val(");         //返回表单输入框的value值
$("input").val("test");    //将表单输入框的value值设为test

$("#msg").click();         //触发id为msg的元素的单击事件
$("#msg").click(fn);       //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法  

7.9 集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式：
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})       
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。

$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})       
//实现表格的隔行换色效果

$("p").click(function(){alert($(this).html())})              
//为每个p元素增加了click事件，单击某个p元素则弹出其内容  

7.10 扩展我们需要的功能
$.extend({
       min: function(a, b){return a < b?a:b; },
       max: function(a, b){return a > b?a:b; }
});       //为jquery扩展了min,max两个方法
使用扩展的方法（通过“$.方法名”调用）：
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));  

7.11 支持方法的连写
所谓连写，即可以对一个jquery对象连续调用各种不同的方法。
例如：
$("p").click(function(){alert($(this).html())})
.mouseover(function(){alert('mouse over event')})
.each(function(i){this.style.color=['#f00','#0f0','#00f'][i]});  

7.12 操作元素的样式
主要包括以下几种方式：
$("#msg").css("background");              //返回元素的背景颜色
$("#msg").css("background","#ccc")       //设定元素背景为灰色
$("#msg").height(300); $("#msg").width("200");       //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式
$("#msg").addClass("select");       //为元素增加名称为select的class
$("#msg").removeClass("select");       //删除元素名称为select的class
$("#msg").toggleClass("select");       //如果存在（不存在）就删除（添加）名称为select的class  

7.13 完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
如：
$("#msg").click(function(){alert("good")})       //为元素添加了单击事件
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][i]})
//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。
$("tr").hover(function(){
$(this).addClass("over");
},
       function(){
       $(this).addClass("out");
});    
（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,不同于onload事件，onload需要页面内容加载完毕（图片等），而ready只要页面html代码下载完毕即触发。与$(fn)等价    
（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
       //每次点击时轮换添加和删除名为selected的class。
       $("p").toggle(function(){
              $(this).addClass("selected");   
       },function(){
              $(this).removeClass("selected");
       });    
（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。
例如：
       $("p").trigger("click");              //触发所有p元素的click事件

（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中（添加）删除绑定的事件。
例如：
$("p").bind("click", function(){alert($(this).text());});       //为每个p元素添加单击事件
$("p").unbind();       //删除所有p元素上的所有事件
$("p").unbind("click")       //删除所有p元素上的单击事件  

7.14 几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。
如toggle()方法包括了hide()和show()方法。
slideToggle()方法包括了slideDown()和slideUp方法。  

7.15 几个有用的jQuery方法
$.browser.浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。
如
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于：
var tempArr=[0,1,2];
for(var i=0;i<tempArr.length;i++){
       alert("Item #"+i+": "+tempArr[i]);
}
也可以处理json数据，如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
结果为：
Name:name, Value:John
Name:lang, Value:JS
$.extend(target,prop1,propN)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。
如：
$.extend(settings, options);       
//合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);
//合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。
可以有多个参数（合并多项并返回）
$.map(array, fn)：数组映射。把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。
如：
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为：[4,5,6]
var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为：[2,3]
$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。
如：$.merge( [0,1,2], [2,3,4] )       //返回[0,1,2,3,4]
$.trim(str)：删除字符串两端的空白字符。
如：$.trim("  hello, how are you?   ");        //返回"hello,how are you? "    

7.16 解决自定义方法或其他类库与jQuery的冲突
很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可，如原来引用对象方法$("#msg")改为jQuery("#msg")。
如：
jQuery.noConflict();
// 开始使用jQuery
jQuery("div   p").hide();
// 使用其他库的 $()
$("content").style.display = 'none';

请参照公司内部体系网站JavaScript部分。

7.1 JS兼容性

7.2 document.formName.item("itemName") 问题
说明:IE下,可以使用document.formName.item("itemName")或document.formName.elements["elementName"]; Firefox下,只能使用document.formName.elements["elementName"].
解决方法:统一使用document.formName.elements["elementName"].

7.3 集合类对象问题

7.3.1 说明:IE下,可以使用()或[]获取集合类对象;Firefox下,只能使用[]获取集合类对象.
    解决方法:统一使用[]获取集合类对象.

7.3.2 自定义属性问题
    说明:IE下,可以使用获取常规属性的方法来获取自定义属性,也可以使用getAttribute()获取自定义属性;Firefox下,只能使用getAttribute()获取自定义属性.
    解决方法:统一通过getAttribute()获取自定义属性.

7.3.3 eval("idName")问题
    说明:IE下,,可以使用eval("idName")或getElementById("idName")来取得id为idName的HTML对象;Firefox下只能使用getElementById("idName")来取得id为idName的HTML对象.
    解决方法:统一用getElementById("idName")来取得id为idName的HTML对象.

7.3.4 变量名与某HTML对象ID相同的问题
    说明:IE下,HTML对象的ID可以作为document的下属对象变量名直接使用;Firefox下则不能.Firefox下,可以使用与HTML对象ID相同的变量名;IE下则不能.
    解决方法:使用document.getElementById("idName")代替document.idName.最好不要取HTML对象ID相同的变量名,以减少错误;在声明变量时,一律加上var,以避免歧义.

7.3.5 const问题
    说明:Firefox下,可以使用const关键字或var关键字来定义常量;IE下,只能使用var关键字来定义常量.
    解决方法:统一使用var关键字来定义常量.

7.3.6 input.type属性问题
    说明:IE下input.type属性为只读;但是Firefox下input.type属性为读写.
    也就是说在FF下可以通过js动态改变input.type

7.3.7 window.event问题
    说明:window.event只能在IE下运行,而不能在Firefox下运行,这是因为Firefox的event只能在事件发生的现场使用. Firefox必须从源处加入event作参数传递。Ie忽略该参数，用window.event来读取该event。
    解决方法: function Submitted(evt) {
              evt=evt?evt:(window.event?window.event:null);
              }

7.3.8 event.x与event.y问题
    说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性.
    解决方法:event.x ? event.x : event.pageX;

7.3.9 event.srcElement问题
    说明:IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性.
    解决方法:使用(obj = event.srcElement ? event.srcElement : event.target;)来代替IE下的event.srcElement或者Firefox下的event.target.请同时注意event的兼容性问题。

7.3.10 window.location.href问题
    说明:IE或者Firefox2.0.x下,可以使用window.location或window.location.href;Firefox1.5.x下,只能使用window.location. href
    解决方法:使用window.locatio. href来代替window.location.

7.3.11 frame问题
    以下面的frame为例：
    <frame src="xxx.html" id="frameId" name="frameName" />
    (1)访问frame对象:
    IE:使用window.frameId或者window.frameName来访问这个frame对象. frameId和frameName可以同名。
    Firefox:只能使用window.frameName来访问这个frame对象.
    另外，在IE和Firefox中都可以使用window.document.getElementById("frameId")来访问这个frame对象.
    (2)切换frame内容:
    在IE和Firefox中都可以使用window.document.getElementById("testFrame").src = "xxx.html"或 window.frameName.location = "xxx.html"来切换frame的内容.
    如果需要将frame中的参数传回父窗口(注意不是opener,而是parent frame)，可以在frme中使用parent来访问父窗口.例如：parent.document.form1.filename.value="Aqing";

7.3.12 body问题
    Firefox的body在body标签没有被浏览器完全读入之前就存在；而IE的body则必须在body标签被浏览器完全读入之后才存在.

7.3.13 firefox与IE的父元素(parentElement)的区别
    IE：obj.parentElement
    firefox：obj.parentNode
    解决方法: 因为firefox与IE都支持DOM,因此使用obj.parentNode是不错选择.
    innerText在IE中能正常工作，但是innerText在FireFox中却不行. 需用textContent if(navigator.appName.indexOf("Explorer") > -1){
    document.getElementById('element').innerText = "my text";
    }
    else{
    document.getElementById('element').textContent = "my text";
    }

7.3.14 table 的标签
    ie,firefox以及其它浏览器对于 table 标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChild方法也不管用。
    //向table追加一个空行：
    var row = otable.insertRow(-1);
    var cell = document.createElement("td");
    cell.innerHTML = " ";
    cell.className = "XXXX";
    row.appendChild(cell);

7.3.15 XMLHTTP的区别
    var xhr;
    if(window.XMLHttpRequest){
      xhr = new XMLHttpRequest();
    }else if(window.ActiveXObject){
      xhr = new ActiveXObject(‘Microsoft.XMLHTTP’)
    }

6.1 全局
6.2 公共样式文件统一命名为style.css。
6.3 网站整体布局文件统一命名为layout.css。
6.4 网站首页由于样式特殊，命名为ie6.css。
6.5 CSS文件@charset "utf-8";开头。
6.6 由英文字母，数字，中划线和下划线组成。
6.7 不能以数字和下划线开头。
6.8 css类名第一个字符不能使用数字，class和id值使用小写。

6.9 细节
6.9.1 对于大型站点，每个大频道启用独立的样式文件
    比如：Download频道使用download.css。需要注意的是，download.css只保存不同于style.css样式的代码。所有0px属性值省略px不写。

6.9.2 定义边框、内外补丁的可使用如：margin: 3px; 或 padding: 3px 3px 7px 3px;。

6.9.3 在CSS文件一开始就使用通配符给所有元素设置内外补丁为0
    如：
    *{
    margin:0;
    padding:0;
    }

6.9.4 为<img>标签统一设置边框：
    img{
    border:0;
    }

6.9.5 色值的定义尽可能使用简写，
    比如：
    #000000 = #000
    #ff9900 = #f90
    #eecc99 = #ec9
    规律：#aabbcc = #abc

    padding{3px 5px 2px 1px}
    margin{8px 0 2px}
    background{url(images/example.jpg) no-repeat 0 0;}
    border{solid 1px #ccc;}

6.9.6 background属性的简化使用：
  background: 背景色值 url(‘背景图片路径’) 左边距 上边距 是否重复;

6.9.7 css属性的值为多个单词或值中有空格时，要给值加引号
  比如：
  p{font-family:"Times New Roman",Georgia,Serif;}

6.9.8 css属性的值与单位之间不要有空格
    比如：p { font-size:20 px;}是错误的，正确写法：p { font-size:20px;}

6.9.9 多个元素共用一个样式时使用同一个声明，多个选择器之间用逗号分隔
    比如：
    h2, p {color:gray;}

6.9.10 每行书写一句CSS代码，每句代码必须以分号结尾。

6.9.11 尽量减少使用包含样式，这样不利于样式重复使用。

6.9.12 尽量不要使用内联样式，即在HTML元素中加样式。

6.9.13 注意CSS的继承特性，
  比如在*通配符下定义了字号和字体，那么在其他标签样式下，如果没有特殊变化，不用再定义字号和字体。

6.9.14 针对不同浏览器或设备的css 文件最好独立出来，如ie6.css, print.css, ipad.css等。

6.9.15 针对禁用javascript 的情况下使用的css，请在HTML头部加如如下代码：
  <noscript>
  <link type="text/css" rel="stylesheet" href="js-disabled.css"/>
  </noscript>

6.9.16 尽量使用css sprite技术，减少页面中图片请求数量。

6.9.17 使用单词的英语翻译，禁止单词的拼音。

6.9.18 如果要缩写话，除非是那种大家一看就懂的缩写，否则不要用缩写。

6.9.19 如果需要使用多个单词，使用“_”、“-”连接或用驼峰式的写法。

6.9.20 如果后台不是由我们公司开发，写样式的时候不要用ID定样式。

6.9.21 Class命名即要符合内容，又要具有通用性，
    因为很多地方class相同，此时要多想想了，借助翻译，没有其它好的办法了，不然就是看看大网站里面是怎么命名的。

6.9.22 css需模块化。
    比如global.css里应该有css reset,全局字体样式块，链接样式块，页面整体布局样式块，每个块之间用注释分开。

6.9.23 相同内容的CSS应写在一起。如: #img_list li, #textImg_list li {…}。

6.9.24 修饰性质的图片，一律作为背景写在css里。

6.9.25 在.CSS文件的第一行加上这个文件的编码，从第二行开始编写.CSS的内容，如下：@Charest“utf-8”。

6.9.26 标准的css reset代码。
  /* CSS reset */
  body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin: 0;}
  fieldset, img {border: 0;}
  table {border-collapse: collapse;border-spacing:0;}
  address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
  caption, th {text-align: left;}
  q:before, q:after {content: '';}
  abbr, acronym {border: 0;}
  input, select, textarea { font-size:inherit; font-family:inherit;}。

6.9.27 尽量必免hacks。

6.9.28 不允许将样式的定义写在标签上。

6.9.29 每一项CSS定义写成一行。

6.9.30 CSS中谨慎使用expression，尽量不要使用；相当影响效率。

6.9.31 CSS中尽量不要使用滤镜。除非用在png上。

6.9.32 对于用在png上的滤镜，要注意图片的路径。

6.9.33 对于img标签，经常在ie6 7里面会有3px的空白出现，
    所以如果对于它没有特殊要求的话，都加上vertical-align:top来取消这3px的空白。

6.9.34 对于按钮图片如果有滑过效果的话，一律用a标签定义。

6.9.35 如果一个层是隐藏的，不应该直接把样式写到结构中，
    而是用css类控制它隐藏，对于结构中直接写display：none，visibility:hidden这样的样式，搜索引擎会忽略。

6.9.36 注释的格式：/* 注释内容 */ ，
    s 注释放置的位置：放在注释对象的上一行，注释内容言简意赅，一般包括用途，所属类等信息，结构清晰，层次分明，在保证代码的可读性和可维护性的前提下，尽可能省略注释，减小CSS文件大小，加快页面生成速度。

6.9.37 对于lightbox的边缘透明图片，
    一般如果要兼容ie6的话，我们可能只针对ie6写滤镜，但是ie7 8打开lightbox会有黑色的边边，所以解决方法就是针对所有的ie写滤镜，不只是ie6。

5.1 DOCTYPE
一般情况下，我们的验证文档是过渡型xhtml1-transitional.dtd，除非项目需求上有特殊说明。

5.2 HTML元素必须要有完整的开始和结束标签，所有标签必须关闭。

5.3 所有XHTML标签和属性都必须小写。

5.4 给所有的元素赋值，元素属性值要用双引号引起来
如：不正确的写法：<input type=text checked />
    正确的写法：<input type=”text” checked=”checked” />

5.4.1 样式与js文件链接

5.4.2 将样式表或js写在一个独立的.css或.js文件中，然后在页面head区用以下代码调用。

样式文件链接举例：  
<link href="inc/css/global.css" rel="stylesheet" type="text/css" media="screen"/>  
<link href="inc/css/ print.css" rel="stylesheet" type="text/css" media="print"/>  
默认情况下针对屏幕的样式文件链接需加上media="screen"，打印样式加上media="print"  
有时候TYPO3后台编辑HTML模板时会自动给样式文件链接加上media="all"，  
在建完HTML模板和修改HTML模板后需要检查一下

5.4.3 所有的结构代码都必须是小写，因为在严格型的验证文档下，大写标签是通不过验证的。

5.4.4 所有的XHTML标记都必须合理嵌套，内联元素里不能再套块级元素。

5.4.5 元素要合理嵌套, 不在在行内元素中放块级元素，如不要在p里放div, 不要在span里放p等。

5.4.6 一个文档中不允许出现重复的ID

5.4.7 HTML文档代码要合理缩进，便于阅读和修改。

5.4.8 把所有<和&等特殊符号用编码表示。
任何不是标签部分的小于号（<），都必须被编码为&lt;任何不是标签部分的大于号（>），都必须被编码为&gt;任何不是实体部分的与号（&），都必须被编码为&amp; ,在utf-8编码时尤其需要注意。

5.4.9 不要使用被排斥的元素:
一些元素和属性在HTML 4.01 Transitional和XHTML 1.0 Transitional是被允许的，而在XHTML 1.0 Strict下则不被支持。比如<font>、<center>、 alink、align、width、 height （对于某些元素）、bgcolor和background。
不建议使用的标签：b、big、hr、i、small、sub、sup、tt
禁止使用的标签：basefont、center、dir、font、isindex、menu、s、strike、u、bgcolor

5.4.10 <h1>到<h6>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。

5.4.11 结构代码中，不要有多余的空格或换行。
特别是在表单中，label和各表单元单中间的空格能去就尽量去掉，以免在IE下出现一些莫名其妙的问题。

5.4.12 三列或以上的数据列表，用table
如果表格中有thead tbody tfoot时，要注意顺序是thead tfoot tbody。

5.4.13 修饰性质的图片，一律作为背景写在css里。

5.4.14 文件、文件夹、图片的命名都要用小写。

5.4.15 定的标签要符合语义。

5.4.16 页面中的所有图片都要加上alt=”” title=””属性，加title=””属性
对针对FF的，因为alt=””在FF里并不会出现提示！ 另外，不要直接在img里加border=0这个属性，通不过验证的。

5.4.17 所有的a标签都要加title=””属性。

5.4.18 结构中浮动了就一定要清除，
可以用<div class=”clear”></div>来清除，也可以定父级width:100%  overflow:hidden来清除，后者一般情况下好用，但是里面如果有相对绝对定位，要超出的，此时就不能用这种方法来清除了。

5.4.19 如果一个标签只是为了定背景图片而没有文字的话，
此时最好写上相关文字，让它text-index:-9999px, 不要留空白。

5.4.20 类似img , input标签这样的结构一定要有 “/>”结尾，否则通不过验证。

5.4.21 一个form中一行用一个p包住。

5.4.22 Input , select都要写id，有对应的label的话，label的for值对应的是其id。

5.4.23 Form 要加上action=””属性，否则通不过验证。

5.4.24 切片在不影响质量的前提下，尽量将文件控制在最小。
一般情况下质量选在80%左右，如果切片的图片的颜色比较单一，可以选择将图片转成gif格式。

5.4.25 如果需要定义图片尺寸，直接在<img>标签内跟上属性width=""和height=""，不许以class=""的形式定义图像尺寸。

4.1 切片的失真与图片的Byte值
JPG格式会对清晰度有损失，GIF格式图片会对颜色有损失，对网页图片的失真程度控制要求是，没有肉眼可以明显看出的失真。
图片的Byte值是否是最小，颜色比较复杂的图片适合用JPG输出，而颜色比较简单的比较适合用GIF输出。对于用JPG格式的输出图片，质量系数一般在80%左右，在不失真的前提下，质量系数可以调到更小。
单个图片Byte值最大不超过50k，如果超过了则要切成2个切片。sprite技术的背景小图除外。

4.2 网页要能无限延伸
切片的时候要多考虑“活”网页要能自动适应高度，能无限延伸。

4.3 保留切片源文件
成品的切片需要保留源文件，防止日后图片的更新。

4.4 投影效果不要切掉了
切片的时候要注意图片边框的投影效果，不要将边缘切掉了，要放大一定的倍数看清楚。
含有线性图片要特别注意。

4.5 考虑大显示器
我们开发的时候用的浏览器分辨率比较小，需要考虑客户的大显示器。做完之后需要在大显示器检测一遍。

4.6 能用颜色代替的不要切成图片，直接用颜色表示。

4.7 使用css sprite技术拼图时尽量紧凑些，以减小图片的大小，还要记得保存PSD源文件，以便日后修改和维护。

设计界面的时候要根据具体情况决定图片数量，尽量避免网页的图片量过多造成加载负担。
设计界面的时候要考虑下网页效果实现是否困难。
（略）此章节我们目前应用的少，后面有需要再补充。

1.全局标准
    1.项目启动阶段注意事项
        1.项目文件管理
            1.个人项目文件夹
            2.SVN文件夹
                Doc
                    1.开发计划及需求文档
                    2.共享配置文件
                    3.设计稿
                Html
                    1.模板文件
                    2.文件名称
            3.程序及模板

        2.项目搭建基础版本
        3.数据管理
        4.注意事项
            1.原始测试数据安全
            2.防止搜索引擎检索
            3.测试账户事宜

    2.开发阶段
        1.全局
        2.模块划分与全局集成
        3.编码规范
            1.字符编码
            2.数据库编码
            3.空格及换行
            4.注释书写

    3.项目提交阶段注意事项
        1.服务器及数据库管理
        2.线上程序操作注意事项
            1.客户确认
            2.数据备份
            3.测试备份数据
            4.更新或修改操作
            5.操作完成测试
            6.反馈客户
        3.项目沟通
            1.基本礼节
            2.沟通方式
                口号：
                    1、汇报工作说结果  2、请示工作说方案
                    3、总结工作说流程  4、布置工作说标准
                    5、关心下级问过程  6、交接工作讲道德
                    7、回忆工作说感受
            3.沟通途径权衡
                1.个人QQ与讨论组
                2.邮件
                3.电话
        4.邮件提交

    4.完成阶段

2.程序流程
    1.后台快速开发（1.字段配置 2.建表  3.模板调整）
    2.前台模块开发简要及标准
        1.模块划分
        2.共有与私有   继承
        3.前台流程

项目通用的页面模板命名规范

1.首    页 --------------------- index
2.内容页面 --------------------- content
3.留言页面 --------------------- message
4.新闻列表 --------------------- news-lists（包括图文，文字，图片3种列表）
5.新闻详细 --------------------- news-info
6.商品列表 --------------------- goods-lists
7.商品详细 --------------------- goods-info
8.用户登录 --------------------- login
9.用户注册 --------------------- register
10.用户中心 --------------------- dashboard

1.2 后端

1.2.1 文件（夹）的命名
服务器大小写敏感，所有的文件（夹）命名都必须是小写英文字符。  

1.2.2 页面的编码
没有特殊要求的网站，一律用UTF-8编码。  

1.2.3 德语的空格
标点符号：在[.] [,] [:] [;] [!] 等标点之后总有一个空格
比如：[CORRECT] Lorem ipsum dolor sit amet, consectetuer! Adipiscing elit.
          [INCORRECT] Lorem ipsum dolor sit amet,consectetuer!Adipiscing elit.
          [INCORRECT]Ihre Online-Anmeldung, Schritt 1:Dateneingabe. 冒号后面缺少空格  
括号的前面需要有空格，比如 

#Tel# 电话的斜线”/” 前后都有空格

数字和€符号之间要有空格

1.2.4 邮件的称谓
   尊称 (formally)
[Default] Sehr geehrte Frau #lastname#  (for Miss or Mrs.)
[Default] Sehr geehrter Herr #lastname#  (for Mr.)
[CORRECT] Hallo Frau #lastname#
[CORRECT] Hallo Herr #lastname#
[INCORRECT] Hallo Frau #firstname#
[INCORRECT] Hallo Herr #firstname#

1.2.5必填字段
     

1.2.5.1 可以用红色或其他高亮的 “*” 或者和字段一样的颜色。
1.2.5.2 如果用了其它颜色的“*”, 必须在字段和“*”之间加一个空格。
1.2.5.3 在“:”和“*”之间也必须有个空格。

1.2.6 在用户注册时常用的德语单词 

1.2.6.1“注册”最常用的有两种叫法：
anmelden (Anmeldung)& registrieren (Registrierung) 

1.2.6.2    在用户注册时常常要填的个人信息有：
   性别:       Anrede         男 Herr,        女 Frau
              Geschlecht    男 Männlich     女 Weiblich
名:          Vorname
姓:          Nachname
用户名:    Benutzername
生日:       Geburtstag (Tag/Monat/Jahr)
密码:       Password
密码确认: Passwort(Wdh.), Passwort wiederholen  

1.2.6.3 在用户注册时常常要填的个人联系信息有:
邮件:    E-Mail
电话:    Telefon
街道:    Straße
房间号:  Hausnr.
邮编:    PLZ / Postleitzahl
城市:    Ort
国家:    Land (Deutschland) 

1.2.6.4 其它确认信息
确认码:    Code / Wortbestätigung
商业条款: Allgemeine Geschäftsbedingungen (AGB)

1.2.7 页面访问过程中常用的德语提示单词
Weiter (继续)  注册时继续下一步
Zurück (返回)  返回上一步
Schließen (关闭)
Abbrechen (取消)
Speichern (保存)  保存所填资料等
Absenden (发送)   发送邮件时
Löschen (删除)

1.2.8 邮件编码统一用西欧编码
所有的德语邮件统一用西欧编码：ISO-8859-1，包括邮件的subject

1.2.9 生成的德语csv格式为西欧编码
生成的csv文件的文件编码应为西欧编码。检测方法是把德语特殊字符输入到数据库中，然后在中文windows系统中查看是否有乱码，如果是乱码而且不是问号“？”表示编码正确。
因为德语系统的ANSI编码默认是西欧编码，中文系统是GB2312编码。
德语的版本，CSV导出的格式为iso-8859-1的编码，用分号“；”分割。每个字段值需要加上双引号。
a 西欧编码的原因是德语特殊字符在德语操作系统上显示才是正常的。在中文操作系统会有乱码，编码方式不一样。
b 加双引号的目的是为了保证不是文本格式的数字前面的0不会被切了。

1.2.10 测试邮件的规定
公司中所有项目的测试邮件统一用如下邮件地址，如果需要更多的邮件测试地址需要取名字和下面的邮件相同，而且是gmail的邮箱。仅仅是数字的变化而已，比如websitetestusertest3@gmail.com.
测试邮箱:
websitetestusertest1@gmail.com
password:websitetestusertest
websitetestusertest2@gmail.com
password:websitetestusertest

1.2.11 网站的测试图片和测试视频
项目之间的图片不能混合测试，比如A项目的图片在B项目测试。不能使用带版权的图片和视频在项目中测试
公司的技术库中常见的测试图片和视频如下：
\\192.168.10.96\ftp\007 技术库\测试专用数据

1.2.12 网站地图
每个项目都需要有网站地图

1.2.13 计划任务需要有日志记录
每个计划日志需要有日志可以查询，什么时候执行了什么操作

1.2.14 live版本更新设计到大数据量导入导出的需要有site off页面显示
a 和客户经理确认更新时间
b 准备开始执行之前用临时的site off页面替换，显示文字一般为“网站更新中…”
c 更新完成之后取消site off页面，网站上线
   

1.1 前端

1.1.1 所有开发一律严格按要求来
按照规格说明书/需求说明说/PSD上面来开发，如果有好的建议可以提前说出来告诉对方，对方接受了再修改需求.切忌在不通知对方的前提下随意修改项目效果/功能点。

1.1.2 页面编码
没有特殊要求的网站，一律用UTF-8编码。

1.1.3 文本框的输入控制和内容的显示控制
内容包括：货币、数字、日期和单行输入框，针对不同语言的区域，按照显示规范来做.

1.1.4 首页的LOGO不需要链接，内页中点击LOGO回到网站首页。

1.1.5 内页的语言切换，链接打开目标为当前窗口_top，链接地址为目标语言频道的首页。

1.1.6 连接到自己网站的打开方式默认用_top，只要是连接到其它网站的打开方式都用_blank。

1.1.7 newsletter模板项目
基于office 2007对css的支持太少，所以newsletter模板一律用table布局，不能用div，css样式必须写在页面内, newsletter 页面不容许有JS存在。布局间的间距用td+1*1的透明图片设置高或宽来实现，直接用padding或margin是不行的。

1.1.8 Word文档里面的文字
Word文档里面的文字不能直接复制到网站的编辑器里面，需要先复制到TXT记事本里面过滤掉word本身的样式，再复制到网站的编辑器里面。

1.1.9 放行原则
所有项目，针对最终User的批量email发送，比如Newsletter，通知等等，必须等Team Frankfurt明确的放行。

1.1.10 邮件模板和邮件内容
邮件模板不能直接沿用其他项目的模板，尤其需要注意邮件内容是否包含了其他公司的相关信息和图标。发送邮件之前先发送一封测试邮件给自己件确认无误之后才可以给客户发测试邮件。