商务网页设计第2版教程配套教材课件完整版电子教案.ppt

相关知识 2 渐变工具的合理使用，图像标尺的准确定位布局，图形选区的叠加使用，文字工具的使用与相关设计。 3 任务实施 运行Photoshop,执行“文件”→“新建”菜单命令,在弹出的“新建”对话框中,预设为“自定”,设置宽度为640,高度为480,颜色模式为RGB颜色,背景内容为白色,设置完毕后,单击“确定”按钮,如图11—8所示。 1 图11-8 新建文件对话框 3 任务实施 制作背景渐变效果。设置背景色为#c3d7dd和前景色为# 94c2e5，利用渐变工具对底图进行着色，如图11-9所示。 2 图11-9 渐变着色 3 任务实施 制作手机叠放效果。点击菜单“视图”，选择子菜单“标尺”，拖拽出一横一竖两条辅助线，确定叠放手机的中心点位置，如图11-10所示。 3 图11-10 标尺工具 设计与制作电子商务网店结构项目 11 任务一 制作网店告示板 任务二 制作图片分类区 任务三 制作商品宣传图 网店设计能提升店铺形象,吸引人的眼球,客户会通过网店设计第一时间了解你店铺的讯息。本项目将介绍网店结构的制作方法,让大家了解到网店设计的好处。 项目介绍 C ontents 目录 任务分析 1 相关知识 2 任务实施 3 任务一 制作网店告示板 任务分析 1 店铺公告包括对自己店铺的简介、想和来访者说的话以及一些忠告和注意事项,这里的内容会被来访者在第一时间注意到,一般被放置在店铺的右上角。店主可以随时发布滚动的文字信息,也可以通过网页代码发布图文配合的公告信息。这样,公告栏将更清晰、美观,还可以加入动画,使其更醒目。 店铺公告是宣传推广最新发布的产品、公告店铺最新促销信息、发布重要通知的好工具。但是,店铺的公告区域空间有限,所以店铺公告的内容一定要言简意赅,最好能一针见血,吸引顾客。例如,你的店铺是新开的,你可以采用以下三个方案:： 2 方案二:大家好,欢迎大家光临本店;很高兴认识各位朋友,希望大家多多捧场。 1 方案一:新店开张,欢迎过路的朋友到此歇歇;本店秉承诚信待客,一流服务;顾客至上,质量为根本;钱来货到,效率第一;新店新开张,好店好生意,顾客顾到位。 3 方案三:我店产品全部来自正规的渠道,以最直接有效的方式送达消费者手里,避免了中间过多的流通环节;本店一直是以薄利多销为原则,在有合理利润的基础上将尽最大可能让利给大家,所以才会比专柜便宜许多。 相关知识 2 3 任务实施 运行Photoshop,执行“文件”→“新建”菜单命令,在弹出的“新建”对话框中,命名为“网店告示板”,预设为“自定”,宽度为800,高度为600,分辨率为72,颜色模式为RGB颜色,背景内容为白色,设置完毕后,单击“确定”按钮,如图11—1所示。 1 图11—1　“新建”对话框 3 任务实施 在“图层”面板中,单击“创建新图层”按钮 ,建立新图层并重命名为“条纹”。设置前景色为#ff02a9,选择工具箱中的“矩形”工具, 按住鼠标左键绘制出一个矩形,执行“编辑”→“变换”→“斜切”菜单命令,通过变形将矩形变为平行四边形,如图11—2所示。 2 图11—2　绘制“条纹” 3 任务实施 按住Ctrl+Alt,同时选中“条纹”并按住鼠标左键不动可以拖拽出“条纹”的副本。重复这一操作,复制出若干个条纹副本,效果如图11—3所示。 3 图11—3　制作背景” 3 任务实施 在“图层”面板中,新建“圆角矩形”图层,设置前景色为白色,选择工具箱中的“圆角矩形”工具, 在其工具选项栏中选中“填充像素”按钮,并设置圆角半径为60px,按住鼠标左键拖出一个圆角矩形,如图11—4所示。 4 图11—4　绘制圆角矩形 3 任务实施 选择工具箱中的“文本”工具,在工具选项栏中设置字体类型为方正舒体,字体大小为120,颜色为黑色,输入文本“公告栏”,再设置字体类型为Informal Roman,字体大小为60,输入英文“Announcement”,如图11—5所示。 5 图11—5　输入文本 3 任务实施 在“图层”面板,建立新图层“绿花”,选择工具箱中的“自定形状”工具,单击“填充像素”按钮,选择“形状44”形状,如图11—6所示,绘制出一朵绿色的小花。用同样的方法制作其它花形状等图层,如图11—7所示。 6 图11—6　“自定形状”工具选项栏 图11—7　效果图 C ontents 目录 任务分析 1 相关知识 2 任务实施 3 任务二 制作图片分类区 任务分析 1 店铺的宝贝分类是非常重要的。宝贝的分类如何进行标明设置会影响到店铺的PV及成交转化率,会影响到客户能够买多少产品。店铺是面向消费者市场的,消费者市场由许多个人组成,每个人都有不同的习惯、需求、喜好等,为了满足不同消费者的需要,就需要进行宝贝分类,这是制