（中职）网店装修（第二版）学习情境六 教案.doc

（中职）网店装修（第二版）学习情境六 教案任务一 自定义页面策划一 一、教学目标1、知识目标（1）了解网店自定义页面的基础理论知识。（2）熟悉网店自定义页面的主要类型。2、技能目标（1）能正确理解自定义页面的作用。（2）能区分不同类型的自定义页面3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、自定义页面的定义。 2、自定义页面的主要类型。 3、自定义页面的作用。教学难点：1、区分自定义页面的类型。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示网店电脑端首页导航，网店首页导航里除了一般的产品分类之外，还有一些“特别”的页面导航，这是属于什么页面呢？看展示的网店首页导航，思考特别的页面导航里面有什么？激发学生思考，引出课程内容2、新课讲解一、认识网店自定义页面自定义页面又称二级页面，是网店装修中的一个独立页面，目前电脑端和无线端的网店装修后台均可根据需求增添数量不限的自定义页面。自定义页面是卖家围绕某个主题焦点的一个内容聚合页，一般是文案、图片、视频等多种组合优化美观后的页面，再配合商品详情信息、活动优惠信息等链接，继而增加页面的访问深度，也起到页面关联和购物引导的作用。二、自定义页面的主要类型1）活动专题页面活动专题页面是卖家围绕网店促销活动的主题，结合店内的优惠信息以图文组合形式给消费者详细地展示促销详细内容的页面。2） 品牌介绍页面 为了消除消费者的购买疑虑、提高消费者的信任感，卖家会添加品牌介绍页面来传播企业精神和品牌文化，从而提高品牌信服力，树立良好的企业形象品牌价值品牌故事品牌背书品牌愿景3） 会员活动页面会员活动页面是向消费者介绍会员积分的价值，展现会员权益活动内容的页面。4） 售后服务页面售后服务页面是向消费者展示网店的发货收货服务、退换货服务、安装服务、保修维修服务等一系列细致售后服务信息的页面。三、 自定义页面的作用1） 加深消费者访问深度2） 提高店铺转化率3） 提升消费者粘度了解自定义页面的定义能熟悉自定义页面的主要类型，学习加以区分。认识自定义页面的作用让学生先行了解网店自定义页面的定义让学生对自定义页面的类型熟悉了解，加以区分，便于后面的策划3、学生实训在淘宝网上的10家网店首页，进入其自定义页面，并分别说出不同的自定义页面属于哪种类型。搜索不同网店的自定义页面。通过搜索思考区分，提高学生对自定义页面类型的认识。4 、课后小结本节课要掌握的重点：1、 自定义页面的定义2、 自定义页面的主要类型3、自定义页面的作用明白本节课自己要掌握的知识点2任务一 自定义页面策划二 一、教学目标1、知识目标（1）掌握自定义页面的布局。（2）掌握自定义页面的策划。2、技能目标（1）能正确设计出自定义页面策划书。（2）能根据策划书布局自定义页面模块。3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、自定义页面的布局。教学难点：1、自定义页面策划书的撰写。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题请同学们翻出上节课所搜索到的自定义页面，说说这些页面的布局是怎样的？ 观察上节课找到的自定义页面，思考其布局特点。激发学生思考。2、新课讲解一、自定义页面的布局虽然现在很多店铺的自定义页面呈现出各种别具风格的样式，但实际上它们的基本框架和组成部分都是有共性的。一般来说，无论是哪种类型的自定义页面都由四大部分组成头部Banner图+楼层模块（至少一个）+背景+氛围点缀物以两张不同的自定义页面为案例，分别分析其布局：以某店铺电脑端“双旦礼遇季”活动专题页面为例，其布局为：双旦礼遇季Banner图优惠券楼层模块活动主推产品楼层模块明星单品楼层模块。再看看某店铺无线端会员活动页某店铺无线端会员活动页其布局为：会员日Banner图会员分享抽奖活动楼层模块。自定义页面布局中的楼层模块没有数量的硬性要求，只要能满足页面信息的传达，给予消费者良好的体验感即可。二、自定义页面策划书的撰写1、自定义页面的设计流程1.确定自定义页面类型本次任务是为店铺推广宣传的“年货节”促销活动设计自定义页面，根据自定义页面的类型定义，可确定该页面为活动专题页面类型。 2.明确自定义页面主题 仔细分析年货节活动营销策划方案，页面主题是围绕年货节促销活动开展的，故“年货节”为主题核心。为了让页面的主题标语更打动人心，可以结合店铺产品属性进行构思，该店铺是一家专营生活日用品的网店，所以最后确定自定义页面的主题为“年货家居好礼购”。3.分析优秀自定义页面 分析知名电商网店的优秀自定义页面，了解其活动专题页面的布局，为自定义页面方案策划做好前提准备。4.撰写自定义页面策划方案 根据自定义页面的布局组成要求，在撰写策划方案前需明确楼层模块的数量以及内容。结合本次自定义页面的任务单内容，可确定该页面布局中的楼层模块共四个，分别为：优惠券模块、免单商品模块、五折抢购模块、八折回馈模块。通过以上操作，最后策划如下：熟悉自定义页面的布局熟悉自定义页面的策划流程。为学生在下面的自定义页面策划中有明确的方向。让学生学会策划自定义页面的流程，有明确的方向才开始设计。3、学生实训发布实训任务：为网店策划会员活动页任务要求：某电器网店已开张五周年，为回馈会员，该店铺策划了“五周年会员日”会员活动，故需要为店铺制作一张网店会员活动页，请你根据营销策略资料，策划该会员活动页的方案。营销策略：1、 分享抽奖活动：分享店铺给3位好友即可获得一次抽奖机会。2、 明星单品会员8.8折购：（1） 网红懒人锅（原价180）；（2）北欧风烤箱（原价280）；（3）多功能养生壶（原价140）；（4）迷你电饭煲（原价220）；3、 积分兑换乐园：（1） 优惠券兑换：99积分兑换3元优惠券；199积分兑换5元优惠券；299积分兑换9元优惠券；（2） 礼品兑换：1900兑换红糖养生茶；2900积分兑换樱花碗四件套；3900积分兑换小熊公仔；（3） 产品兑换：18999兑换加湿器；25999积分兑换养生壶；注册会员入口根据上面的知识点，完成网店会员活动页策划书的撰写。（没有弄清楚的地方可参看微课）通过此任务的完成，懂得如何撰写自定义页面的策划书。4、课后小结本节课要掌握的重点：1.自定义页面的布局。2.自定义页面策划书的撰写。明白本节课自己要掌握的知识点6任务二 自定义页面设计一 一、教学目标1、知识目标（1）了解网店自定义页面的常见尺寸。（2）熟悉网店自定义页面的设计原则。（3）熟悉自定义页面的色彩搭配2、技能目标（1）能合理运用自定义页面的设计原则。（2）能灵活对不同类型的自定义页面搭配合适色彩。3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、自定义页面的设计原则。 2、自定义页面的色彩搭配。教学难点：1、区分不同类型自定义页面的色彩搭配方法。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题展示一张优秀的的自定义页面，请同学们谈谈其设计优秀的地方在哪里？为什么？观察自定义页面，谈谈其设计优秀之处。激发学生思考，引出课程内容2、新课讲解一、自定义页面的常见尺寸由于电脑和手机的屏幕大小不同，电脑端和无线端的自定义页面尺寸有所不同。1） 电脑端自定义页面的尺寸宽：950px/1920px高：3000px6000px（仅建议，具体根据页面内容决定）2） 无线端自定义页面的尺寸宽：640px/750px（根据无线端装修后台的不同模块尺寸限制决定）高：1500px5000px（仅建议，具体根据页面内容决定）二、自定义页面的设计原则1）首尾呼应在设计自定义页面时基本都是从上往下、从框架搭建到细化细节的流程顺序进行的。在这个过程中，需要至少一个的主要元素贯穿整体页面。2）协调统一保证页面里的模特、文案、点缀物、各种颜色、布局排版以及所有这些元素汇聚在一起所组成的是同一种风格，从而达成视觉协调统一的目的。3）层次分明自定义页面的层次主要涉及两个方面的层次，一方面是信息的层次级别有主次之分，另一方面是整个页面的层次节奏，如空间层次中的近景中景远景等，借此使页面看起来更立体。三自定义页面的色彩搭配根据自定义内容的需要，采用适合的色彩搭配，能准确地表达出相应的主题内涵。活动专题页的常见配色活动专题页面一般也会以暖色为主色调，如红色、橙色、黄色等，这种色调的运用可以使页面给人带来热情、兴奋、欢快的心理感受。活动专题页面为了能与节日主题相呼应，很多时候会选择节日代表色。节日相关颜色春节红色 金色 中国红情人节紫色 粉色 红色妇女节玫红色 丁香色儿童节鹅黄色 天蓝色 绿色中秋节普蓝色 红色 橙黄色国庆节中国红 黄色圣诞节红色 绿色 白色2、品牌介绍页的常见配色在设计品牌介绍页时必须考虑品牌本身的风格与色调。为了让消费者在浏览品牌介绍页的过程中，能深深地把店铺品牌形象烙在心间，品牌介绍页的配色一般是挑选能代表该品牌形象风格的颜色。3、会员活动页的常见配色会员活动页的配色通常表现为以暖色调为主，同时采用对比色或者间隔色的搭配，给人活泼轻松的感觉，从而衬托会员活动氛围。除此配色方案外，也有一些店铺为了深化会员对品牌的认知，在会员活动页面的配色设计中融合能代表品牌形象风格的颜色。4、 售后服务页的常见配色售后服务页的配色一般以冷色调为主，如：蓝色、绿色等等，或者运用非彩色搭配，如黑字白底、白字黑底。了解自定义页面的电脑端和无线端的尺寸熟悉自定义页面的设计原则。认识区分不同类型自定义页面的色彩搭配方案。让学生先行了解网店自定义页面的常见尺寸让学生对熟悉自定义页面的设计原则，为后面的设计奠定基础。3、学生实训发布实训任务：在淘宝网上搜索不同类型的自定义页面，并尝试分析其遵循了哪些设计原则以及运用了怎样的色彩搭配方案。搜索不同类型的自定义页面，并分析其遵循了哪些设计原则以及运用了怎样的色彩搭配方案通过分析，充分掌握自定义页面的设计原则和色彩搭配方案。4、课后小结本节课要掌握的重点：1自定义页面的设计原则。2、自定义页面的色彩搭配。明白本节课自己要掌握的知识点9任务二 自定义页面设计二 一、教学目标1、知识目标（1）了解网店自定义页面的排版形式。（2）熟悉网店自定义页面的点缀元素。（3）掌握自定义页面的设计流程。2、技能目标（1）能灵活对不同类型的自定义页面运用合适的排版形式。（2）能合理运用自定义页面的点缀元素。（3）能根据自定义页面设计的计划方案设计自定义页面。3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、自定义页面的排版形式。 2、自定义页面的点缀元素。教学难点：1、区分不同类型自定义页面的排版形式运用。 2、自定义页面的设计流程。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题观察在任务一实训中搜集到的自定义页面，可发现其排版形式有很多种类型，那么什么样的自定义页面适合什么样的排版形式呢？观察自定义页面的排版形式，思考其排版的不同以及不同类型的自定义页面适合何种排版形式。激发学生思考，引出课程内容2、新课讲解一、自定义页面的排版形式1） 常规楼层形常规楼层形的专题页面比较简洁利落，主要把控好背景颜色要有深-浅-深-浅的层次节奏，每一个楼层模块都是独立的，清晰明了，有利于信息阅读。这种排版形式应用比较广泛，常用于品牌介绍页或售后服务页。 大部分新手美工在设计活动专题页面时也偏爱使用常规楼层形排版，但为了打破常规楼层形排版过于单调的局限，往往会在其基础上做一些细微的演变，比如整体页面背景不做切割，只需在中间部分进行分割，作独立的楼层模块。还有一种排版是在原来的基础上，对某一块楼层的内部进行一些小变化。2）“S”形“S”形排版的自定义页面，对比于常规楼层的排版形式不会显得枯燥呆板，而是给人轻松活泼的感觉，而且消费者阅读起来也十分流畅。这种排版形式适用于不同类型的自定义页面。3）“Z”形“Z”形排版会比“S”形排版多了一份厚重感，更适合用于男性化风格的自定义页面，比如汽车、男性护肤、游戏、电子器械等类目的自定义页面。4）“1”字形“1”字形排版的自定义页面，给人呈现一种硬朗大气的感觉。这种形式的自定义页面需要有高质量模特大图或产品图镇楼才能避免背景抢镜的情况。因此，“1”字形排版一般情况很少用到，但对于那些追求独特和个性化的卖家来说，“1”字形排版是不错的选择。5）自由排版形自由排版形的自定义页面适合用于高端路线的时尚服饰类目，这种排版设计虽看上去简洁干净，但是对于设计师的排版功力要求却比较高，新手美工一般不太适合尝试。二、自定义页面的点缀元素点缀元素的应用较多地出现在活动专题页或者会员活动页，设计时在页面背景上适当地增加点缀元素能有效地烘托主题，活跃气氛，比起空白干净的背景更有吸引力一些。增加点缀元素的时候需要考虑是否与节日主题相匹配，在页面中加入一些与主题吻合的点缀元素，会让消费者在浏览页面时更有代入感。节日点缀物元素春节灯笼、对联、炮竹烟花、红包、中国结、书法字体端午节粽子、龙舟、竹、山水、水墨七夕节爱心、丝带、巧克力、手捧花、情书、花瓣、蝴蝶结中秋节月亮、月饼、玉兔、灯笼、夜空圣诞节雪花、红帽子、圣诞树、雪人、圣诞老人、礼物三、自定义以页面的设计计划1. 分析策划方案（1） 本次任务所设计的自定义页面类型为活动主题页面，此类页面要求主题鲜明，活动氛围浓厚，且其包含的促销信息较多，所以在设计时须突出不同的促销活动信息，最大化地满足不同消费者的优惠需求。（2） 页面主题为：年货家居好礼购。从这里可提取的信息有：活动背景对应的节日是春节，店铺类目是生活用品类。春节的节日特征是欢庆喜悦，生活用品类的特征则是给人温暖温馨的感觉。通过主题标语“好礼购”字样可知店铺希望消费者在浏览页面时能将本店商品和赠送亲朋戚友的年货礼物联想在一起，从而萌生购买心理。（3） 从页面的布局规划图可知，除了头部Banner图外，楼层模块一共有四个，分别对应的促销活动是：优惠券、免单活动、五折抢购、八折回馈。该页面容纳的优惠信息较多，故在设计时尽量使用统一协调的配色和元素，把多个优惠活动连接一起，让活动主题贯穿页面。2. 明确风格、配色、排版、点缀物、字体（1）风格：根据策划书的分析，初定YIMI生活日用品店年货节活动专题页设计风格以喜庆、热闹、动感为主。（2）配色：选取暖色为主色调，再结合节日代表色表，最终敲定页面色彩为红色、金黄色，营造活泼热闹的氛围。（3）排版：因优惠活动和参与活动的商品较多，页面排版采用常规楼层形（局部自由排版）的形式。（4）点缀物：本任务的页面主题为年货节，根据节日主题点缀物代表所示，页面中可加入灯笼、烟花爆竹、红包等具有春节特色的点缀元素。（5）字体：头部Banner图的主标题字体选用传统韵律感比较强的叶根友毛笔行书，与春节活动背景相呼应。小标题和正文部分选用微软雅黑字体。3. 搜索收集相关素材四、 自定义页面设计通过以上操作，最后设计自定义页面如下：了解不同的排版形式适合何种自定义页页面。认识自定义页面的点缀元素以及适用情况。熟悉自定义页面的设计流程。让学生先行了解自定义页面的排版形式以及其适用情况，为后面的设计奠定基础。以设计案例展示一份优秀的自定义页面设计的流程，帮助学生举一反三。3、学生实训发布实训任务：为网店设计会员活动页任务要求：请把任务一的自定义页面策划方案设计成图片。制作规范：宽1920像素，高2500像素以上，jpg格式。根据上面的知识点，完成网店会员活动页的设计。通过此任务的完成，懂得举一反三设计不同类型的自定义页页面。4、课后小结本节课要掌握的重点：1. 自定义页面的排版形式。2. 自定义页面的点缀元素。3. 自定义页面的设计流程。明白本节课自己要掌握的知识点22任务三 自定义页面上传 一、教学目标1、知识目标（1）分别了解电脑端和手机端自定义页面的上传方法。2、技能目标（1）能灵活上传手机端自定义页面。3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、电脑端和手机端自定义页面的上传方法。教学难点：1、手机端自定义页面的上传以及热区链接的设置。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设问题引入课题展示网店后台电脑端和手机端自定义页面的装修页面提问：网店装修后台电脑端自定义页面的装修页面和手机端的截然不同，那么两个不同端口的上传方法会有所不同么？观察不同端口的自定义页面的装修页面，思考教师问题。激发学生思考，引出课程内容2、新课讲解一、电脑端自定义页面的上传电脑端的自定义页面和首页的装修基础模块大同小异，所以两者的上传步骤大致相同。值得一提的是，在智能版的电脑端装修平台中，自定义页面的某些基础模块新增了同步功能。如图下图所示，宝贝推荐模块、全屏宽图模块、双列图片模块、文本链接模块、图文模块、文本模块、多端轮播模块、全屏轮播模块均能实现电脑端和无线端的同步效果。但目前智能版的同步功能只支持电脑端自定义页面自动同步生成无线自定义页面，不支持从无线端同步到电脑端。 智能版的同步功能方便于将设计好的电脑端自定义页面上传后直接同步生成无线端的自定义页面，能大大地提高店铺的装修效率。二、无线端自定义页面的上传 无线端的自定义页面和首页的装修模块大致相同，但是常规的基础模块有固定的尺寸要求，以及这些模块只能实现一张图对应一个热区链接，对于那些想要实现无线端页面差异化与创意化的店铺来说有一定的设计约束。然而，智能版的无线端装修平台中新增了美颜切图模块，该模块能够帮助买家实现页面的自由排版布局以及一图多热区链接的设置。 美颜切图模块的图片宽度要求750像素，高度最小335像素，最大2500像素，一个页面最多可以添加25个美颜切图模块，且一个切图模块可以添加多个大小范围不一的热区链接（如右下图所示）。美颜切图模块还能选择隐藏模块下方的白色间隙，从而实现页面的无缝连接，增加了卖家在自定义页面发挥无限创意的可能性。自定义页面的上传流程计划1.使用Photoshop切片工具切图YIMI生活日用品店年货节活动专题页涵盖优惠活动信息较多，也就意味着需添加的热区链接也随之较多。在切片前确定热区链接数量一共有15个，切片时切忌把同一个热区链接分开。2.确定页面的上传方法本次任务的活动专题页是放在无线端店铺中，且该页面的热区链接比较多。根据所学知识，智能版无线端装修中的美颜切图模块能实现页面的自由排版布局和单图对应多热区链接的效果，故选择美颜切图模块上传本次任务的活动专题页比较合适。四、任务实施依据课本上任务实施步骤，对自定义页面的上传过程进行演示。通过以上操作，最后设计自定义页面如下：了解电脑端和手机端自定义页面上传的方法并区分两种情况。熟悉自定义页面上传的流程，懂得每一步的制作过程。让学生先行了解电脑端和手机端自定义页面的上传方法。让学生对熟悉自定义页面的上传流程，为后面的任务实施奠定基础。3、学生实训发布实训任务：上传网店设计会员活动页任务要求：要求会员互动页面呈全屏效果，且热区链接准确。制作规范：1920像素，高2500像素以上，jpg格式根据上面的知识点，完成自定义页面的上传。通过此任务的完成，懂得如何上传自定义页面。4、课后小结本节课要掌握的重点：1.电脑端和手机端自定义页面的上传方法。2.手机端自定义页面的上传以及热区链接的设置。明白本节课自己要掌握的知识点 自定义页面总结 一、教学目标1、知识目标（1）温故自定义页面装修的策划、设计与上传流程。2、技能目标（1）能举一反三地策划、设计、上传自定义页面。3、情感目标（1）培养学生积极思考、大胆探索，举一反三的能力。（2）培养学生自主学习、协助学习的能力。二、教学内容分析一个优秀的自定义页面能将商品信息和店铺实力很好地传达给顾客。网店的自定义页面打破了常规页面的局限，给卖家带来了更多的可操作性，越来越多的卖家通过发挥自定义页面的创意来展示店铺的独特性。教学重点：1、温故自定义页面装修的策划、设计与上传流程。教学难点：1、依据情景任务完成自定义页面的策划、设计与上传。三、教学过程设计教学步骤教师活动学生活动设计意图1、新课讲解一、温故知识点（一）自定义页面策划自定义页面又称二级页面，是网店装修中的一个独立页面，目前电脑端和无线端的网店装修后台均可根据需求增添数量不限的自定义页面。自定义页面的主要类型主要包含以下几种：1.活动专题页面2.品牌介绍页面3.会员活动页面4.售后服务页面自定义页面的作用：1.加深消费者访问深度 2.提升店铺转化率 3.提升消费者粘度自定义页面的布局一般来说，无论是哪种类型的自定义页面都由四大部分组成：头部Banner图+楼层模块（至少一个）+背景+氛围点缀物（二）自定义页面设计1）电脑端自定义页面的尺寸宽：950px/1920px高：3000px6000px（仅建议，具体根据页面内容决定）2）无线端自定义页面的尺寸宽：640px/750px（根据无线端装修后台的不同模块尺寸限制决定）高：1500px5000px（仅建议，具体根据页面内容决定）自定义页面的设计原则1.首尾呼应 2.协调统一 3.层次分明自定义页面的色彩搭配1.活动页面常见配色（以暖色为主色调，如红色、橙色、黄色等）2.品牌介绍页的常见配色（一般是挑选能代表该品牌形象风格的颜色）3.会员活动页的常见配色（通常表现为以暖色调为主或能代表品牌形象风格的颜色）4.售后服务页的常见配色（一般以冷色调为主，或者运用非彩色搭配）自定义页面的排版形式1.常规楼层形（应用比较广泛，常用于品牌介绍页或售后服务页）2.“S”形 （适用于不同类型的自定义页面）3.“Z”形 （更适合用于男性化风格的自定义页面）4.“1”字形 （适合追求独特和个性化的自定义页面）5.自由排版形（适合用于高端路线的时尚服饰类目）自定义页面的点缀元素节日点缀物元素春节灯笼、对联、炮竹烟花、红包、中国结、书法字体端午节粽子、龙舟、竹、山水、水墨七夕节爱心、丝带、巧克力、手捧花、情书、花瓣、蝴蝶结中秋节月亮、月饼、玉兔、灯笼、夜空圣诞节雪花、红帽子、圣诞树、雪人、圣诞老人、礼物（三）自定义页面设计1、使用切片工具对做好的自定义页面切片，每张切片的宽度与高度分别控制在750px与335px。2、把每张切片上传到图片空间。3、把上传到图片空间的切片插入到自定义页面中并设置相应的热区链接。重新温故学习情景六的知识点。让学生重新温故知识点，为后面情景考核任务做好充分准备。2、学生实训一、发布情景考核任务：品牌介绍页设计考核目的：了解品牌介绍页的设计方法及步骤，掌握如何为“三年二班”文体店设计一张品牌介绍页面。考核准备：（1）组队：以小组为单位，3-4人一组，并选出一名组长，分配好组员的工作。（2）素材：商品图片若干，见情境考核素材考核任务：完成“三年二班”文体店的品牌介绍页设计，要求包含品牌价值、品牌故事、品牌背书、品牌愿景等内容，排版合理，配色风格能体现店铺品牌特性，能烘托品牌实力。设计规格：以无线端自定义页面尺寸规格为准。任务步骤：1、 明确自定义页面的类型。2、 撰写品牌介绍页策划书。3、 确定品牌介绍页风格配色、排版形式、点缀物、字体。4、 搜集品牌介绍页相关素材。5、 用Photoshop制作品牌介绍页。6、 对制作好的品牌介绍页进行切片。上传并发布品牌介绍自定义页面。任务实施：1） 自定义页面的类型：2） 规划品牌介绍页布局：3） 确定风格配色风格主色辅色4） 确定排版形式：5） 确定点缀物：6） 确定字体：7） 搜集素材。8） Photoshop制作。9） 进行切片。使用合适的上传方法发布自定义页面。二、发布考核评价表根据学习情景六的知识点，完成情景考核任务：品牌介绍页设计。通过此任务的完成，让学生充分掌握自定义页面的策划设计上传全流程。3、拓展训练通过对本情境的学习，请你为自己的店铺分别设计活动专题页、会员活动页、品牌介绍页和售后服务页。为自己店铺设计不同类型的自定义页面培养学生举一反三的知识迁移能力。感谢您的支持与使用如果内容侵权请联系删除仅供教学交流使用