购物商城网站前台的设计与实现

.

2.建立HTML的组织结构

3.添加css样式代码

.denglu{padding:50px0px;width:100%;height:400px;background:url('images/login_bg.gif')no-repeat;line-height:40px;background-position:center; background-position:top; font-size:10px; letter-spacing:1px;}

.zuo{width:40%;height:500px;float:left; margin:10px 0px 0px 186px; list-style:none; border-right:1px #ccc solid; }

.you{width:27%;height:500px;float:left;margin:10px0px;list-style:none;} 4.登陆页主体效果图如图4.9所示

4.9 登陆页主体效果图

.

.

4.2 购物车页

4.2.1购物车页布局的实现

购物车页和主页为同一的不同页面，整体布局一样，故略。 4.2.2购物车页主体布局的实现 1.购物车主体整体布局如图4.10所示

上部 中部 4.10 购物车主体整体布局

下部 2.建立HTML的组织结构

3.添加css样式代码

#divg{margin:0px 0px 0px 187px; font-size:15px;} 4.购物车主体效果图如图4.11所示

.

.

.

4.11 购物车主体效果图

.

第五章的兼容性测

5.1浏览器之间的兼容性测试方法

1.IE多版本使用IE Collection 软件模拟 2.Firefox 3.5（需安装Firebug插件）

5.2验证是否符合W3C标准的方法

1.制作期间使用Dreamweaver兼容性提示 2.网页制作完成后使用Firefox插件进行检测 3.发送到validator.w3.org官方进行在线验证

.