“细节决定成败”这句话不管放到哪个行业都是真理,把这句话放在
网页设计当中更是颠扑不破的真理。我们的眼睛和感觉总是非常敏锐的,即使是完全不了解
整站网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个。如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是:“很大一部分原因是因为优秀的设计作品总是充满了丰富的细节。而一个
网页设计师需要做的就是把这个网站的内容,以更加方便,更加简洁的方式在网页上体现出来。
不同的网页设计师设计出来的页面,所表达的方式也会相差很大。但是他们的基本设计框架却相差不大,只是在设计的表达方式上体现的不同。而我们现在需要掌握的就是这个
整站网页设计的基本框架的知识,只有把自己的基础建设好,那么我们以后才可以创作出令用户喜欢的作品。
在前面说了这些,主要是提醒各位,想要做一个合格的网页设计师那么久要把基础打牢。今天讲解的知识有些凌乱,并且都是一些细节性的知识。希望大家可以多做了解网页设计时的注意点,也许以后你会经常用到。
有些页面的内容,为了更加吸引用户的视觉,他们会把内容的首字以特殊的形态表达出来。这个方法就是首字下沉,首字下沉也是属于伪类中的一部分,可以直接通过CSS样式表向某个选择器中的文本首字母添加特殊的样式,以体现出不同的表达形式。而这个为元素的代码体现形式为:first-letter。也可以直接操作,设置first-letter 的CSS规则。
再在这里讲解一下ul无序与ol有序链表。是以ul包含li的形式,默认每行前的符号是圆点,可以通过样式表改为无、方块,空心圆等。在链接中,有序列表是以ol包含li的形式,是以数字为项目符号的, 对比原理的运用无序列表也可以用CSS定义显示成有序列表。
在网站设计过程中,对齐条目最快,最简单的方法就是使用网格。至于什么样的网格类型和大小的使用效果最佳,这并没有固定的规则。不过,有些类型的网格结构确实有助于达到理想的排列效果。网格是由水平和垂直方向的直线交错形成的均匀小方框,类似于你上几何课用的网格纸。网格可用来进行定位和元素大小的调整,另外,柱状网格也是不错的选择。当然,自己创建网格或下载事先制作好的模板也是可行的。
在这里在介绍一下背景图片的CSS缩写,在这里举个缩写后的例子:#menu ul li a { background:#ccc url(images/nav_bg2.gif) 0 0 no-repeat; }。在代码中的#CCS代表的是背景的颜色,而url()中表示的是背景图片的路径,在这里体现一下这个缩写与padding的缩写是有所不同的,千万不要弄混。
以上这些技巧都是我自己看来学来的,在这里希望需要的人可以学会它。有很多好的
整站网页设计,能经得时间与多人的考验,那都是很多细节来构成的。这些细节尽管你觉得看不到,但是它却为成功的设计打下坚实的基础。