怎样用Dreamweaver制作网页模板

怎样用Dreamweaver制作网页模板 工具/材料

Adobe Dreamweaver cs6

操作方法 01

首先我们打开软件，然后创建一个HTML文件和一个css文件，然后点击文件保存为index.html，style.css
方法如下:

02

一个网页分为两部分，即头部和身体。
网页的标题就在头部里面，标题出现在浏览器的顶部。
如下图:

03

无论是网页的导航、内容还是友情链接，正文都是设计网页的主要内容。
如下图:

04

要关联css，您需要在Adobe Dreamweaver右下角的属性中找到附加的样式表。
如下图:

05

然后会弹出一个链接的外部样式表，点击浏览，找到刚刚保存的style.css文件，双击返回到另一个框，然后点击确定，代码就会被下载，自动生成一段介绍外部样式的代码，即link。
如下图:

06

然后刚刚添加的样式文件就会出现在Adobe Dreamweaver工具栏中，然后在style.css
中输入网页样式代码如下图:

07

css内部的代码在html中调用，都在div中调用，如下图所示:

特别提示

在设计网站之前，一定要画出效果图。