导航:首页 > 万维百科 > 网页设计div布局教案

网页设计div布局教案

发布时间:2021-01-02 21:15:47

1、网页设计 DIV+CSS

肯定要裁剪的,但不说裁剪好往dw里倒,文字还要单独的div+css定位写在背景上

定位的时候尽量用div+css定位框架

table用来存数据更合适的

2、网页设计的一个问题。使用div+css不能成功布局.div布局设计如图所示.

给你个大概的思路,因为没有代码也不好分析你那里出问题了
你A没问题,我们就不管他了
做B的时候你先用一个总的DIV,然后把你的B1 B2 B3都写在B里面,记得给浮动,这样就OK了
下面是代码
.B{width:980px; height:500px; float:left;}
.B1{width:500px; height:500px; float:left;}

.B2{width:480px; height:250px; float:left;}

.B3{width:480px; height:250px; float:left;}

<div class="B">
<div class="B1"></div>
<div class="B2"></div>
<div class="B3"></div>
</div>

3、求一个网页制作高手用div+css做一个网页布局 急 谢谢!!!!!!!!!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#containt{ height:530px; width:400px; margin:0 auto; border:1px solid #000000;}
#top{ height:100px; width:380px; margin-top:7px; margin-left:9px;}
#top_left{ height:100px; width:138px; float:left; border:1px solid #000000; border-right:none;}
#top_right{ height:100px; width:238px; float:left; border:1px solid #000000;}
#content{ height:50px; width:380px; margin-top:5px; margin-left:9px; border:1px solid #000000;}
#bottom{ height:350px; width:380px; margin-top:5px; margin-left:9px;}
#bom_left{ height:350px; width:138px; float:left; border:1px solid #000000;}
#bom_right{ height:350px; width:235px; float:left; border:1px solid #000000; margin-left:3px;}
.b_r_div{ height:100px; width:68px; margin-left:6px; float:left; margin-top:5px; border:1px solid #000000;}
#b_r_bottom{ height:120px; width:225px; margin-left:5px; float:left; margin-top:5px; border:1px solid #000000;}
</style>
</head>
<body>
<div id="containt">
<div id="top">
<div id="top_left"></div>
<div id="top_right"></div>
</div>
<div id="content"></div>
<div id="bottom">
<div id="bom_left"></div>
<div id="bom_right">
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div class="b_r_div"></div>
<div id="b_r_bottom"></div>
</div>
</div>
</div>
</body>
</html>

4、网页设计中采用div+css布局,这里的DIV是什么意思?

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。
DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。

5、网页制作用div怎样布局?

要如何布局,你可以把DIV想象成一块一块,加上height和width,然后在加上背景颜色,就可以看出来回了,然后加上float、position等方答式移动到你想要的位置,就可以了!

网页总体的布局的方法就是这样的,如果要在一个块里面放置元素,这个可以去学习理解盒模型的知识,希望帮助到你!

6、求网页设计作业!需要用Div+Css布局。关于个人网页的制作,有代码,至少六个页面组成。要求有学号

六页面。。。
要求多,
分低
看看楼下谁接活^_^

7、网页设计作业div+css

我有大二时做的dreamweaver的网页作业。有20份作业的源文件。任你挑选。
邮箱我就不单独发回了,为了方便大家答下载参考。
我把网页作业源文件打包上传到我的百度网盘。可以直接下载,不需要注册,也不需要积分。
网盘的下载地址,公布于本人的百度空间的文章中。
找不到或者有什么问题的可以私信我
以上回答你满意么?

与网页设计div布局教案相关的知识