CSS混沌初开IV:页面DIV布局解构
合理的组织CSS和XHTML,让最终出炉的网页具有更好的灵活性和可访问性。我们必须明确几个问题,比如设计好的界面应该划分成几块?每块对应网页中的哪部分内容?只有对这些问题有了概念之后,我们才能开始进行切片和导出的操作。
合理的组织CSS和XHTML,让最终出炉的网页具有更好的灵活性和可访问性。我们必须明确几个问题,比如设计好的界面应该划分成几块?每块对应网页中的哪部分内容?只有对这些问题有了概念之后,我们才能开始进行切片和导出的操作。
一个系列教程,分八个部分讲解一张完整CSS页面的构建过程。虽然它不是每个步骤都解释得非常详细,但是其中提及的很多技巧和经验都很值得初学者借鉴,从界面设计到页面构建,强调了很多细节的设计理念。
一是如何正确选择导航菜单中所涉及的颜色,虽然它没有很多的技术含量,但使用的颜色是否恰当,与后期出来的效果是有很大影响的;另外一部分主要是关于页面背景的,侧重于制作背景图片素材时的一些细节问题。
现在开始我们将学习如何一步一步的构建一张CSS页面。本教程分成以下几个部分:第一讲主要是关于如何在PS中制作导航按钮素材;第二部分主要针对的内容是背景,接着是页面的整体布局以及顶部解析,最后一部分是如何整合CSS和XHTML。
多数2.0风格的网站都会适当的使用微妙的3D效果来提升用户对设计质量的体验,我们都知道这些细节有很好的辅助作用,但是我们可能不知道其中的奥妙。诸如投影、斜角、倒影之类的视觉设计,使得网站的外观看起来更加贴切、实在以及“完美”。
对LINK标签而言,剩下的就是其属性和值了,而它们都很简单。REL是”关联”的意思,在这里就是指关联”样式表”。TYPE总是设置成text/css,这个值描述了使用LINK标签载入的数据类型。
如果你准备在网站中运用强烈的色彩,还必须要记住一点,就是色块之所以能吸引注意力,是因为页面中大部分的区域都不具备或者说避免了强烈色彩的运用,简单点说就是使用色彩时要保持节制。