dw网页设计代码
如何用dreamweaver制作用户登录界面
1、插入一个div,设置为400x300px大小,背景色为米黄色,居中。2、输入标题文字和用户名、密码,调整位置。3、继续插入填写部分,插入--表单--文本域,所以需要输入内容的“框”都是文本域。设置用户名文本域ID为username,点击确定。4、继续同样的方式插入密码的文本域,设置ID为password。因为密码是非明文的,不需要显示,所以在属性面板里选择文本域的类型--密码。5、插入按钮。插入--表单--按钮,插入两个按钮,ID分别设置为login和reg。login按钮设置为登陆,reg按钮设置为注册。6、初始值是输入内容时,填写框显示的提示文字。7、这样一个简单的登陆界面就做好了。
如何用Dreamweaver制作网页动态展示的图片?
dw中可以用组图轮播的方式实现动态展示图片。参考:在DW中插入一个图片,然后回车重复步骤1直到所有图片添加完成选择所有图片,格式菜单-〉列表-〉项目列表,制作一个图片列表然后再插入一个div,id命名为“LunBoNum”,在div内写入代码如下:<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一个新id为“LunBo”的div,并包含如上全部内容,代码如下:<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在网页的<head></head>代码间加入jQuery框架链接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>编写JS代码如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 当前图片总数var CurrentIndex;// 当前鼠标点击图片索引var ToDisplayPicNumber = 0;// 自动播放时的图片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 测试是父亲的第几个儿子CurrentIndex = $(this).index();// 删除所有同级兄弟的类属性$(this).parent().children().removeClass("CurrentNum")// 为当前元素添加类$(this).addClass("CurrentNum");// 隐藏全部图片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 显示指定图片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>链接CSS文件,文件内容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;
在dreamweaver中如何给我制作的网页加关键字和描述?
插入-html-文件头标签-关键字(这样可以插入网页的关键词)。meta标签是内嵌在网页中的特殊html标签,包含着有关网页的一些隐藏信息。Meat标签的作用是向搜索引擎解释网页是有关哪方面信息的。对于高级的搜索引擎来说,html 的meta 标签并不是什么新奇的东西。但是无论如何它是一个优秀网页不可缺少的。例如:<html><head><title>标题内容</title><meta name=”description” content=”你的描述内容”><meta name=”keyword” content=”关键字1,关键字2,---“></head></html>多个关键字用逗号分开。
DW网页设计中,我用表格做的网页,怎么才能居中 ,求教
方法一,修改代码!table代码加上align="center"例如:(PS:代码不完整,但可以看到效果。)<tabel align="center"> <tr> <td></td> <td></td> <td></td> </tr></table>方法二,设计界面修改!看图:建议:表格做网页并不是很好,建议楼主学习一下div+css布局,有html基础很快就可以学会的。那用PS直接保存的网页格式可以吗
也可以的 只要在table标签内加上align="center"就可以居中了!不过,个人强烈建议您不要使用ps保存的网页,PS保存的代码杂乱无章,,毫无规范可言。
能详细教一下我吗,第二种方法我这用了也不行,加我的扣 10 2 374 6337 谢谢呀,
dw网页二级菜单代码怎么做!很着急把它放在一级导航底下!
一、打开Dreamweaver,点击 文件-新建 菜单,创建一个HTML文件,输入网站导航栏文字,并选中输入的文字,在下面的属性栏链接处加一个空链接。然后保存该网页文件。二、点击 窗口-行为 菜单,打开行为面板。 三、选中第一步输入的文字,点行为面板上的+号,在弹出的菜单中选-显示弹出式菜单。四、在弹出的对话框中勾选 Don’t show me this message again(不要再次向我提示此信息),再点 继续。五、在下列对话框分别设置内容、外观、高级、位置选项。在 内容 选项中,点+号可以添加菜单项,-号可以删除菜单项,缩进项可以自动生成二级菜单。六、各项都设置好后,按F12,在浏览器中预览网页效果此时你会发现和网页同级的目录多了两个文件,分别是:arrows.gif、mm_menu.js。请勿修改、移动位置,这是弹出式菜单必须的图片、JS文件。如需修改下拉菜单,可以选中文字,点击行为面板的 显示弹出式菜单 即可。如果下拉菜单下面有Flash,为了不影响下拉菜单的正常效果和层次,需要给Flash添加透明代码: <param name="WMODE" value="transparent"> ,还需在embed标签中加入代码:wmode="transparent",
DW网页设计中,我用表格做的网页,怎么才能居中 ,求教
方法一,修改代码!table代码加上align="center"例如:(PS:代码不完整,但可以看到效果。)<tabel align="center"> <tr> <td></td> <td></td> <td></td> </tr></table>方法二,设计界面修改!看图:建议:表格做网页并不是很好,建议楼主学习一下div+css布局,有html基础很快就可以学会的。那用PS直接保存的网页格式可以吗
也可以的 只要在table标签内加上align="center"就可以居中了!不过,个人强烈建议您不要使用ps保存的网页,PS保存的代码杂乱无章,,毫无规范可言。
能详细教一下我吗,第二种方法我这用了也不行,加我的扣 10 2 374 6337 谢谢呀,
Html网页制作,用dw做坐等代码。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146<!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>
用DW做好的网页怎么打开全是乱码!!!
在网页文件代码中加入代码:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">注意:是在<head><title>标题</title>与<head>之间加入来源:ze.net16.net
dw设计网页时,布局常用什么方法来布局呢???
1、严格意义来说dw并不能用来设计网页,设计网页都是在平面设计工具里完成的,比如在ps里面设计好网站的效果图,在ps里面切图。2、dw只是个网站代码编写工具,使用dw编写代码会比较方面,因为有很多的快捷功能。但是对于高手来说,是用记事本都可以编辑网站的。3、dw的编辑面板主要有三种视图,分为 “代码”“拆分”“设计”,如下图在制作网站的时候,能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到,只有当网站代码出现问题的的时候用来查找错误,对于有一年多代码编写经验的人来说,就已经用不到了。4、在dw中编写制作网站的代码主要是div+css,也是就是html。网站布局也是通过html代码来实现的,比如maigin 与padding position 都是来控制div的布局和位置的。所以,在dw里面设计网页布局网站并不是dw的功能,还是通过代码实现的。