《[第07章HTM网页布局设计.pptVIP

第7章 HTML网页布局设计 7.1 网页布局类型 7.2 使用布局模式 7.3 应用框架布局网页 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.1　“国”字型 7.1 网页布局类型 “国”字型布局是一种常见的网页布局类型。这种布局类型是在网页的上下各设计一个通幅广告条，左面是主菜单或导航条，右面是友情链接或其他链接的内容，中间是网页的主要内容。这样布局可以充分利用网页的版面，信息量大。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.2　“厂”字型 7.1 网页布局类型 “厂”字型布局是在网页的上部放置Logo和Banner，在网页的左边放置导航条与其他链接，在网页的右下方放置网页的主要内容。这种布局的好处是网页的各个部分布局非常集中，可以在一个区域突出网页的重要内容。网页中的内容主次分明，很有层次感。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.3　“框架”型 7.1 网页布局类型 “框架”型布局是指以框架网页的形式实现网页的布局。框架网页的功能是将浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。这样框架就可以实现网页的布局。与其他的网页布局类型不同的是，其他的网页布局都是在一个网页上实现。而框架布局是在几个不同的网页上实现布局，然后通过框架网页集合在一起。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.1.4　“封面”型 7.1 网页布局类型 “封面”型布局一般出现在网站的首页，页面上通常是一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”链接，甚至直接在首页的图片上设计链接。“封面”型布局的网页结构常常很简单，需要使用精美的封面效果来体现网页的内容。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.2.1 在布局模式下绘制表格 7.2 使用布局模式 1．切换布局模式 2．绘制布局表格 3．绘制布局单元格 4．绘制嵌套布局表格 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.2.2 设置布局表格 7.2 使用布局模式 1．设置布局表格的大小 2．设置布局表格自动伸展 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.2.3 设置布局单元格 7.2 使用布局模式 1．设置布局单元格的位置 2．设置布局单元格内容的格式 3．为布局单元格添加间隔图像 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.2.4 课堂实例——用布局表格设计网站主页 7.2 使用布局模式 1．绘制网页顶部布局 2．布局网页主体部分布局 3．绘制网页底部布局 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 7.3.1 课堂实例—