没有合适的资源?快使用搜索试试~ 我知道了~
首页div+css页面布局,新手入门教材,2天学会div+css
第一步:规划网站,本教程将以图示为例构建网站; 第二步:创建html模板及文件目录等; 第三步:将网站分为五个div,网页基本布局的基础; 第四步:网页布局与div浮动等; 第五步:网页主要框架之外的附加结构的布局与表现; 第六步:页面内的基本文本的样式(css)设置; 第七步:网站头部图标与logo部分的设计; 第八步:页脚信息(版权等)的表现设置; 第九步:导航条的制作(较难); 第十步:解决IE浏览器的显示BUG;
资源详情
资源评论
资源推荐

第一步:规划网站,本教程将以图示为例构建网站;
第二步:创建 html 模板及文件目录等;
第三步:将网站分为五个 div ,网页基本布局的基础;
第四步:网页布局与 div 浮动等;
第五步:网页主要框架之外的附加结构的布局与表现;
第六步:页面内的基本文本的样式 (css) 设置;
第七步:网站头部图标与 logo 部分的设计;
第八步:页脚信息 ( 版权等 ) 的表现设置;
第九步:导航条的制作 ( 较难 ) ;
第十步:解决 IE 浏览器的显示 BUG ;

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

其基本布局见下图

规划网主要由五个部分构成
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. 创建 html 模板 代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<title>CompanyName - PageName</title>
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="description" content="Description" />
<meta name="keywords" content="Keywords" />
<meta name="author" content="Enlighten Designs" />
<style type="text/css" media="all">@import "css/master.css";</style>
</head>
<body>
</body>
</html>
剩余53页未读,继续阅读



















安全验证
文档复制为VIP权益,开通VIP直接复制

评论1