用dw制作网页
提问问题
列表
-
利用dreamweaver制作网页时,如何用表格(不是布局表格)来布局?
查看答案>>
-
制作网页的时候怎么使文本两边留一些空白,不要紧贴屏幕两边?用Dreamweaver软件
查看答案>>
-
如何用DW网页设计代码做出这个网页,急急急
查看答案>>
-
用DW做一个5个网页链接的网站
查看答案>>
-
用Dreamweaver制作网页时,怎么设置层和图片的边框粗细和颜色?
查看答案>>
-
用Dreamweaver怎么保存制作的网页
查看答案>>
-
用Dreamweaver怎么做页面的翻页以及上一页和下一页?
查看答案>>
-
用DW制作的网页怎么上传到网络
查看答案>>
-
dreamweaver怎样制作手机网站
查看答案>>
-
怎么在dreamweaver里实现图片播放
查看答案>>
利用dreamweaver制作网页时,如何用表格(不是布局表格)来布局?
工具原料:硬件:电脑一台。软件:dreamweaver。创建方法:1、点击插入表格。2、根据布局构思设计可以选择合并表格操作。3、插入图像文件,设计为版面版头,下方根据设计需要填写文字或创建链接等。
制作网页的时候怎么使文本两边留一些空白,不要紧贴屏幕两边?用Dreamweaver软件
给所有文本包一层div , 然后div的样式用padding:0 10px;, 具体数值自行调整, 看多少合适
能具体一点吗,我是初学者
很简单, 比如, 下面是一片文章1234567<style>.conbox{ padding:0 10px;}//此处padding, 就是内间距, 后面跟的两个数值就是, 前面的0 代表 上下, 后面的10, 代码左右,这是一个缩写, 具体建议查看一下css手册,这都是很基础, 如果不懂, 请继续</style><div class="conbox"> <p>这里是文章, 这里是文章这里,这里是文章, 这里是文章这里,这里是文章, 这里是文章这里</p> </div>
如何用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制作网页时,怎么设置层和图片的边框粗细和颜色?
border:1px red solid;这行代码就能表达层或者图边框的粗细和颜色以及边框的状态。注释:border即是指边框。1px也就是边框的粗细度,数字越大,边框越粗。red是指边框的颜色,这里也可以自定义。这边是指红色。solid是指边框是实线,不是虚线。 虚线是dashed; 用在层上: <div style="border:1px red solid;"></div>用在图上:<img src="图的地址" style="border:1px red solid;">
用Dreamweaver怎么做页面的翻页以及上一页和下一页?
这个将dreamweaver启动后,切换到代码模试就可以编写程序了这种动态网站程序都要连接数据库,然后计算显示记录的数量及每页要显示的数量来分页。这里以php为例这是一个分页的类代码<?php class Page { private $total; //总记录 private $pagesize; //每页显示多少条 private $limit; //limit private $page; //当前页码 private $pagenum; //总页码 private $url; //地址 private $bothnum; //两边保持数字分页的量 //构造方法初始化 public function __construct($_total, $_pagesize) { $this->total = $_total ? $_total : 1; $this->pagesize = $_pagesize; $this->pagenum = ceil($this->total / $this->pagesize); $this->page = $this->setPage(); $this->limit = "LIMIT ".($this->page-1)*$this->pagesize.",$this->pagesize"; $this->url = $this->setUrl(); $this->bothnum = 2; } //拦截器 private function __get($_key) { return $this->$_key; } //获取当前页码 private function setPage() { if (!empty($_GET['page'])) { if ($_GET['page'] > 0) { if ($_GET['page'] > $this->pagenum) { return $this->pagenum; } else { return $_GET['page']; } } else { return 1; } } else { return 1; } } //获取地址 private function setUrl() { $_url = $_SERVER["REQUEST_URI"]; $_par = parse_url($_url); if (isset($_par['query'])) { parse_str($_par['query'],$_query); unset($_query['page']); $_url = $_par['path'].'?'.http_build_query($_query); } return $_url; } //数字目录 private function pageList() { for ($i=$this->bothnum;$i>=1;$i--) { $_page = $this->page-$i; if ($_page < 1) continue; $_pagelist .= ' <a href="'.$this->url.'&page='.$_page.'">'.$_page.'</a> '; } $_pagelist .= ' <span class="me">'.$this->page.'</span> '; for ($i=1;$i<=$this->bothnum;$i++) { $_page = $this->page+$i; if ($_page > $this->pagenum) break; $_pagelist .= ' <a href="'.$this->url.'&page='.$_page.'">'.$_page.'</a> '; } return $_pagelist; } //首页 private function first() { if ($this->page > $this->bothnum+1) { return ' <a href="'.$this->url.'">1</a> ...'; } } //上一页 private function prev() { if ($this->page == 1) { return '<span class="disabled">上一页</span>'; } return ' <a href="'.$this->url.'&page='.($this->page-1).'">上一页</a> '; } //下一页 private function next() { if ($this->page == $this->pagenum) { return '<span class="disabled">下一页</span>'; } return ' <a href="'.$this->url.'&page='.($this->page+1).'">下一页</a> '; } //尾页 private function last() { if ($this->pagenum - $this->page > $this->bothnum) { return ' ...<a href="'.$this->url.'&page='.$this->pagenum.'">'.$this->pagenum.'</a> '; } } //分页信息 public function showpage() { $_page .= $this->first(); $_page .= $this->pageList(); $_page .= $this->last(); $_page .= $this->prev(); $_page .= $this->next(); return $_page; } } ?> 在程序中实例化,就可以使用了,非常方便的<?php $_page = new Page($_total,$_pagesize); //其中 $_total 是数据集的总条数,$_pagesize 是每页显示的数量. ?> 显示效果如图
怎么在dreamweaver里实现图片播放
1、打开dw,先将页面背景颜色改为黑色,满足对美观的要求,可以设置为自己喜欢的颜色,点击页面属性即可更改背景颜色。2、插入一个2行1列的表格,如图所示,猜菜单栏上执行:插入表格,打开插入表格对话框,将表格宽度设置为700像素。3、看到表格已经插入好了,接着选中表格第一行,插入一个图片,如图所示,在菜单栏上执行:插入--图像。4、图像插入以后,将图像设置为水平居中对齐。5、接着在表格的第二行插入一个1行3列的表格,如图所示,将光标放到表格的第二行,然后在菜单栏上执行:插入--表格。将表格边框设置为10像素,宽度是100%。6、将光笔移动到第一个单元格,然后插入一个图片作为缩略图。7、同样的方法,插入三个图片作为缩略图。8、插入一个ap div,div的大小正好能够覆盖电视机的屏幕,这样可以在div里插入图片,显示的效果就是电视机的播放效果了。9、插入一个图片,然后将图片的id设置为dianshi。10、选中第一个缩略图,给它添加一个行为。11、在窗口菜单,勾选行为窗口。12、在行为窗口中,点击添加按钮,在打开的对话框中,选择【交换图像】。13、打开交换图像对话框,看到这里有dianshi这个图像,选中它,然后再设置为原始档为要展示的另一个图片,点击浏览按钮即可选择图片,选择好了以后点击确定。14、同样的方法给三个缩略图都设置好行为,这样就能够实现图片的切换效果了。