网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

作者： 北京网站建设   日期：2008-03-27 06:04:51  来源： http://www.qitongnet.com

接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用 www.qitongnet.comDIV也可以实现。技术有一个成熟的过程，把DIV 北京网页设计看成和TABLE一样的工具，如何运用就看你的想象力了。

　　注：在实际应用过程中，DIV在有些地方的确不如表格方便，比如背景色的定义。但任何事情都有得有失，取舍在于你的价值判断。好，不罗嗦了，我们开始：

1.确定布局

　　w3cn的最初设计草图如下：

　　用表格的设计方法的话，一般都是上中下三行布局。用DIV的话，我考虑使用三列来布局,成为这样。

2.定义body样式 北京网站设计

　　先定义整个页面的body的样式,代码如下：

body { MARGIN: 0px;网页设计
PADDING: 0px; 网站设计 网页设计
BACKGROUND: url(../images/bg_logo.gif) #FEFEFE no-repeat right bottom;北京网页设计
FONT-FAMILY: 'Lucida Grande','Lucida Sans Unicode','宋体',' 北京网站制作新宋体',arial,verdana,sans-serif;网页设计
COLOR: #666; 企通互联网站制作 网站制作
FONT-SIZE:12px;企通互联
LINE-HEIGHT:150%; }

网站设计　　以上代码的作用在上一天的教程有详细说明，大家应该一看就明白。定义了边框边距为0；背景颜色为#FEFEFE，背景图片为bg_logo.gif，图片位于页面右下角，不重复；定义了字体尺寸为12px；字体颜色为#666;行高150%。