《项目一茶品网站制作ppt课件.ppt》由会员分享,可在线阅读,更多相关《项目一茶品网站制作ppt课件.ppt(31页珍藏版)》请在三一办公上搜索。
1、第一讲项目一:设计制作茶品网站,项目背景与需求,本节主要内容概括,项目分析,项目设计手绘稿,项目设计定稿,第一节 项目背景与需求,背景:某公司需要制作茶品网站。需求: 采用最流行DIV布局方式; 以茶产品介绍为主。 页面布局新颖,色彩艳丽。 页面配色吸睛,设计风格独特。,项目背景与需求,第二节 项目分析,项目分析,1、根据客户的需求,制作本例网站采用DIV布局,实现线上、线下营销。2、布局方式:包括顶部、中部和底部3个部分。3、中部分为左侧、中间和右侧3个部分。4、制作过程中,需注意不同部分的层级关系。5、茶品网站的基调采用绿色。,第三节 项目设计手绘稿,项目设计手绘稿,第四节 项目设计定稿,
2、任务一:页头大图制作,目标任务分解:任务一,任务二:页面版块部分制作,目标任务分解:任务二,任务三:页面版权部分制作与页面组合,目标任务分解:任务三,任务四:知识点梳理总结,目标任务分解:任务四,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、图文混排用法,步骤提示:群英茶业网站的设计,作业来啦! (选做),作业点评与分享!,