<style>
@font-face {
font-family:'dabiaosong'
src: url('方正准圆繁体.ttf') format('truetype')
}
</style>
PSD 就是网页设计图,而 CSS+DIV 则属于网页代码方面的,网页制作就是把平面设计图转化为网页的形式。1. 设计图要区分好背景和文字,一般除了广告图里面的文字以外全部文字都不作为背景,背景有底面背景、模块背景、头部背景、导航栏背景、和一些按钮图标,每一处的背景都要将上层文字隐藏,然后把每一块都切片,一个图大约有几十个背景图片。
2. 切片的技巧,切片后,保存为 Web 应用格式,一般的背景图片可以用 GIF 格式存储,可调节颜色数量(只有黑白两种颜色就选择2),这样图片文件较小;而广告图就用 JPG 格式存储,品质8左右就足够了。
3. CSS+DIV :一个是用 div 布局,技巧很多,例如,一般网站都按照头部—中部—尾部三大块布局,还有“先上下后左右”的原则布局;另一个就是用CSS控制样式,元素样式完全使用样式表控制,样式表技巧更多,表分类可以分开全局样式表、首页样式表、栏目页样式表,另外有解决浏览器兼容问题的元素默认样式,还有公共类样式,例如 .w980 代表宽度为980px的网页 .hot 热门词加个深一点的颜色,等等。