Dreamweaver网页设计与应用（Dreamweaver CC 2019）（微课版）课件 15 电子商务网页

项目引入：近年来，电子商务发展迅速。它是数字化商业社会的核心，是未来商业发展的主流方式。随着时代的发展，不具备网上交易能力的企业可能会失去广阔的市场，以致于无法在未来的市场竞争中存活。本项目以两个类型的电子商务网页为例，讲解电子商务网页的设计方法和制作技巧。项目15电子商务网页了解电子商务网页的功能掌握电子商务网页的设计流程掌握电子商务网页的布局掌握电子商务网页的制作方法项目目标掌握“电子购物平台网页”的关键制作步骤掌握“生活家具网页”的关键制作步骤技能目标培养创新思维和解决问题的能力培养社会责任感和公民意识培养积极向上的乐观心态素养目标任务15.1电子商务网页概述随着互联网技术的飞速发展，电子商务已成为现代购物的主要方式之一。电子商务网页为消费者提供了一个便捷的在线购物平台，涵盖衣食住行等各类商品和服务，用户可以随时随地浏览网页、比较商品然后选择心仪的商品下单，享受高效快捷的购物体验。丰富的商品信息、个性化推荐系统，以及便捷的支付和物流服务，为消费者提供了全方位的购物支持。电子商务网站的兴起，不仅让购物更加便利，也推动了商业模式的创新和消费方式的变革。电子商务网页不仅为商家提供了展示和销售商品的机会，还通过数据分析帮助商家更好地了解市场需求和用户偏好。通过社交媒体和在线评价系统，消费者与商家之间的互动更加直接，用户反馈和体验也促使商家不断优化商品和服务

任务15.2电子购物平台网页任务分析任务效果任务制作

15.2.1任务分析大山是一个致力于为消费者提供优质商品和便捷购物体验的电子购物平台，旨在为广大消费者提供一个安全、便捷、多样化的在线购物环境。通过不断创新和优化，它已经成为消费者信赖的购物平台，为消费者提供了满意的购物体验和优质的服务。在网页制作过程中，使用浅色色调突出平台干练、专业的特点。大山的设计简洁大方，信息呈现清晰，导航便捷，消费者能够快速了解平台的主要功能和最新优惠，是一个符合消费者习惯和期待的购物平台。

15.2.2任务效果本任务将使用“Table”按钮插入表格，以布局页面，使用“Image”按钮插入图像，使用“CSS设计器”面板设置单元格的背景、文字的颜色、文字的大小。效果图

15.2.3任务制作1．制作导航条区域2．制作分类导航区域3．制作潮流推荐和品牌推荐区域4．制作底部区域

任务15.3生活家具网页任务分析任务效果任务制作

15.3.1任务分析艾利佳主要销售沙发/座椅、厨房用具、办公用品、灯具、儿童产品等多个系列的产品。艾利佳作为致力于提供高品质家具设计和定制服务的企业，需要一个专业的网站来展示其独特的设计理念和产品优势，同时与广大消费者进行更直接、便捷的交流。在网页制作过程中，以不同明度的咖色色块作为底色，呈现出简洁而典雅的视觉效果。网页整体结构清晰，分为几个区块，每个区块都有明确的功能和内容。导航条位于页面顶部，提供了快速导航的功能；Banner展示在页面中央，引人注目，呈现最新的产品或特惠活动；人气产品展示以网格或列表形式呈现在Banner图下方，清晰地展示几款优质产品，方便消费者快速浏览和选择。整体页面设计简洁大方，色彩搭配和布局合理，使得消费者能够轻松地获取所需信息，提升了消费者的浏览和购物体验。

15.3.2任务效果本任务将使用“Image”按钮插入图像，使用“属性”面板设置单元格和文字颜色，使用“CSS设计器”面板设置文字的大小、颜色和行距。效果图

15.3.3任务制作1．制作导航条和焦点图区域2．制作当季新品区域3．制作人气产品区域

项目实践—凯瑞洁电器网页效果图使用“Table”按钮插入表格，以布局网页，使用“页面属性”命令控制页面文字的字体、大小和颜色，使用“CSS设计器”面板设置单元格的背景图像、文字大小和行距。