dw网页设计代码大全（Html网页制作，用dw做坐等代码）

本文目录

• Html网页制作，用dw做坐等代码
• 用DW软件制作网页的页面登陆并且有跳转页面的代码是什么
• dw设计网页时,布局常用什么方法来布局呢

Html网页制作，用dw做坐等代码

《!DOCTYPE html》
《html》
  《head》
《meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8“》
《title》
RunJS 演示代码
《/title》
《style》
*{
margin:0;
outline:none;
}
.wrap{
margin:auto;
width:500px;
height:450px;
background-color:white;
border:1px solid gray;
border-radius:5px;
}
table{
width:100%;
border-collapse:collapse;
font:normal 13px ’微软雅黑’;
}
caption{
font-size:20px;
color:rgb(158, 99, 99);
padding:12px;
}
td input[type=text]{
border:1px solid rgb(46, 128, 216);
border-radius:5px;
width:80%;
height:25px;
}
tr{
line-height:50px;
}
td textarea{
resize:none;
width:80%;
height:100px;
border:1px solid rgb(46, 128, 216);
border-radius:5px;
}
tr td:first-child{
text-align:right;
}
td input[type=submit],
td input[type=reset]{
background-color:rgb(52, 114, 143);
color:white;
border:0;
width:75px;
height:25px;
border-radius:5px;
cursor:pointer;
margin:10px;
}
《/style》
《script》
var ck = function(form){
var reg = /^\s+|\s+$/g;
if(form.zt.value.replace(reg, ““) == ““){
alert(“请输入主题“);
form.zt.focus();
return false;
}else if(form.xq.value.replace(reg, ““) == ““){
alert(“请输入详细需求“);
form.xq.focus();
return false;
}else if(form.sqr.value.replace(reg, ““) == ““){
alert(“输入申请人“);
form.sqr.focus();
return false;
}else if(!/^1(\d|4|5[0-35-9]|7)\d{8}$/.test(form.tel.value.replace(reg, ““))){
alert(“联系电话不符规格“);
form.tel.focus();
form.tel.select();
return false;
}else if(form.num.value.replace(reg, ““) == ““){
alert(“输入QQ/微信号“);
form.num.focus();
return false;
}
return true;
}
《/script》
  《/head》
《body》
《form class=“wrap“ onsubmit=“return ck(this)“》
《table》
《caption》
定制申请
《/caption》
《tr》
《td》
*主题:
《/td》
《td》
《input type=“text“ name=“zt“ /》
《/td》
《/tr》
《tr》
《td style=“vertical-align:top;“》
*详细需求:
《/td》
《td》
《textarea name=“xq“》《/textarea》
《/td》
《/tr》
《tr》
《td》
*申请人:
《/td》
《td》
《input type=“text“ name=“sqr“ /》
《/td》
《/tr》
《tr》
《td》
*联系电话:
《/td》
《td》
《input type=“text“ name=“tel“ /》
《/td》
《/tr》
《tr》
《td》
*QQ/微信号:
《/td》
《td》
《input type=“text“ name=“num“ /》
《/td》
《/tr》
《tr》
《td colspan=2 style=“text-align:center;“》 
《input type=“submit“ value=“提交“ /》
《input type=“reset“ value=“重填“ /》
《/td》
《/tr》
《/table》
《/form》
  《/body》
《/html》

用DW软件制作网页的页面登陆并且有跳转页面的代码是什么

《span class=“STYLE22“》《span class=“STYLE15“》《span class=“STYLE16“》登陆页面
《/span》《/span》《span class=“STYLE16“》
《/title》
《/span》

《script type=“text/javascript“ language=“javascript“》

function CheckLogin()

{

var usrName = document.getElementById(“txtUserName“);

var pwd = document.getElementById(“txtPassword“);

if(usrName && pwd)

{

if(usrName.value == “123“ && pwd.value == “123“)

{

alert(“登录成功“);

location.href=“four.html“;

}

else

{

alert(“登录失败“);

}

}

}

《/script》

《/head》

《body》
《/div》
《div》

《table width=“323“ height=“148“》

《tr》

《td width=“64“》《span class=“STYLE1“》用户名《/span》:《/td》

《td width=“218“》

《input id=“txtUserName“ type=“text“ /》《/td》
《/tr》

《tr》

《td》《span class=“STYLE1“》密码《/span》《/td》

《td》

《input id=“txtPassword“ type=“password“ /》《/td》
《/tr》

《tr》

《td colspan=“2“》

《input type=“submit“ onclick=“javascript:CheckLogin()“ value=“确定“/》《/td》
《/tr》
《/table》

《a href=“index.html“》《span class=“STYLE2“》用户名为：123 密码为：123《/span》《span class=“STYLE17“》 【登陆成功可进入下一页】【 否则显示登陆失败对话框 】《/span》《span class=“STYLE19“》｛返回首页《/span》《/a》《span class=“STYLE18“》《span class=“STYLE19“》｝《/span》《/span》《/div》

《p》 《/p》
《p》《a href=“four.html“ class=“STYLE20“》匿名登陆《/a》

试一下这个吧..在《body》后面插入就行..
还有=“four.html“ 是你想添加的页面地址

dw设计网页时,布局常用什么方法来布局呢

1、严格意义来说dw并不能用来设计网页，设计网页都是在平面设计工具里完成的，比如在ps里面设计好网站的效果图，在ps里面切图。

2、dw只是个网站代码编写工具，使用dw编写代码会比较方面，因为有很多的快捷功能。但是对于高手来说，是用记事本都可以网站的。

3、dw的面板主要有三种视图，分为 “代码”“拆分”“设计”，如下图

在制作网站的时候，能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到，只有当网站代码出现问题的的时候用来查找错误，对于有一年多代码编写经验的人来说，就已经用不到了。

4、在dw中编写制作网站的代码主要是div+css，也是就是html。网站布局也是通过html代码来实现的，比如maigin 与padding position 都是来控制div的布局和位置的。

所以，在dw里面设计网页布局网站并不是dw的功能，还是通过代码实现的。