项目一茶品网站制作ppt课件.ppt

第一讲项目一：设计制作茶品网站,项目背景与需求,本节主要内容概括,项目分析,项目设计手绘稿,项目设计定稿,第一节 项目背景与需求,背景：某公司需要制作茶品网站。需求： 采用最流行DIV布局方式； 以茶产品介绍为主。 页面布局新颖，色彩艳丽。 页面配色吸睛，设计风格独特。,项目背景与需求,第二节 项目分析,项目分析,1、根据客户的需求，制作本例网站采用DIV布局，实现线上、线下营销。2、布局方式：包括顶部、中部和底部3个部分。3、中部分为左侧、中间和右侧3个部分。4、制作过程中，需注意不同部分的层级关系。5、茶品网站的基调采用绿色。,第三节 项目设计手绘稿,项目设计手绘稿,第四节 项目设计定稿,任务一：页头大图制作,目标任务分解：任务一,任务二：页面版块部分制作,目标任务分解：任务二,任务三：页面版权部分制作与页面组合,目标任务分解：任务三,任务四：知识点梳理总结,目标任务分解：任务四,1、margin:auto页面居中2、background、background-position用法3、float浮动 4、border-top:1px dashed #00ee33;,欣赏篇,亮点在哪里？,作业来啦! （必做）,1、font-family、font-size、color样式用法2、.font样式用法3、background用法4、float浮动 5、margin、padding用法,步骤提示：茶道网站的设计,作业来啦! （必做）,1、产品展示卷轴滚动的应用2、图片导航菜单3、图文混排用法,步骤提示：群英茶业网站的设计,作业来啦! （选做）,作业点评与分享!,