dw做动态网页
做网站需要学哪些东西?
1.先确定自己是干美工还是编程2.美工选这条路:(美术基础)→HTML语言→CSS→版面设计→色彩构成→电脑图像处理软件使用→电脑动画软件使用网页美工有美术基础最好不过。但是没有美工基础也不是没有可能成为优秀的网页美工。 HTML语言与CSS要学,特别是CSS,网页配色全靠它了。如果不学习HTML语言就想学CSS是不可能的,因为CSS应用到HTML标签,你明白这些标签的含义么?版面设计与色彩构成到书店里买一些此类的书籍,狠读。Photoshop/Fireworks/CorelDraw/Flash是网页美工的看门本领,没个年半载的功夫是拿不出手去的,特别是在 Flash大行其道的今天,其脚本编写俨然已是程序员的工作。3.编程选这条路:HTML语言→CSS→版面设计→脚本语言→服务器动态语言→数据库→XML相关→开发工具使用快速了解熟悉 HTML语言是网页设计的基础,一些精细的网页设计不可能完全依赖“所见即所得”的开发工具(Dreamweaver/FrontPage),如果想在网页设计上混饭吃,就只有踏踏实实先把HTML接近100多个标签看一遍再说,不要求背过来,起码要有印象。CSS是简化代码、实现标准化所必须学的东西;会了HTML语言与CSS,就可以做基本页面,不妨买基本版面设计的书提高自己的审美能力;脚本语言看个人所好了,建议学习JScript,应用广泛一些;服务器动态语言方面,ASP入门快,容易,但是只能运行在Windows平台上(也有运行在其他平台上的模块),PHP上手慢,入门高一些;数据库方面,建议新手从MS SQL入门,MS SQL联机丛书资料丰富,有很多示例。标准SQL语言应该熟练掌握,Oracle/MS SQL/MySQL这三种数据库最好都能操作几次。HTML发展的方向是更标准化,建议学习XML,为以后打下基础。开发工具建议使用 Dreamweaver,程序脚本等编写可以用UltraEdit(多文件查询功能很好用)。
如何用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网页里的图片切换怎么做?
1234567891011121314151617181920<html><style type="text/css">img{width: 200px;height: 200px;}</style><script language="JavaScript" type="text/javascript">function fn(n){var nextn;if(n==3){nextn=1;}else{nextn=n+1;}document.getElementById("img"+n).style.display="none";document.getElementById("img"+nextn).style.display="block";}</script><img id="img1" src="0.jpg" onclick="fn(1)" style="display:block;"/><img id="img2" src="1.jpg" onclick="fn(2)" style="display:none;"/><img id="img3" src="2.jpg" onclick="fn(3)" style="display:none;"/></html>以上代码中src路径改为自己真实的图片路径即可~简单的切换效果:多张图片,鼠标点击一下就会更换另一张图片,循环更换
用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 是每页显示的数量. ?> 显示效果如图