如何利用Dreamweaver构建个人网站，Dreamweaver网站制作教程详解

如何运用Dreamweaver搭建网站

您好，非常乐意为您解答疑惑！

网页制作三大神器：ps、dw、flash。

其中ps负责网页图片的创建与编辑，dw，也就是您所提到的Dreamweaver，主要用于网页的排版与布局，

flash主要用于网页动画设计。

其中Dreamweaver的功能是将您在ps中制作好的版面进行排版，将ps中划分好的切片进行布局，为其指定一个位置，这主要依靠div来实现。

接着布局后的具体细节调整，这需要借助css来实现，

简单来说，Dreamweaver制作网页的精髓就是：DIVCSS，前者负责布局，后者负责布局后的样式。

打个比喻：若要制作一个网页的banner，那么您首先应在ps中制作好整体效果图，然后进行切片，只切重要的部分和在dreamweaver中无法制作的部分，切片完成后，

就要在dreamweaver中新建div，也就是布局，为每一个切片指定一个位置，将其放置在一个固定的盒子中，这个盒子就是div，放置好后，您要调整其颜色、边距、边框等效果，就需要用到css样式。

如何用DW为淘宝店铺搭建网站

1、工具/材料：DW淘宝小店

2、方法：

a、将制作好的店招文件用DW打开（即ps存储后生成的网页文件）

b、登录自己的淘宝后台（卖家中心——图片空间），将店招图片上传。

c、复制图片链接地址，将DW中的店招图片源文件地址替换为刚刚复制的这个地址d打开自己的淘宝店，然后复制导航中的地址（如：点击首页然后复制网址）。

e、回到DW中，利用区域热点链接的方式开始为导航条添加超链接（用区域热点链接选中一块区域，将网址复制粘贴）

f、复制DW中的所有代码

g、打开淘宝后台（卖家中心——店铺装修），将鼠标放到店招模块，点击编辑

h、然后选择代码，将刚才复制的代码放入其中。点击保存后就是替换页头背景，点击装修-样式管理打开页面ok了

i、查看效果。检查一下超链接是否有误。然后就开始制作店铺的首页，这是一个大工程。