导航:首页 > 万维百科 > 进行网页设计的dw

进行网页设计的dw

发布时间:2021-03-21 18:57:40

1、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([38]d|4[57]|5[0-35-9]|7[06-8])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>

2、网页设计期末作业 用DW

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

3、怎么用dreamweaver网页设计

1、新建一个ASP网页并且保存;
2、连接好数据库;
3、 在网页中插入模板的内容,并添加好各个超链接;
4、页面设计好后把网页另存为模板。
5、接着在需要编辑的部分插入“可编辑区域”;
6、保存后,我们就可以在网站根目录下的“Templates”文件夹下看见我们刚刚新建的模板了。以后要修改模板的内容就可以直接打开编辑了。
这个需要一定的dw知识,不是随便可以操作的。

4、如何用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([38]\d|4[57]|5[0-35-9]|7[06-8])\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>

5、网页设计 dw

css样式:

hover的时候,把对应的class样式后面加:hover

例:

.classOne:hover{
    backgroundColor:blue
}

选中的时候是active

.classOne:active{
    backgroundColor:#fff
}

或者写click事件,用JQ或者js获取DOM元素

然后通过DOM元素的.sytle.backgroundColor='你想要的颜色'

6、网页设计DW

页结构以及相同栏目下的导航条、各类图标就显得非常麻烦,不过我们可以借助Dreamweaver MX 2004的模板功能来简化操作。其实模板的功能就是把网页布局和内容分离,在布局设计好之后将其存储为模板,这样相同布局的页面可以通过模板创建,因此能够极大提高工作效率。
一、制作模板
制作模板和制作一个普通的页面完全相同,只是不需要把页面的所有部分都制作完成,仅仅需要制作出导航条、标题栏等各个页面的公有部分,而把中间区域用页面的具体内容来填充。
第一步:先在Dreamweaver MX 2004中运行“File→New”命令,接着从图1所示的窗口中依次选定“Template page→HTML template”选项,点击“Create”按钮之后即可创建一个模板文件。
第二步:在页面设计视图下插入网页框架、导航条、Flash标题等所有页面公有的元素(图2),然后运行“File→Save”命令将这个模板保存下来。
小提示:可以先下载一个中意的网页,然后在Dreamweaver MX 2004中打开它,仅仅保留框架等元素之后通过“File→Save as Template”命令将其保存为模板,这样能够省去很多制作模板的时间。
为了避免编辑时候误操作而导致模板中的元素变化,模板中的内容默认为不可编辑,只有把某个区域或者某段文本设置为可编辑状态之后,在由该模板创建的文档中才可以改变这个区域。先用鼠标选取某个区域(也就是每个页面不同内容的区域),接着运行“Modify→Templates→New Editable Region”命令,并且在弹出的对话框中为这个区域设定一个名称,这样就完成了编辑区域的设置。

7、dw怎么做这个网页(用设计)

一个表格一张图片几个文字 最简单了

8、网页设计DW和HTML分别都是做什么的?

DW可视化程度高,方便新手,但是一些效果细节还是要用代码解决,HTML是最基本的网页制作语言,仅靠HTML是做不了好的网页的

9、DW是做网页设计的吗?

Adobe Dreamweaver,简称“DW”,copy中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

与进行网页设计的dw相关的知识