1、能力目标:能力目标:(1)利用利用photoshop制作网站素材。制作网站素材。(2)综合利用所学知识完成案例制作。综合利用所学知识完成案例制作。知识目标:知识目标:(1)掌握规划网站的方法。掌握规划网站的方法。(2)掌握掌握HTML+CSS的网页布局方法。的网页布局方法。任务一任务一 网站建设规划网站建设规划网站总体设计网站总体设计1网站功能结构分析 商城主要有以下功能模块:男装、女装、童装、装备/配件、畅销排行榜,页面结构如图10-1所示。2网站创意分析本网站的主要功能是向消费者传递信息,因此在页面设计结构上无须太过花哨,标新立异的设计和布局未必适合,更应该注重商务性与实用性。在设计时,要
2、采用统一的风格和结构把各页面组织在一起。由于本网站销售的主要商品是运动用品,所以在选择颜色、字体、图形即页面布局时应传达给用户一种阳光、健康、积极向上的主题,并引导他们去关注站点的内容。企业LOGO。以蓝色为主基调色配合红色正好符合网站的主题,在页面设计过程中也将以蓝色为主基调色配合红色使用。网站架构首页每日特价用户登陆产品分类男装上装下装女装上装下装内衣童装上装下装鞋类运动鞋休闲鞋装备/配件箱包袜子护具畅销排行榜任务一任务一 网站建设规划网站建设规划首页设计任务一任务一 网站建设规划网站建设规划子页设计任务一任务一 前期制作准备前期制作准备1.准备图片素材准备图片素材2.创建网站文件结构及站点创建网站文件结构及站点根目录Img主要用于存放网站所需图片Css主要存放网站的CSS文件Page主要存放网站的页面Index.html