正在阅读:PS把PSD网站模板切图为XHTML+CSS的网页PS把PSD网站模板切图为XHTML+CSS的网页

2009-03-20 14:20 出处: 作者:网页教学网 责任编辑:zengxiaolan

  我们将内容和背景放到一个含有ID的div的容器里面。不过要记得我们有一个浅色的背景在最后面需要垂直重复的说,直到CSS3才更广泛的支持第二个div在这个图像之上。
  网站名字用H1的标签来控制,他也是logo的基础,上部导航和rss /电子邮件订阅选项是作为无序列表。

PS把PSD网站模板切图为XHTML CSS的网页  
图16

  接下来开始用CSS重新构建页面,清除浏览器的默认设置。背景图像是附属于body和全局字体风格的设置。容器,内容和页脚的div也要使用适当的背景图片和风格设置。

PS把PSD网站模板切图为XHTML CSS的网页 
图17

  继续写CSS样式表,接下来的一些元素用代码写出来慢慢加上,建立一个无序列表然后加上合适的图片和颜色。

PS把PSD网站模板切图为XHTML CSS的网页 
图18 

  到目前来讲就可以在浏览器里面看看啦~基本上的大型已经出来啦~logo啊导航啊内容区啊基本上已经颇具雏形鸟。

PS把PSD网站模板切图为XHTML CSS的网页  
图19

  接下来是在这个框架上渐渐丰满起来,用一个容器来搞定文章发布区,就像我们前面说的一样,这个地方我们不用图片只需要用代码就能搞定。

PS把PSD网站模板切图为XHTML CSS的网页  
图20

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品