dw网站制作教程

严格说，大中型公司会把网页制作团队分为：网页视觉设计（美工）、前端交互设计（前端）、软件程序开发（程序）。单说前端，你可以百度一下“前端设计”，了解一下这个职位是干嘛的。下面引用一小段：【前端设计师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。但是，随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。】因此，从技术上说，前端设计师要至少掌握html极其相关平台属性、css极其相关兼容语法、javascript极其相关框架、ajax极其相关语言（php或asp或json等）——如果是Flash，你还要懂得ActionScript。你要用html写页面，用css做样式，用javascript做交互，用ajax优化交互——一切的一切，提供符合标准的html页面（兼容性好、标签/命名语义化、符合W3C规范、符合SEO规范、符合或遵循网页栅格系统），链接美工和程序。从软件上说，你至少要懂得一款作图工具（切图、优化压缩图片、校正图片）、一款编码工具（组织代站点结构、书写管理代码、或者使用SVN类似的版本控制协作）、一写前端效率插件工具（压缩css或js、调整json数据、调整优化正则表达式、制作地址栏图标、制作APP图标、制作视网膜图像等）——一切的一切，效率工作，严谨风格。从个人职业修养上说，你需要建立良好的工作习惯和技能提升方法——一切的一切，好好学习，天天向上。前端设计师，说起来，是一个技能综合度比较高的职业，首先说，你应该懂数学，一些最基本的交互和计算都是离不开数学的，比较炫酷和提升用户体验的设计，通常也都和数学息息相关（圆周率、随机数、时分秒换算等等），由数学的灵活运用，还可以实现物理上的一些东西（滑动、晃动、弹跳、模拟重力等）。做好前端，说的直接一点差不多就是【写的一手好脚本】——作图有美工，编程有程序——前端设计，就是把图片转换为可嵌套程序使用的标准HTML页面，并站在UEDer（用户体验设计师）的角度去设计和制作良好的交互方法。职业生涯是一个长期的过程，所谓千里之行始于足下，实习阶段，你所学习的并不是如何如何做自己的东西，而是学习团队协作、资源管理和学习方法。好比新兵入伍，不会让你直接去参与大型的活动，而是乖乖训练，寻找自己的优势，探索学习团队协作，找到提升自我的突破口，为以后的发展提供一个良好的工作习惯和处事方法。需要说的一点是，大部分学校的教程都是较老的技术教程，在实际的工作中根本用不上。可以说，实习，差不多是带你进阶自己的技能。当你工作一段时间后会很明显的发现，原来学些学的那些东西到了实际工作中差不多也就是刚入门，各个公司各个团队都有自己的代码管理方法和工作流程，实习中，你应该尝试去接受和学习，公司通常更懂得如何把你的劳动变为金钱，你的价值体现也在于此——工资和物价无关，和你的含金量有关。经验之谈，聊聊而已。

《网页设计与网站建设实战大全》《实战 Dreamweaver网页制作教程》《JavaScript  语言精粹》

这个将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框架保存方法如下：保存框架时，需要将整个框架都保存，在“文件”菜单中选择“保存全部”。首先会保存整个页面框架，可以将它保存为test.html。接着保存左侧的框架，命名为testleft.html。最后保存头部，命名为testtop.html。保存完成后，可以在站点文件夹中看到三个网页文件，如下图所示。

可以用 <div style="width1200px; height:1px;background:#000;font-size:0;"></div> 这一句，直接插在需要横线的地方就可以。

在页面中实现框架功能的标记有两个：框架组标记<FRAMESET>… </FRAMESET>和框架标记<FRAME>。框架组标记的功能是划分一个整体框架；<FRAME>的功能是设置整体框架中的某一个框架，并声明其框架页面的内容。使用上述标记的语法格式如下： <FRAMESET> <FRAME src="URL"> <FRAME src="URL"> … </FRAMESET>（一）框架组标记使用框架组标记的语法格式如下所示： <FRAMESET 属性=属性值 > … </FRAMESET>框架组常用属性列表如下：（二）框架标记框架标记<FRAME>可以指定页面的内容，所以可以将框架和包含其内容的文件联系在一起。使用框架标记的语法格式如下所示： <FRAME src="文件名" name="框架名" 属性=属性值 noresize > … <FRAME src="文件名" name="框架名" 属性=属性值 noresize >框架常用的属性值如下：其中scrolling取值说明如下：END创建框架新建一个HTML空白页在菜单栏中选择‘插入’---‘HTML'----'框架’---‘左对齐’在弹出的‘框架标签辅助功能属性’对话框中选择框架值和标题在设计视图中就会出现左右两个框架菜单栏中选择‘文件’---‘保存全部’，在弹出的‘另存为’对话框保存为1.html点击右框架，选择‘文件’--‘框架另存为’，保存为2.html点击左框架，选择‘文件’--‘框架另存为’，保存为3.html在设计视图中选中框架边框，如下图：这个边框很隐蔽，不好找选中边框之后，属性面板会变这样：选择需要调整的参数，左右边框可以选择，然后点击‘文件’---‘保存全部’按F12预览

Dreamweaver，简称“DW”，中文名称"梦想编织者"，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。想用DW做出导航栏必熟知div+css，基本代码：ul#nav{ width:100%; height:60px; background:#00A2CA;margin:0 auto} ul#nav li{display:inline; height:60px} ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px; color:#FFF; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:16px} ul#nav li a:hover{background:#0095BB}/*设置鼠标滑过或悬停时变化的背景颜色*/ <ul id="nav"> <li><a href="#">首页</a></li> <li><a href="#">HTML教程</a></li> <li><a href="#">CSS基础</a></li> <li><a href="#">CSS开发工具</a></li> <li><a href="#">CSS特效</a></li> <li><a href="#">CSS问题</a></li> </ul>

1、在Dreamveaver中“文件—新建—常规—基本页—HTML”，这就建好了一个页面，英文版的默认为文件名untitled.htm。中文版的默认为文件名“无标题文档”。htm表示的是这个网页文件是一个静态的HTML文件。可以给它改名为index.htm。2、在标题空格那里输入网页的名称，点击—页面属性，打开这个窗口后在这里可以设置网站标题、背景颜色还有背景图像，超级链接颜色，其他都保持默认值就可以了。3．这个时候光标在左上角，你可以输入一句话，如“欢迎大家来到我的主页”，用文字，用菜单“窗口/属性”打开属性面板，取文字的大小，再把文字设置为居中，然后在文字的前面敲几下回车就位于页面中间了。4．要选取字体，即选择字体中的最后一项：即编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体，点击中间的按钮就可以加入了。

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