dw如何设计网页
在dreamweaver里怎么实现网页的搜索功能
有三种常见的方式1、自己设计表单、编程、与数据库链接检索。2、在百度或谷歌注册申请站内搜索功能。获得代码，添加到自己的页面中。3、使用第三方的工具软件，搭建检索功能下面是制作’PHP搜索’功能准备:数据库(mysql):一个数据库(search),库里面一个表(title),表里面一个字段(name).PHP页面:两个页面(index.php search.php)制作工具：Dreamweaver开始:——————————————————第一步.创建数据库.(目前大家应该都是用的phpmyadmin来操作数据库的吧?)建立一个数据库.第二步.建表在刚建立的search数据库里插入一个名字为title的表.建表时让你选插入几个字段.写1就可以了.第三步.建字段插入的字段命名为name,长度值20就可以了.—–数据库部分已经做完,接下来是网页部分—–第四步.建立两个页面建立两个文件:index.php和search.php可以使用记事本等文本工具直接建立.我使用的工具是Dreamweaver(方便嘛.呵呵).第五步.index.php的页面制作.这个页面是用来传递你搜索的关键字的.代码如下:<form method=”post” action=”search.php” name=”search”><input name=”search” type=”text” value=”" size=”15〃> <input type=”submit” value=”Search”></form>这段代码是建立一个FORM表单.专门用来提交数据的.第一行是FORM表单的开始.它的传递方式是post,传递到search.php这个页面.表单名为name.第二行是文本域和提交按钮.文本域命名为search,按钮默认就可以了.第三行是FORM表单的结束语句.第五步.search.php的页面制作.这个页面很关键.因为他是获取index页面传递过来的值,然后导出搜索的数据.首先要绑定你建立的search数据库,我用的DW生成的.上一个页面传送的文本域是search.所以,这里需要建立一个search变量.来接收你输入的关键词.用以下语句定义变量:<?php$searchs = $_POST['search'];?>然后建立一个记录集,选择高级.SQL语句中填写:SELECT *FROM titleWHERE name like ‘%$searchs%’这句的意思是选择title表里面的所有字段（*），然后查询name中的$searchs变量。这个变量也就是你在index中输入的值啦。然后在BODY里面绑定一个动态文本。选择NAME。—–网页部分完成.真个搜索功能也就完成了—–
怎么在Dreamweaver里设置艺术字
一般设计是不会直接设计艺术字体的因为别人浏览你的网页时没有这种字体是看不了，或者显示不正常的通常如果真的需要设计艺术字，可以用photoshop把你的字体设计好，再保存为图片，再通过dreamweaver插入网页，这样别人就肯定可以看到了photoshop可以添加多种字体来设计的，去字体库下载就可以了
用dw设计网页时，我用的是css+div。每个电脑的分辨率都不一样，怎么让网页在不同的浏览器上正确显示呢？
第一种办法：body的width设置为100%，然后body下的总的div的width设置为固定宽度，比如：<body style="width: 100%"> <div class="nav" style="width: 1080px"></div> <div class="content" style="width: 1080px"></div> <div class="footer" style="width: 1080px"></div></body>然后每个div里面的元素再具体设置宽度。第二种办法，如果你要针对移动端用户，可以使用响应式web设计。即：@media screen and (max-width: 768px) and (min-width: 480px){ //这里面写CSS代码}如果使用第二种方法建议用百分比布局。第三种方法，如果你要使用CSS3/JS，这时候就要考虑兼容性问题。。。这个就已经不只是布局问题了，的是代码问题。。。如果真要使用再说吧-。-
如何用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;
如何用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>
怎么用dreamweaver制作简单网页
第一步：打开dw，点击dw左上角的文件按钮。第二步：在文件按钮弹出的菜单中选择新建。第三步：在弹出的对话框中选择要新建的内容，新建网页就是html的。第四步：在选择新建类型后，点击创建按钮。第五步：新建完成后会看到网页的源代码，然后我们在body标签中填写内容。第六步：点击左上角的文件按钮，在弹出的对话框中选择保存，可以利用快捷键ctrl+s保存。第七步：点击创建按钮后会询问保存路径及保存文件的名称，可以新建为index.html，然后点击保存。第八步：在保存路径找到该文件，然后双击打开。第九步：双击打开后在浏览器可以看到一个网页了。
dreamweaver怎么做一个简单的网页
1. 打开DW，DW界面如图2. 分析所制作的网页的需求，明确目标3. 明确需求。如果是建议一个网站，需要建立一个站点，方便管理并使制作步骤更为有条理。4. 新建站点弹出来的窗口。在这里我输入的是“新闻网页”，放在Dreamwaver CS6文件夹下的新闻网页文件夹5. 在新闻网页文件夹下新建“images”文件，导入制作网页所需要的素材，这里所需要的素材都是图片6. 新建HTML，选择“创建”7. 在“标题”中输入“新闻网页首页”，转换到“设计”界面8. 根据制作网页需求插入表格，只是在行列有所变化，下面的“表格宽度”以下选项根据图设置9. 插入表格如图，选择表格，会看到表格边框变红，选择之后变黑。在属性中对齐选项选择“居中对齐”10.在表格第一行第一列输入“用户名”，在第一行第二个表格插入“文件域”。然后是密码，同样的插入“文件域”。切换到“拆分”界面，选中密码对应的“文件域”，将“type”改为“password”11.插入图像，不知道怎么填的话就一直选择“确定”即可12.插入按钮，同上面插入图像的处理方法那样处理，如果不知道填什么就一直“确定”，无妨。在属性栏里的值改为“登录”。然后插入图像“谷歌logo”13.选中第二行，点击鼠标右键，选择“表格”，“合并单元格”14.在第二行插入图片。完成页面制作。保存HTML文件。然后在站点“新闻网页”可以看到保存的HTML文件15.点击制作好的HTML文件，选择用360浏览器打开，输入用户名和密码，然后会看到如下情况：用户名课件，密码不可见，符合实际16.当然也可以在Dreamwaver CS6 的实时视图中完成第15步
DREAMWEAVER 中如何让网页居中显示？
一个简单的方法：在<body>外加上<center>标记就是 <center> <body> 内空部分 </body> </center>就算是在宽屏的显示器或者分辩率不同的显示器上浏览也没问题！
怎么用dreamweaver制作个人网站
网站设计八步骤 由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。 一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。 三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。 四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。 五、制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。 六、上传测试 网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。 七、推广宣传 网页做好之后，还要不断地进行宣传，这样才能让的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。 八、维护更新 网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者 ★要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。 另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。 此外还有一些网络编程工具，javascript、java编辑器等。 网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。 大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。 总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！ 祝你成功。 ★你可以结合 Dreamwaver 和 Photoshop 来制作网页。
