7.4.8 电子商务网站模版设计.pptVIP

7.4.8 电子商务网站模版设计 电子商务网站提供商务贸易服务，买卖双方实现消费的网上购物、商户之间的网上交易和在线电子支付等全过程的服务，因此它具有广告宣传、咨询洽谈、网上订购、网上支付、意见征询、交易管理等各项功能。 第一步：创建一个1100px*1600px的新文档，在页面上方使用矩形工具，创建一个矩形，位置如下图所示。参数值：半径5px，size：1100*45px。 第二步：在图层面板上双击该矩形图层打开图层样式，勾选渐变叠加，打开渐变编辑器，定义渐变颜色值，然后选择渐变效果。 第三步：需要创建一个搜索框，新建一个图层，选择矩形工具，如下图所示画一个矩形。 第四步：将“形状1”和“图层1”合并，然后选择矩形选框工具，在红色区域选区搜索框，删除该选择区域，搜索框左边再用矩形选框工具画一个选区，填充为灰色，输入“宝贝”，在输入一个向下的箭头，选区“宝贝”文字下面，调整改变颜色。 第五步：选择圆角矩形工具，在搜索框右边绘制一个圆角按钮，输入文字。 第六步：按照上两章节的方法绘制导航栏，输入导航菜单名称，然后新建一个图层组命名为导航，将导航栏的图层拖入该图层组。 第七步：输入顶部文字。 第八步：绘制网站标志，输入网站名称，在搜索框下面输入热门搜索，头部制作完成。 第九步：制作商品分类导航和新建图层，用矩形工具在画布中画出内容显示区，左边是分类导航。 第十步：中间采用大版面的banner广告图片吸引大家的注意力，添加一个笔记本电脑图片，选择矩形选框工具，在右边绘制一个矩形选区，然后描边，输入登录用户名和密码文字，选择矩形工具绘制两个文本框，再选用矩形工具绘制一个登录按钮，打开登录按钮图层的图层样式，勾选渐变叠加，加上渐变效果。 第十一步：在banner广告下面，制作左心上架产品，放3张电脑产品图片，输入产品和价格等。新建一个图层，产品左边用矩形选框工具画一个矩形选区，描边，绘制一个向下的箭头形状，输入文字最新上架。右边拖入一张图片素材，输入热点推荐。 第十二步：制作产品展示，左边输入产品二级竖排分类导航，右边拖入产品图片，输入产品名称，销售价格，二级产品banner广告。 第十三步：创建一个简单的页脚，制作完成。 * * *