如何用制作网页
Dreamweaver中用表单制作了留言板,如何将内容提交后发到指定邮箱?
解决思路: 关键点是设置表单的action属性为”mailto:”+email地址。 具体步骤: 1.设置表单的action属性为接收邮件的email地址,并设置表单的MIME编码。 <form action="mailto:yourname@domain.com" enctype="text/plain"> </form> 2.设置邮件主题和正文的输入框 主题:<input name="subject" type="text"><br> 正文:<textarea name="body"></textarea><br> <input name="subject" type="text"> 3.设置抄送和密码地址输入框 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 4.完整代码 <form action="mailto:yourname@domain.com" enctype="text/plain"> 主题:<input name="subject" type="text"><br> 抄送:<input name="cc" type="text"><br> 密送:<input name="bcc" type="text"><br> 正文:<textarea name="body"></textarea><br> <input type="submit"> </form> 注意: 表单的action值的格式必须为"mailto:目标Email地址",这个跟做Email链接时类似。 enctype(MIME编码)必须设置为"text/plain"(文本),否则收到的邮件是乱码。 表单的method属性不能设置为post,必须为get(默认不设置时为get),否则邮件的格式跟用户输入的不符合。 技巧:如果要直接做成链接,可以把这些参数值写到链接里,例如: <a href="mailto:youname@domain.com?subject=title&cc=name1@domain.com,name2@domain.com&bcc=bccname@domain.com&body=hello world!">mailto</a> 填写表单后单击提交按钮,将弹出一个确认框,单击【确定】按钮,将自动调用用户的默认邮件收发软件来编辑邮件。 也就是说需要用户计算机里的邮件收发软件来发送,而且用户必须先要设置好邮件收发软件。 如果要程序自动发送,则必须要服务器端程序支持,如asp,php等。asp程序接收到你提交的内容后经过处理,然后再调用CDONTS或Jmail组件来发送,而且服务器端也需要一个可用SMTP服务器来完成发送。
用dreamweaver制作网页 宽度如何设置自动铺满屏幕,长度如何设置一屏长度?
1:Meta 标签为了适应屏幕,不少移动浏览器都会把HTML页面置于较大视口宽度(一般会大于屏幕宽度),你可以使用viewport meta标签来设定。以下viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放:<meta name="viewport" content="width=device-width, initial-scale=1.0">2: Media QueriesCSS3 media query是自适应网页设计的关键,他就像高级语言里的if条件语句,告诉浏览器根据不同的视口宽度(这里等于浏览器宽度)来渲染网页。如果视口宽度小于等于980px,下面规则生效。这里将容器像素宽度该用百分比,页面排版更加灵活。<style type="text/css"> @media screen and (max-width:980px){ #t1{width:100%} .t2{width:60%} } </style> 注意:要将px改成百分比 #代表id的样式引用 .代表class的样式引用
用dreamweaver制作网页 宽度如何设置自动铺满屏幕,长度如何设置一屏长度?
1:Meta 标签为了适应屏幕,不少移动浏览器都会把HTML页面置于较大视口宽度(一般会大于屏幕宽度),你可以使用viewport meta标签来设定。以下viewport meta标签告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放:<meta name="viewport" content="width=device-width, initial-scale=1.0">2: Media QueriesCSS3 media query是自适应网页设计的关键,他就像高级语言里的if条件语句,告诉浏览器根据不同的视口宽度(这里等于浏览器宽度)来渲染网页。如果视口宽度小于等于980px,下面规则生效。这里将容器像素宽度该用百分比,页面排版更加灵活。<style type="text/css"> @media screen and (max-width:980px){ #t1{width:100%} .t2{width:60%} } </style> 注意:要将px改成百分比 #代表id的样式引用 .代表class的样式引用
css手机版页面制作时如何让背景图片适应div的高度和宽度
可以使用background-size: cover来适应DIV元素的高度和亮度。代码如下:<style>
div{background:url(图片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>这里是内容</div>background-size 属性规定背景图像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。
怎么在dreamweaver做一个登录页面?
①先新建一个html页面取名为index.html这个为首页,在BODY里面写上<a href="Login.html"/>登陆</a>(一般网站上的登陆按钮不是button而是a标签,只是加一些样式就可以和button按钮一样了,href就是你想点击后跳转到得页面地址)。②再建立一个HTML页面取名为Login.html这个是登陆的界面在body里写上 <label>用户名</label> <input type="text" /><br /> <label>密码</label> <input type="password" /><a href="这里写第三个页面的地址">注册</a>上面就是登陆页面让你输入用户名和密码。③建立一个html作为注册页面,在body里面写上 <label>用户名</label> <input type="text" /><br /> <label>密码</label> <input type="text" /><br /> <label>确认密码</label> <input type="password" /> <input type="button" value="注册"/>以上就是在网站中常看到的点击登陆弹出页面,点击注册弹出页面的代码了。但是这只是html代码,如果要想验证那么就要涉及的数据库的知识了。希望可以帮到你,希望采纳!
css手机版页面制作时如何让背景图片适应div的高度和宽度
可以使用background-size: cover来适应DIV元素的高度和亮度。代码如下:<style>
div{background:url(图片地址) no-repeat;width:100%;height:auto;background-size:cover;}
</style>
<div>这里是内容</div>background-size 属性规定背景图像的尺寸,IE9+、Firefox 4+、Opera、Chrome 以及 Safari 5+ 支持 background-size 属性。
如何用js做翻页效果
参考代码如下:<!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></title>
<script type="text/javascript" language="javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
<script type="text/javascript" language="javascript">
$(function() {
$("#right").click(function() {
var roll = $("<div></div>", { css: { position: "absolute", border: "solid 1px #999", left: "806px", top: "10px", height: "494px", width: "1px", background: "#fff"}}).appendTo($("#book").parent());
$(roll).animate({
left: "10px",
width: "398px"
}, 1000, function() {
$("#left").css({"background":"#fff"});
$(roll).fadeOut(300, function() {
$(roll).remove();
})
});
});
});
</script>
</head>
<body style="padding:5px;margin:0;">
<div id="book" style="width:797px;height:494px;background:#ccc;border:solid 6px #ccc;">
<div id="left" style="width:398px;height:494px;float:left;background:url(http://www.codefans.net/jscss/demoimg/201011/PLh.png) no-repeat top left;cursor:pointer;"></div>
<div id="right" style="width:398px;height:494px;float:left;background:#fff;cursor:pointer;margin-left:1px;text-align:right;"><p style="margin-top:470px;font-size:12px;color:#999;">点这翻页 </p></div>
</div>
</body>
</html>