半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

HTML网页设计如何排版

2022-10-06 23:55:09 暂无评论 272 网站建设 标记   布局   语言

現在比较流行用 axurerp 这个软件做排版的比较,平常用的就是dreamweaver 排版,当然比较牛逼了 用记事本也能排。

网页设计(含html,三剑客)设计说明书,怎样写呢

这个和3剑客摸得关系哈!也不叫说明书,应该叫《XXX网站页面策划书》主要写网站的功能,页面的亮点,导航,子页面,如果有后台功能、数据库,也可以一起写上,最后就是价格,这个最后写,也是必须的,而且不是说总共多事就直接说多少,以一项一项的介绍,

例如:首页------120元

子页面---60元*N个

·

·

·

fash------90元*N个

希望采纳,详细了解加Q675475257

用HTML语言设计网页,怎么用TABLE标记来布局页面

  许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。

但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实现的,有用JS控制使高度相等的,还有采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。
  

其实有个简单的方法,使用display:table, display:table-row and display:table-cell 就可以实现,而且高度小的容器会自适应那些高度相对较高的,但是IE不支持这个属性,我们先不用去责备IE,相信以后会有所改善的。
  这里我制作了一个模型。

先看看xhtml的结构:

<div class=equal>

<div class=row>

<div class=one></div>

<div class=two></div>

<div class=three></div>

</div>

</div>

很简单不用解释就能看懂,但是这里给出一个table的结构,是不是很相似

<table>

<tr>

<td></td>

<td></td>

<td></td>

</tr>

</table>

下来是css:


  equal {

display:table;

border-collapse:separate;

}

。row {

display:table-row;

}

。row div {

display:table-cell;

}


  row 。one {

width:200px;

}

。row 。two {

width:200px;

}

。row 。three {

}

解释:

1。dispaly:table;让层。equal作为块级元素的表格table显示,也就是将他作为一个表格

2。
  border-collapse:separate;边框独立,就像表格没有合并单元格以前

3。display:table-row;将。row作为表格行tr显示

4。display:table-cell;将。row的下级div作为表格单元格td显示

5。
  然后定义宽度

这里还使用了 border-spacing:10px;来区别几个盒子,正如上面所陈述的,IE下不能正常显示,但是在:Mozilla 1。6, Opera 7。50, Safari 1。2。2, Firefox 0。8, OmniWeb 5b, Camino 0。
  8b, and Netscape 7。1经过测试均可以完美显示。

随机文章


    Warning: require(): open_basedir restriction in effect. File(/www/wwwroot/bdxc.net/e/class/connect.php) is not within the allowed path(s): (/www/wwwroot/www.bdxc.net/:/tmp/) in /www/wwwroot/www.bdxc.net/1.php on line 4

    Warning: require(/www/wwwroot/bdxc.net/e/class/connect.php): failed to open stream: Operation not permitted in /www/wwwroot/www.bdxc.net/1.php on line 4

    Fatal error: require(): Failed opening required '/www/wwwroot/bdxc.net/e/class/connect.php' (include_path='.:/www/server/php/56/lib/php') in /www/wwwroot/www.bdxc.net/1.php on line 4