dreamweaver制作网页教程

简单制作网页的方法：工具、原料：电脑Dreamweaver CS5方法步骤：下载Dreamweaver软件。Dreamweaver是一款强大的网页制作工具。下载好之后安装，安装后之后打开，会看到如下界面。会看到新建里有肯多选择。html，css。这里选择html，点击之后会看到如下界面。和别的软件布局没有太大区别。如果想输入文本。就直接可以在里面输入。如果想插入图片。可以选择插入-常用-图像。找到图片目录。就可以插入进去、如果想给文字添加链接。可以选中文字。在页面右下角链接框里输入网址。就可以了.按F12.预览就会得到以下效果.

网页制作需要以下软件(软件及教程)：DreamweaverMX、FLASHMX、PHOTOSHOP，支持WIN7 32位和64位、WIN8 32位和64位、XP、WIN2KDreamweaverMX：先进的网页制作大师 ，功能强，支持 DIV + CSS，可视化操作，支持JS、ASP、PHP、JSP脚本程序:DreamweaverMX 软件及教程的安全下载：http://biso.cn/soft/281.htmFRONTPAGE通用版 软件及教程的安全下载：http://biso.cn/soft/379.htm网页动画制作则用FLASHMXFLASHMX 软件及教程的安全下载：http://biso.cn/soft/356.htmSWiSH MX(制作绚烂的FLASH效果与特技)软件及教程的安全下载:http://biso.cn/soft/273.htm<br> <br> PHOTOSHOP版本（含下载地址）：PhotoShop 7.0 简体中文版 和PhotoShop cs5 简体中文版软件及教程的下载：（免费下载，安全无毒）http://biso.cn/soft/280.htmhttp://biso.cn/soft/332.htm以上按照提示，安装成功后永久性使用。

这个问题，不好一下子说清；总的来说Adobe Dreamweaver制作网页比较简单，因为他是所见即所得的模式。学会软件的使用了也就初步学会用Dreamweaver制作网页了；Dreamweaver制作网页有李娜各种方式：一、使用Dreamweaver中提供的模板页；模板页直接就是一个个简单的网页；二、使用Dreamweaver自己设计页面；这个需要懂html代码了；不管是上面哪一种，你都要首先会使用Adobe Dreamweaver软件。下面是Adobe Dreamweaver的最好的使用教程：eNet网络学院－中国权威电脑教程网站，这里的教程估计个人认为都是最好的。

操作步骤如下：1、启动Dreamweaver8.0；2、按ctrl+n弹出新建对话框；3、点击html，点击创建；4、当前为设计视图，输入hello world；5、按ctrl+s弹出保存对话框；6、输入文件名，点击保存；7、按F12打开浏览器预览即可。

在DreamWeaver中实现鼠标图片切换效果 可以使用 ‘鼠标经过图像’ 功能来实现也可以用CSS控制来实现。‘鼠标经过图像’ 功能简单明了。不需多讲，多试几次即可掌握。现在具体讲一下 CSS控制实现 图片切换效果！首先制作一个 ID为abc 的div 宽度50px; 高度50px; 在abc里面随便打一个字 设置一个空链接。然后定义 abc 宽度50px; 高度50px; a标签的块形式 代码如下：<style type="text/css"><!--#abc a { height: 50px; width: 50px; display: block;}--></style><!--注意上面才是CSS代码，下面是div--><div id="abc"><href="#">字体</a></div>然后设置 div的背景图片 比如图片名为 bj.gifCSS代码变为：<style type="text/css"><!--#abc a {background-image: url(bj.gif);height: 50px;width: 50px;display: block;}--></style>最后 设置鼠标经过的样式 比如 鼠标经过图片为 bjj.gifCSS代码 变为如下：<style type="text/css"><!--#abc a {background-image: url(bj.gif);height: 50px;width: 50px;display: block;}#abc a:hover { background-image: url(bjj.gif);}--></style>

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>