好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css+div十步建站(一二步)_html/css_WEB-ITnose

第一步:规划网站,本教程将以图示为例构建网站;

基本布局

规划网主要由五个部分构成

1.Main Navigation 导航条,具有按钮特效。

Width: 760px Height: 50px

2.Header 网站头部图标,包含网站的logo和站名。

Width: 760px Height: 150px

3.Content 网站的主要内容。

Width: 480px Height: Changes depending on content

4.Sidebar 边框,一些附加信息。

Width: 280px Height: Changes depending on content

5.Footer 网站底栏,包含版权信息等。

Width: 760px Height: 66px。

第二步:创建html模板及文件目录等;

1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



CompanyName - PageName






@import "css/master.css";



将其保存为index.html,并创建文件夹css,images,网站结构如下

2.创建网站的大框,即建立一个宽760px的盒子,它将包含网站的所有元素。

在html文件的 和 之间写入


Hello world.

查看更多关于css+div十步建站(一二步)_html/css_WEB-ITnose的详细内容...

  阅读:34次