油画商城项目

页眉区:

一、思路:

1.logo的距离

1.png

2.png

2.菜单位置、间距、打开效果

3.右侧的用户交互区域:右边距的位置和水平设置的位置

3.png

4.png

4.页眉区的尺寸和距离,与banner区域大小、位置一致

 

 

banner区域:

距离问题5.png

6.png

 

展示区域:

1.组成部分:图片、标题、正文、价格、购物车

7.png

1)图片间距

2)左右对齐

3)li的小圆点

2.独立商标

3.底纹效果显示

8.png

页脚区域:

特殊符号

9.png

10.png

 

注册、登录:

1.设置多个div

2.清除主体部分的浮动

14.png

14.png

3.登录、注册div的位置

11.png

12.png

4.设置细节内容

5.点击登录跳转登录页面,点击logo跳转首页

 

 

 

注意:

1.单击内容分类:鼠标点击事件、鼠标离开事件,涉及到div浮动的内容

2.登录和注册放在最右边

3.banner区域图片的对齐方式

4.商品展示区的对齐方式、文字显示(设置标题、文本、购物车等)

5.分页显示

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值