WEB开发网
开发学院图形图像PhotoShop Photoshop把PSD网站模板切图为XHTML+CSS的网页 阅读

Photoshop把PSD网站模板切图为XHTML+CSS的网页

 2009-03-09 19:30:29 来源:WEB开发网   
核心提示: 小的评论气泡,箭头,Photoshop把PSD网站模板切图为XHTML+CSS的网页(4),rss标志和电子邮箱图标等,都随着logo一起单独的导出即可,网站名字用H1的标签来控制,他也是logo的基础,最好使用png格式这样适应性更强——当然如果你确定放弃给ie6

Photoshop把PSD网站模板切图为XHTML+CSS的网页

小的评论气泡,箭头,rss标志和电子邮箱图标等,都随着logo一起单独的导出即可,最好使用png格式这样适应性更强——当然如果你确定放弃给ie6的用户使用或者浏览的话。

Photoshop把PSD网站模板切图为XHTML+CSS的网页

现在概念设定已经完整的被分成了独立的图片,五部分的框架被拆分成了13个图片文件。他们一共才95Kb,这么来看即使是拨号网络也能比较流畅的观看网页了。

Photoshop把PSD网站模板切图为XHTML+CSS的网页

一个html网页设置控制结构的布局是必须的,上面那段话你没必要自己写,随便查看一个网页的源文件都能找到。一个单独的css样式表是将包括视觉规则的设计。然后让html文件链接到这个新建的css样式表文件。

Photoshop把PSD网站模板切图为XHTML+CSS的网页

我们将内容和背景放到一个含有ID的div的容器里面。不过要记得我们有一个浅色的背景在最后面需要垂直重复的说,直到CSS3才更广泛的支持第二个div在这个图像之上。

网站名字用H1的标签来控制,他也是logo的基础,上部导航和rss /电子邮件订阅选项是作为无序列表。

上一页  1 2 3 4 5 6 7  下一页

Tags:Photoshop PSD 网站

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接