HTML-CSS-DIV网页设计与布局第章--网页布局与设计技巧.pptxVIP

第13章网页布局与设计技巧

?在前面的章节里，介绍了HTML与CSS的基础知识，这些基础知识;13.1网页布局

?网页布局是指网页整体的布局，虽然网页的内容是很重要的，但是;13.1.1网页大小

?设计网页的第一步，需要考虑的是网页的大小。网页过大，浏览器;13.1.2网页栏目划分

?在确定网页大小之后，就可以开始设计网页的布局了。网页布局是;13.1.2网页栏目划分

?下图所示是一个完整的网页。;13.1.3表格布局

?在CSS出现之前，都使用表格来对网页进行布局的。在使用表格布;13.1.3表格布局

?;的属性，这些代码使得网页的源代码可读性大大降低。

格里可以放置网页的一个栏目。

局时，利用了表格的无边框和间距的特性（将表格的边框与单元格

这些元素组合起来可以形成一个完整的

间距都设为零），然后再将网页元素按版面需要进行划分之后，插

这些元素组合起来可以形成一个完整的

?一栏布局，是一种最简单的布局方式。

?设计网页的第一步，需要考虑的是网页的大小。

?一栏布局，是一种最简单的布局方式。

?一栏布局，是一种最简单的布局方式。

的属性，这些代码使得网页的源代码可读性大大降低。

?下图所示是一个完整的网页。

中所有内容都以一栏方式显示，如图13.

一个良好的网页，尤其是网站的首页（即网站的第一个页面），都

?一栏布局里，宽度都是一样的，对于这种情况，只需要使用一个简;13.1.3