第16章dreamweaver.pptVIP

第16章 我的博客 16.1 分析构架 16.2 模块拆分 页面的整体框架有了大体设计之后，对各个模块进行 分别处理，最后再统一整合。 1.导航与Banner 页面的整体模块中并没有将Banner单独分离出来，而仅 仅只有导航的#globallink模块，于是可以将Banner图片 作为该模块的背景，而导航菜单采用绝对定位的方法进行 移动，效果如图： 2.左侧列表 博客的#parameter块包含了该Blog的 各种信息，包括用户的自定义图片、链 接、文章分类、最新文章列表和最新评论 等，我们将这个大块的宽度设定为210px, 并且向左浮动。 3.内容部分 内容部分位于页面的主体位置，将其也设置为左浮动， 并且适当调整margin值，指定宽度 #main{ float:left; position:relative; font-size:12px; margin:0px 20px 5px 20px; width:510px; } 对#main整块进行了设置后便开始制作其中每个子块的 细节，示例如下： 16.3 整体调整 通过各个模块的制作，整个页面已经基本形成，但还 需要对页面效果做一些细节调整，例如各个块之间的 Padding和margin值是否与整体页面协调等等。 另外对于固定宽度且居中的版式而言，需要考虑