项目一-茶品网站制作

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