网页设计版式布局设计ppt课件.ppt

*版式布局网页骨架这些是web页面的主要元素。有很多不同的方法去组织它们,但是这种布局也许是最常用的。*版式布局Container所有的web页面都用一个container,主要是为了同一个目的:去包含一些页面元素,然而这个方法实现各有不同。例如,body标签或者是最常用的div。甚至于过去常用的table(不要使用table作为你的container,这是一个破方法)。想想container作为你房子的外墙,里面包含卧室,厨房,起居室等等。*版式布局header并不真的是一个特定的元素,尽管某些人会认为它是。它更多是用在涉及到你放置你的logo,导航栏,tagline的web页面顶层的地方。许多人更愿意把这些元素包含在一个div里以方便使页面样式和内容分离。header会被视为一个container,所以它有两种类型选择,就是上文提到的liquid或fixed。*版式布局你的logo是你的身份和品牌。最常用的是把logo放在你header的左上角。我们的阅读****惯是,从左往右,从上至下,所以你的log应该放在访问者第一眼能看到的地方。Navigation页面导航是最重要的元素之一;你的访问者需要用它来使用你的站点。它应该是容易被找到且易用的,这就是为什么大多数的人把它放在header部分,最少也是在页面顶端附近的原因。*版式布局*版式布局navigation类型:Horizontal:水平显示,被称为‘navigation’Vertical:垂直显示,被称为‘menu’*版式布局在网页设计中,网页版式设计主要从以下几方面确立思路:1黄金分割和九宫格理论我们认为视觉的吸引力是基于比例的。几千年来,艺术家,设计师,建筑师等都有意无意的在使用了一个共同的比例来增加他们作品的美感。这个神奇的数字是什么呢?...*