书签 分享 收藏 举报 版权申诉 / 22

类型鲜花满屋 售花网店设计.docx

  • 文档编号:1658325
  • 上传时间:2023-05-01
  • 格式:DOCX
  • 页数:22
  • 大小:1.57MB

上图中的各个部分采用了HTML代码中的各个

对应的id。

其中#banner块对应页面上的banner图片,#globallink则是网站的导航菜单栏,#left包涵登录系统以及鲜花的分类信息,#main块则主要包括本站快讯、鲜花推荐、新品上市和鲜花导购等,其中#left与#main页面的主体块,他们的子块关系如图4-4所示。

图4-4#left与#main页面的框架

这两个部分在整个页面中占主体部位置,设计的时候细节比较关键,直接决定着真个页面是否吸引人,相应的代码框架如下:

4.4模块分析

在确定页面的各个块与子块后,便可以对网页的各个部分进行设计了,本网页的整体上设置粉红色背景,采用固定宽度剧居中的板式,代码如下。

body{

background-color:

#ffd8d9;

margin:

1px0px0px0px;

padding:

0px;

font-size:

12px;

font-family:

Arial,Helvetica,sans-serif;

}

#container{

position:

relative;

margin:

0pxauto0pxauto;

width:

700px;

text-align:

left;

}

4.4.1Banner图片

本网页banner图片的制作十分简单,在photoshop中建立Banner文件后导入一张玫瑰的图片,在使用渐变效果,让他跟背景颜色自然过度。

Banner图片添加文字,重点在于醒目、大方、又能配合整个网站的特点,文字采用阴影和描边的效果,最后给整个图片添加一个白色的边框,便得到了banner图片,如图4-5所示。

图4-5banner图片

4.4.2导航菜单

导航菜单采用项目列表的方式,将

相关搜索
鲜花满屋 售花网店设计 鲜花 满屋 售花网店 设计

文档标签

热门标签

关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2


收起
展开