网页设计与制作流程.ppt

,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,网页设计与制作流程,2.1,网站总体设计,在建设网站之前，要对自己的网站有一个总体的策划和设计，明确网站的主题。,根据主题确定网站的风格、色彩、层次等内容。,2,2.1.1,主题的定位和内容的选择,1,、主题精干,3,2.1.1,主题的定位和内容的选择,2,、题材新颖,4,2.1.1,主题的定位和内容的选择,3,、内容熟悉,5,2.1.1,主题的定位和内容的选择,4,、贴切实际,6,2.1.2,网站名称的选择,1,、名称合题,7,2.1.2,网站名称的选择,2,、特色鲜明,8,2.1.2,网站名称的选择,3,、简单易记,9,2.1.3,网站整体风格和创意设计,1,、网站的风格,风格是非常抽象的概念，往往要结合整个站点来看。,风格永远是为主题服务的，也就是要让它起到衬托主题的作用。,10,2.1.3,网站整体风格和创意设计,11,2.1.3,网站整体风格和创意设计,12,2.1.3,网站整体风格和创意设计,13,2.1.3,网站整体风格和创意设计,2,、网站的创意设计,如果选取了现在网络中比较广泛的主题，推出不同的创意就是站点生存和发展的关键。,准备期,孵化期验证期形成期,14,2.1.4,网页的色彩搭配,1,、色彩搭配的原则,1,）了解网站要传达的信息,15,2.1.4,网页的色彩搭配,2,）了解网站的访问群。,16,2.1.4,网页的色彩搭配,3,）在文字的部分使用对比色。,17,2.1.4,网页的色彩搭配,4,）不要使用过多的颜色。,18,2.1.4,网页的色彩搭配,2,、常见的配色方案,1,）暖色调,19,2.1.4,网页的色彩搭配,2,）冷色调,20,2.1.4,网页的色彩搭配,3,）对比色调,21,2.1.5,网站的层次结构,22,2.1.5,网站的层次结构,23,2.1.6,页面布局设计,1,、网页布局原则,1,）中心突出、主次分明,2,）搭配合理、前后照应,3,）图文并茂、相得益彰,24,2.1.6,页面布局设计,25,2.1.6,页面布局设计,2,、常见布局形式,1,）国字型布局,26,2.1.6,页面布局设计,2,）厂字型布局,27,2.1.6,页面布局设计,3,）封面型布局,28,2.2,设计和制作素材,搜集内容资料,制作网站标志、宣传标语,制作图片、动画,整理需要的特效代码,29,2.3,制作网页,创建站点,创建,CSS,样式,制作网站首页,制作网站其他页面,30,2.4,测试和发布站点,测试站点,发布站点,31,谢谢观赏,