网页设计教程入门dw,网页设计 教程

div>

2.在【新建文档】弹窗中选择文档类型为【html文档】，点击【创建】。

3.建立好一个网页文档后就可以看到网页默认的代码了，我们编辑网页是需要在【body】中来编辑完成的。

4.初学者可以把dw设置为【设计】界面，方便边做边查看效果。然后我们点击【插入】—【image】来插入一张图片。

5.因为是初学者，就不网页切图了。我们直接把设计好的一整张网页设计稿***来，这样就可以看到网页的效果了。但因为是整张图片，要想单独的给某一小块添加链接就要去画热区来实现了。

6.我们需要先调出属性窗口来画热区。点击【窗口】—【属性】。

7.点击后会在软件底部出现一个属性栏，点击方形热区在你想添加链接的地方画出来可点击的范围。

8.然后按照刚才的方法把其他需要添加链接的地方也画上热区。

9.画好后我们点击其中一个热区，在属性栏【目标】中输入跳转的链接。都添加好链接后，点击【在浏览器中预览】，快捷是F12

10.稍后就可以看到做好的网页用浏览器打开了。朋友们会了么？

制作一个完整的网站用dw怎么做？

ps做模板其实可以用ps生成一个简单的网站，不过这是真的很简单的，而且适应性很低。

方法就是用ps打好切图的标记后存储为web格式时选择存储为网页格式，并且带有HTML文件的网页格式。这就是一个简单的由图片组成的网站了。用dw也不难，dw有个模式可以像ps一样添加，其实和ps也差不多了。不过适应性还是很低。

看一下html和css的文档基本都可以做了，用dw就更简单了

Dw里怎么新建站点？

　　做一个简易的普通网页比较容易。当然，制作的方法有好几种，有的是直接写代码、有的是用绘图软件绘制页面再导出网页、常用的是使用网页制作软件做网页。下面以普通[_a***_]网页常规制作方法为例说明制作步骤：

　　1、如果会写代码，直接用记事本就可以做出网页。如果不会写代码，请在电脑里安装网页制作软件，推荐安装：Macromedia Dreamwe***er，简称DW,这是目前比较流行的网页制作软件，功能强大。也可以安装Microsoft Office FrontPage，这个是Office办公软件中的一个组件，初学者很容易上手，就像使用word一样方便。不过这款软件比较古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升级。

　　2、在电脑中选择一个盘（建议不要选择c盘），新建一个存放网页的文件夹，文件夹名字随意取，然后在存放网页的文件夹里面再建几个子文件夹：包括图片文件夹、声音文件夹、视频文件夹、LASH文件夹等（根据自己需要建立文件夹）。

　　3、打开网页制作软件DW，新建一个站点，新建站点步骤按系统提示操作。

　　4、新建主页、布局主页、制作导航栏、添加栏目，输入想要的内容。

　　5、制作子页，并与主页导航栏栏目链接。制作完成后打开主页预览，逐步修改完善。

　　6、如果要想网页漂亮且有个性，就需要图像、动画等元素来装饰。

　　以上是制作普通静态网页的基本步骤。

dw网页制作，这种框架怎么弄，要详细步骤？

给你个思路：

1.定义主体框架

2.定义主体内部主框架

3.定义内部左侧框架以及右侧框架 一般我们都是过直接敲代码的，DW倒是没碰。

用DW我们也是简单看一下，然后操作还是靠代码。