电子商务网页设计(第二版)课件5.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《电子商务网页设计(第二版)课件5.pptx》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 网页 设计 第二 课件
- 资源描述:
-
1、教育部中等职业教育专业技能课立项教材中等职业教育实战型电子商务规划教材主编 欧志敏 刘生娥content电子商务网页赏析商品图片的使用与编辑15目录HTML网页制作基础2电子商务网页编辑软件Dreamweaver 20203网页元素的编辑4表格与DIV的使用HTML5与响应式网页设计610使用CSS控制页面元素7使用Animate制作网页中的动画8 使用JavaScript制作动态效果9设计与制作电子商务网店结构项目1111任务一 制作网店告示板任务二 制作图片分类区任务三 制作商品宣传图 网店设计能提升店铺形象,吸引人的眼球,客户会通过网店设计第一时间了解你店铺的讯息。本项目将介绍网店结构的
2、制作方法,让大家了解到网店设计的好处。项目介绍Contents目录任务分析1相关知识2任务实施3 任务一任务一 制作网店告示板制作网店告示板 任务分析1 店铺公告包括对自己店铺的简介、想和来访者说的话以及一些忠告和注意事项,这里的内容会被来访者在第一时间注意到,一般被放置在店铺的右上角。店主可以随时发布滚动的文字信息,也可以通过网页代码发布图文配合的公告信息。这样,公告栏将更清晰、美观,还可以加入动画,使其更醒目。店铺公告是宣传推广最新发布的产品、公告店铺最新促销信息、发布重要通知的好工具。但是,店铺的公告区域空间有限,所以店铺公告的内容一定要言简意赅,最好能一针见血,吸引顾客。例如,你的店铺
3、是新开的,你可以采用以下三个方案::2方案二方案二:大家好大家好,欢迎欢迎大家光临本店大家光临本店;很高兴很高兴认识各位朋友认识各位朋友,希望大希望大家多多捧场。家多多捧场。1方案一方案一:新店开张新店开张,欢欢迎过路的朋友到此迎过路的朋友到此歇歇歇歇;本店秉承诚信本店秉承诚信待客待客,一流服务一流服务;顾客顾客至上至上,质量为根本质量为根本;钱钱来货到来货到,效率第一效率第一;新新店新开张店新开张,好店好生好店好生意意,顾客顾到位。顾客顾到位。3方案三方案三:我店产品全部我店产品全部来自正规的渠道来自正规的渠道,以最以最直接有效的方式送达消直接有效的方式送达消费者手里费者手里,避免了中间避免
4、了中间过多的流通环节过多的流通环节;本店本店一直是以薄利多销为原一直是以薄利多销为原则则,在有合理利润的基在有合理利润的基础上将尽最大可能让利础上将尽最大可能让利给大家给大家,所以才会比专所以才会比专柜便宜许多。柜便宜许多。相关知识23任务实施运行运行Photoshop,Photoshop,执行执行“文件文件”“”“新建新建”菜菜单命令单命令,在弹出的在弹出的“新新建建”对话框中对话框中,命名为命名为“网店告示板网店告示板”,”,预设预设为为“自定自定”,”,宽度为宽度为800,800,高度为高度为600,600,分辨率为分辨率为72,72,颜色模式为颜色模式为RGBRGB颜色颜色,背背景内容
5、为白色景内容为白色,设置完设置完毕后毕后,单击单击“确定确定”按按钮钮,如图如图111111所示。所示。1图111“新建”对话框3任务实施在在“图层图层”面板中面板中,单单击击“创建新图层创建新图层”按按钮钮 ,建立新图层并建立新图层并重命名为重命名为“条纹条纹”。设。设置前景色为置前景色为#ff02a9,#ff02a9,选选择工具箱中的择工具箱中的“矩形矩形”工具工具,按住鼠标左键绘按住鼠标左键绘制出一个矩形制出一个矩形,执行执行“编辑编辑”“”“变变换换”“”“斜切斜切”菜单命菜单命令令,通过变形将矩形变通过变形将矩形变为平行四边形为平行四边形,如图如图112112所示。所示。2图112绘
6、制“条纹”3任务实施按住按住Ctrl+Alt,Ctrl+Alt,同时选中同时选中“条纹条纹”并按住鼠标左并按住鼠标左键不动可以拖拽出键不动可以拖拽出“条条纹纹”的副本。重复这一的副本。重复这一操作操作,复制出若干个条纹复制出若干个条纹副本副本,效果如图效果如图113113所所示。示。3图113制作背景”3任务实施在在“图层图层”面板中面板中,新建新建“圆角矩形圆角矩形”图层图层,设置设置前景色为白色前景色为白色,选择工具选择工具箱中的箱中的“圆角矩形圆角矩形”工工具具,在其工具选项栏中在其工具选项栏中选中选中“填充像素填充像素”按钮按钮,并设置圆角半径为并设置圆角半径为60px,60px,按住
7、鼠标左键拖出一个按住鼠标左键拖出一个圆角矩形圆角矩形,如图如图114114所所示。示。4图114绘制圆角矩形3任务实施选择工具箱中的选择工具箱中的“文本文本”工具工具,在工具选项栏中设在工具选项栏中设置字体类型为方正舒体置字体类型为方正舒体,字体大小为字体大小为120,120,颜色为颜色为黑色黑色,输入文本输入文本“公告公告栏栏”,”,再设置字体类型为再设置字体类型为Informal Roman,Informal Roman,字体大字体大小为小为60,60,输入英文输入英文“Announcement”,“Announcement”,如图如图115115所示。所示。5图115输入文本3任务实施在
8、在“图层图层”面板面板,建立新图层建立新图层“绿花绿花”,”,选择工具箱选择工具箱中的中的“自定形状自定形状”工具工具,单击单击“填充像素填充像素”按钮按钮,选选择择“形状形状44”44”形状形状,如图如图116116所示所示,绘制出一朵绿绘制出一朵绿色的小花。用同样的方法制作其它花形状等图层色的小花。用同样的方法制作其它花形状等图层,如图如图117117所示。所示。6图116“自定形状”工具选项栏图117效果图Contents目录任务分析1相关知识2任务实施3 任务二任务二 制作图片分类区制作图片分类区 任务分析1 店铺的宝贝分类是非常重要的。宝贝的分类如何进行标明设置会影响到店铺的PV及成
9、交转化率,会影响到客户能够买多少产品。店铺是面向消费者市场的,消费者市场由许多个人组成,每个人都有不同的习惯、需求、喜好等,为了满足不同消费者的需要,就需要进行宝贝分类,这是制定店铺营销策略非常重要的环节。2相关知识按宝贝的生产方法分类按宝贝的生产方法分类按宝贝的主要成分分类按宝贝的主要成分分类345其他分类 对宝贝的分类方式有以下五种:12按宝贝用途分类按宝贝用途分类按宝贝原材料分类按宝贝原材料分类2相关知识1按宝贝用途分类按宝贝用途分类不同的用途造成了各种宝贝不同的价值,因此可以通过宝贝的用途来进行分类,这种分类方法不仅适合对宝贝进行大类划分,也可用于进一步的细分。比如“家用电器”是一大类
10、,按用途进一步细分为:音响设备、视频设备、制冷空调器具、厨房器具等。按用途分类便于比较同类宝贝的性能,因此有利于客户进行对比购买。多用途的宝贝不适合用此分类方式。2相关知识2按宝贝原材料分类按宝贝原材料分类原材料的种类与质量往往对宝贝的性能和质量起到决定性的作用,所以原材料是很重要的分类标志,此分类方式适用于原材料来源较多,并且对其性能起决定作用的宝贝。例如,服装类的宝贝按原材料进行分类,可分为棉布服装、皮革服装、丝绸服装等,这些宝贝的使用价值和特点都有明显的差别。由多种原材料制成的宝贝不适用于此分类方式。2相关知识按宝贝的主要成分分类按宝贝的主要成分分类4许多宝贝的性能、质量等都是由宝贝的主
11、要成分决定的,因此宝贝的主要成分或特殊成分是进行宝贝分类的重要标志。例如,塑料产品的主要成分有明显的不同,分为聚乙烯塑料、聚苯乙烯塑料等。对于主要成分相同而含有特殊成分的产品,如营养护肤霜类的宝贝,可按其特殊成分进行分类,如人参营养霜、维生素E营养霜、珍珠粉营养霜等。化学成分复杂或区别不明显的宝贝不适用于此分类方式。2相关知识5其他分类如果宝贝的特性、结构、重量、颜色、产地、收获季节等可区分清楚,容易进行分类,那么也可以采用此类方式进行分类。3任务实施运行运行Photoshop,Photoshop,执行执行“文件文件”“”“新建新建”菜单命令菜单命令,在弹出的在弹出的“新建新建”对话框中对话框
12、中,命名为命名为“图片分类区图片分类区”,”,预设为预设为“自定自定”,”,宽度为宽度为780,780,高度高度为为3 047,3 047,分辨率为分辨率为72,72,颜色模式为颜色模式为RGBRGB颜色颜色,背景内容为白色背景内容为白色,设置完毕设置完毕后后,单击单击“确定确定”按钮按钮,如图如图118118所示。所示。1图118“新建”对话框3任务实施按快捷键按快捷键Ctrl+RCtrl+R显示显示标尺标尺,单击工具箱中单击工具箱中的的“移动移动”工具工具,用用移动工具从标尺中拖移动工具从标尺中拖出若干条水平参考线出若干条水平参考线和垂直参考线和垂直参考线,如图如图119119所示。所示。
展开阅读全文