汽车新媒体营销实务（微课版） 教案 项目二任务三 网站设计工具教学设计2课时

任务三网站设计工具（2课时）一、教学重难点教学重点：汽车网站三种类型的特征及区分（结合文档案例）、凡科网制作汽车网站的核心步骤（参考文档图2-2-4至2-2-21）。教学难点：网站类型与汽车营销目标的精准匹配（如“在线销售”对应直销网站）、凡科网操作中模块布局与用户体验的协调（如banner尺寸适配、产品分类逻辑）。二、教学设计第一课时（40分钟）：汽车网站的意义与类型认知1.任务导入：从实际营销场景切入（7分钟）情境还原：教师展示4S店真实案例：“某品牌新上市SUV，因未建官网，客户只能通过电话咨询配置，导致30%客户因‘信息不透明’流失。而竞品通过官网展示3D车型图和在线预约，到店率提升40%。”问题链设计：“为什么官网能影响客户决策？”“除了展示车型，官网还能做什么？”引出核心：“今天我们从‘为什么要做’（意义）、‘该做哪种’（类型）、‘用什么做’（工具）三个维度，系统学习汽车网站的设计与制作。”2.搭建汽车网站的六大意义（12分钟）结合文档逐一解析，每个意义配套“案例+数据”：市场推广与销售：案例：“汽车之家‘在线预约试驾’功能，让用户点击即可留资，单月为经销商带来200+有效客资（文档核心意义1）。”强调：“官网是24小时不打烊的‘获客入口’。”客户互动与服务：案例：“某4S店官网‘保养预约’模块，将客户等待时间从2小时缩短至30分钟，满意度提升50%（文档核心意义2）。”品牌建设与传播：展示奔驰官网“品牌历史”栏目截图：“通过百年历程图文，传递‘高端可靠’的品牌形象，增强用户信任（文档核心意义3）。”数据分析与调研：举例：“官网后台显示‘18-30岁用户停留时间最长的页面是新能源车型’，据此调整首页推荐，点击量提升35%（文档核心意义4）。”降低成本与提效：数据：“某4S店用官网替代纸质宣传册，年节省印刷费8万元，人工接听咨询量减少40%（文档核心意义5）。”适应数字化转型：对比：“2023年汽车线上成交量占比达28%，无官网品牌将错失近三成市场（文档核心意义6）。”即时检测：“‘通过官网收集客户对车型颜色的偏好’，体现了网站的哪项意义？”（引导学生答“数据分析与调研”）3.汽车网站的三种类型及特征（18分钟）对比教学：用“表格+截图+场景”三维解析（对应文档表2-2-1至2-2-3及图2-2-1至2-2-3）：汽车门户网站截图展示：网易汽车首页（图2-2-1），标注“新闻资讯、多品牌车型库、降价榜”核心板块。特征提炼（结合表2-2-1）：“大而全”：涵盖行业新闻、评测、导购（如“轩逸优惠价6.98万”等报价信息）。用户定位：“想对比多品牌、了解行业动态的‘泛用户’”。典型案例：“网易汽车、新浪汽车，相当于‘汽车行业百科全书’”。汽车垂直网站截图展示：汽车之家首页（图2-2-2），突出“论坛、二手车、养车服务”板块。特征提炼（结合表2-2-2）：“小而精”：深耕选车→买车→用车全链条，如“车型对比、车主口碑”。互动性强：“论坛日均发帖量10万+，用户分享购车心得（文档核心特征2）”。典型案例：“汽车之家，相当于‘汽车行业专卖店’”。汽车直销网站截图展示：特斯拉官网（图2-2-3），演示“在线选配置（如ModelY车漆颜色、轮毂）→下单支付”流程。特征提炼（结合表2-2-3）：“直接成交”：价格透明（如“ModelY后轮驱动版31.09万”）、支持个性化定制。服务闭环：“从看车到付款全在线，部分品牌支持‘线上下单+线下提车’（文档核心特征1）”。典型案例：“特斯拉、蔚来官网，相当于‘线上4S店’”。分组任务（5分钟）：场景卡：“某新能源品牌想让用户直接在线定制车型并付款”“某平台想聚合多品牌资讯和评测”。任务：每组选1个场景，匹配网站类型并说明理由（参考打印版对比表）。反馈：教师点评，强调“类型匹配营销目标”（如“定制付款”→直销网站）。4.第一课时小结（3分钟）知识线：“意义（为什么做）→类型（该做哪种）”。衔接：“明确了做什么，接下来学习‘用什么做’——凡科网如何快速制作汽车网站。”第二课时（40分钟）：凡科网制作汽车网站实操1.工具认知：凡科网的优势与准备（5分钟）工具定位：“凡科网是零基础建站工具，提供汽车行业专属模板，支持一键添加产品、互动功能，30分钟即可生成官网（文档核心工具描述）。”界面预览：展示凡科网首页：标注“免费注册、凡科建站、行业模板”入口（对应图2-2-4至2-2-5）。强调：“今天我们以‘好美汽车美容装饰’为例，制作服务类官网（文档实操案例）。”2.分步实操：凡科网制作流程（30分钟）任务：制作包含“首页banner、产品展示（内饰清洗/贴膜）、联系我们”的汽车美容官网，全程参考文档图2-2-4至2-2-21。注册与模板选择（7分钟）步骤拆解：注册登录：百度搜索“凡科网”→点击“免费注册”→用手机号验证登录（图2-2-4）。选择模块：点击“凡科建站”→“更多行业”→搜索“汽车服务”→筛选“汽车美容”模板（图2-2-5至2-2-6）。关键提示：“模板需匹配业务——美容店选‘清新简约风’，突出服务场景而非车型。”学生操作：教师巡视，解决“模板筛选无结果”（重新搜索“汽车”）、“注册失败”（检查手机号）等问题。基础信息编辑（8分钟）网站名与banner：浏览器标题：点击“设置→基础设置”→输入“好美汽车美容装饰官网”（图2-2-14）。banner设计：鼠标悬停banner区域→“编辑横幅”→上传素材包“内饰清洗前后对比图”→添加文字“30分钟内饰焕新，到店立减50元”→选择“淡入”动画（图2-2-15）。易错点：“banner图片尺寸建议1920×500像素（文档提示），避免拉伸变形。”导航栏优化：保留“首页、产品展示、联系我们”，删除“新闻动态”等冗余栏目。产品展示模块制作（10分钟）步骤拆解（对应图2-2-18至2-2-20）：产品参数设置：点击“产品→产品参数→添加参数”→输入“服务时长、适用车型、价格”。分类创建：“产品→产品分类”→新增“内饰护理”“外观贴膜”（图2-2-19）。添加产品：点击“新增模块→产品展示→列表式”→上传“真皮座椅养护”图片→输入名称、价格（299元）、参数（时长2小时）→关联“内饰护理”分类。教师指导：重点解决“产品图片不清晰”（替换高清素材）、“分类混乱”（按“服务场景”而非“价格”分类）。互动与样式优化（5分钟）互动功能：点击“模块→互动→留言板”→添加“姓名、电话、服务需求”输入框（图2-2-21），放置“联系我们”页面。样式调整：点击“样式→主题”→选“蓝色系”（体现“干净专业”）；设置“顶部固定”（方便用户滚动时查看导航）。3.预览、发布与点评（5分钟）发布流程：点击“预览”→分别查看电脑端/手机端→修改“文字错位”“图片变形”→“保存→发布”→生成链接。作品点评：亮点案例：“某同学的banner用了对比图，突出服务效果；产品分类清晰。”改进点：