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

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

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

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

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

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

文章共6页: [
1] [
2] [
3] [
4] [
5] [
6]
更多的如何把PSD文件制作成XHTML+CSS文件请到论坛查看: http://BBS.TC711.COM
【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】
来源:
互联网
日期:2009-4-23