导航:首页 > 万维百科 > 网页中心框设计代码

网页中心框设计代码

发布时间:2020-11-30 00:52:09

1、网页设计用javascript实现弹出对话框的一个示例

看你想怎么样了,只是弹出一个对话框提示消息的话,就用alert(msg),msg 是提示信息 ;
confirm 也是弹出一个对话框,但是它弹出的一个包含"确定"与"取消"的对话方块. 如果用户按下了确定,返回true;或者按下了取消,返回false
示例如
<body>
<script type="text/javascript">
alert("这是弹出框")
confirm("你今天开心吗")
</script>
</body>
</html>

2、帮帮忙设计一个论坛登陆框的html代码

<html>
<head>

<title>无标题文档</title>
<style type="text/css">
a:link,a:visited{
width:60px;
color:#000000;
}
}
.div1{
width:300px;
border:1px solid #999999;
height:150px;
text-align:center;
padding:
}
.dvi2{
width:300px;
background-color:#3399CC;
padding:1px;
color:#FFFFFF;
}
.btn{
width:150px;
border:1px solid #666666;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
</style>
</head>
<body>
<form action="" method="post" name="form1" target="_blank" id="form1">
<div style="text-align:center">
<div class="dvi2">用户登陆</div>
<div class="div1">
<br />
帐号:
<input name="textfield" type="text" class="btn" />
<br />
密码:
<label>
<input name="textfield2" type="password" class="btn" />
</label>
</p>
<p>
<input type="submit" name="Submit" value="登陆" />
<a href="#">注册</a> </p>
<p><a href="#" target="_blank">以游客方式登陆</a></p>
<p> </p>
</div>

</div>
</form>
</body>
</html>

3、网页设计:用DW怎么布局网页的样式或框架,网页设计常用的代码有哪些?

使用css或者div都行,静态网页设计代码主要就是一些表格,层,超链接,css这些,动态网页就有Javascript脚本语言,还有Java语言

4、html网页设计:一个简单的登录界面代码!

是这样的效果吗?

<!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>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

5、网页设计,HTML,如图中的阴影框,求代码



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: #0066CC;
}
h1{
position: absolute;
}
.box{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin: 0 auto;
width: 800px;
height: 700px;
background-color: #666;
}
.con{
position: absolute;
top: 400px;
left:300px;
color: #fff;
}
</style>
</head>
<body>
<h1>你好 看见div是透明了么!</h1>
<div class="box">
</div>
<div class="con">
<h2>
你想写一些什么呢
</h2>
<p> 不如先采纳了吧</p>
</div>
</body>
</html>

6、javascript框架网页设计求代码,急救!

FRAME(框架)是Web上经常会看到的页面结构。使用可视Web开发工具(比如Dreamweaver或者Frontpage),虽然可以在WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建,但是要实现真正细致甚至强大的功能,仔细理解FRAME的代码结构至关重要!你将发现,FRAME原来是这样的亲切易用。

网页框架代码:

<iframe name="lantk" allowtransparency="" src="要嵌入的网页地址" border="0"
scrollbars="yes" frameborder="0" height="400"
width="400"></iframe>
特点是无论使用何种分辨率,它的大小和位置都是不变的。
我所收集的:
1.
<frameset
framespacing="0" onkeydown="noEffect()" oncontextmenu="noContext()"
onhelp="noHelp()" border="0" frameborder="0" ondragstart="noEffect()" cols="0,*"
onload="init()">
<frame name="oPlus" noresize=""
src="">
</frame><frame name="oMain" noresize="" src="http://www.xfyt.net"
frameborder="0"
scrolling="auto">
</frame></frameset>
2.右边框架
<frameset
framespacing="0" border="0" frameborder="0" cols="*,150">
<frame
name="mm" src="http://www.xfyt.net"
frameborder="0">
</frame><frame name="rightFrame" noresize=""
src="http://右边网址.com" frameborder="0"
scrolling="NO">
</frame></frameset>
3.上下框架
<frameset
framespacing="0" border="0" frameborder="NO" rows="28,*">
<frame
name="dj-play" noresize="" src="http://上部网址/index.htm"
scrolling="no">
</frame><frame name="mainFrame" src="http://www.xfyt.net"
scrolling="auto">
</frame></frameset>
4.网页内嵌框架
<iframe
src="http://www.xfyt.net"
vspace="-0" marginwidth="0" height="300" frameborder="no" align="middle"
marginheight="0" scrolling="auto"
width="400"></iframe>
~~~~~
也可以自己修在框架大小:

7、网页设计 怎么在网页某个方框里显示另一个网页

可以使用iframe标签来实现。

1、新建html文件,在body标签中添加一个p标签,然后在p标签中添加一些文字,用浏览器打开html文档,这时页面中显示的是当前页面中的文字:

2、在body标签中添加iframe标签,为这个标签设置“src”属性,属性值为需要添加网页的地址,这里以百度官网为例,打开浏览器,可以发现页面中除了原网页内容外还有一个百度官网的页面:

3、默认情况下iframe的窗口比较小,可以为iframe标签设置“width”和“height”属性控制另一个页面的宽度和高度:

与网页中心框设计代码相关的知识