CSS+DIV布局实讲简介.ppt

第一步：规划网站； 第二步：创建html模板及文件目录等； 第三步：将网站分为五个div，网页基本布局的基础； 第四步：网页布局与div浮动等； 第五步：网页主要框架之外的附加结构的布局与表现； 第六步：页面内的基本文本的样式(css)设置。 CSS+DIV布局实讲 夏瑜 第一步：规划网站，将以图示为例构建网站 其基本布局见下图 规划网主要由五个部分构成 1.Main Navigation 导航条，具有按钮特效。 Width: 800px Height: 50px 2.Header 网站头部图标，包含网站的logo和站名。 Width: 800px Height: 150px 3.Content 网站的主要内容。 Width: 500px Height: Changes depending on content 4.Sidebar 边框，一些附加信息。 Width: 300px Height: Changes depending on content 5.Footer 网站底栏，包含版权信息等。 Width: 800px Height: 100px。 第二步：创建html模板及文件目录等 1.创建html模板 代码如下 htmlheadtitleTest/titlelink href=“css/mycss.css” rel=“styleshe