项目总结

项目“国美”总结

一、项目内容：

1．页面布局；

2．图文排版；

3．简单效果；

4．输入控件；

5．Tab切换；

6．二级菜单。

二、项目问题：

1．Tab切换；

2．二级菜单；

3．页面布局；

4．表格table的使用；

5．网页整合会出现排版絮乱的问题；

6．同一网页之间镶嵌会出现排版絮乱的问题；

7．浏览器之间的兼容性问题。

三、解决问题：

1．套用公式，解决Tab和二级菜单问题；

2．通过position或者float定位浮动，完成页面布局；

3．列出草稿，整理思路，完成table的排版。

四、注意事项：

1．Tab切换里面不能再套用div；

2．position中的绝对定位absolute只根据使用relative的最近祖先元素确定；

3．网页做好之后，应当细心检查内容和网页的兼容性，当网页改变或者浏览器改变的时候，是否会存在位置絮乱，排版乱掉的问题。

五、总结：

1．table在排版上，很实用；

2．先布局，排好版，再安插内容会使内容简洁明了；

3．布局排版的时候，用border确定位置，再考虑如何修改内容；

4．多使用div和注释，当网页出现问题时，能及时找出问题所在；

5．输入控件控制代码onfocus和onblur

<input type="text" value="用户名" size="25"

        onfocus="if(this.value=='用户名'){this.value=' '}"

        onblur="if(this.value==' '){this.value='用户名'}"/>

6．网页做好之后应多次测试，以方便发现其中的问题，再及时改正。

7．e

六、