background image

专注网页设计培训、注重实战、更精于小班,教师均为聘请网络公司设计总监,以及经验丰富的
优秀设计师授课。精品小班制、独特教学模式、成就优秀的设计师。

关于文字效果
文字自身属性相关的效果 css 中都是有相对应的样式的,如字号、行高、加粗、倾斜、下划线等,但
是一些特殊的效果,主要表现为 ps 中图层样式中的效果,css 是无能为力的。但是 css 也在不断发展
,在 css3 中已经新增了文字阴影的效果,可惜 IE6、7、8 均不支持。所以,一些比较特殊的文字效果
,依然只能通过图片来实现

在 css 中其实是可以控制文字间距的,但是现实中很少会使用,一方面是很多设计师不知道 css 中有
相应的属性,并且需要使用文字间距的场景也不多,另一方面,浏览器解析文字间距的方式也令这
一属性在某些场景下无法使用,比如在文字居中的时候,实际居中的区域是包含了文字间距的(如
上图),使得在视觉效果上让人无法接受
高中毕业可以学习网页设计吗?http://www.chuandesign.com/index_c_news_m_more_cid_49_id_1834.html
所在当需要在文字中保留一定空间的时候(比如两个字
的按钮),会直接用空格来代替。

不过多知道一种实现文字间距的方法总是好的,虽然目前来看应用场景很少,但是也许某天就派上
用场了。比如 12 号的雅黑文本看上去会感觉密密麻麻的,但是加上一点文字间距,阅读效果就会好
很多。

关于字体
网页里中文文本字体一般都是宋体,不建议使用其他字体,但是其实字体是可以上传到服务器,然
后页面中引用该字体,就解决了用户电脑上没有相应字体的问题。不过很少有人会这么做,为什么
呢?1.浏览器是可以设置忽略网页字体,改用用户设置的字体(IE:工具->Internet 选项->辅助功能)
。2.服务器上的字体是需要加载的,而一个字体一般都几兆,严重影响页面载入速度。所以对于特
殊字体,通常都是做成图片。

关于背景
看看通常一个按钮是怎么拼出来产品类的按钮我们一般都是像 A 这样设计(中间段是横向的重复图
案),而不是像 B 这样,因为产品类的按钮一般都是复用的,可以用两段拼出来一个按钮,而 B 这个
宽度就限死了。

关于渐变、圆角、投影
在 css3 中终于实现了渐变、圆角和投影,不过可惜的是 IE6、7、8 均不支持,但是已经可以在越来越
多的网站中看到新 css 的应用,尤其是按钮,淡淡的渐变,hover 上去有点淡淡的阴影,效果很好,
对于不支持的浏览器,设置一个颜色近似的背景,看到的是单色、直角效果。
主要是表单中文字的上下居中对齐,在 ps 里很简单,但是实现出来却如上图所示的,很难看,要想
对齐,真是件麻烦的事情,没有好的办法。所以不是特别关键的地方,建议就随它去了。

保存为 Web 所用格式

网页上的图片,照片、banner 类一般保存为 jpg,其他的,通常都是保存为 png-8 或 gif(除了动态图
片需要用到 gif,其他场景 png-8 完全可以替代 gif)。对于保存为 png-8 或者 gif 的图片,有时候会看