怎样用dreamweaver制作网页模板

关注：44 发布时间：2021-09-15 09:00:05

导语本文整理了怎样用dreamweaver制作网页模板经验知识，帮助您全面了解，小白也能成为高手，跟随小编一起来看一看吧！

需要准备的物品

adobe dreamweaver cs6

首先，我们打开软件，然后创建一个新的html文件和一个css文件，然后依次文件将其保存为index.html和style.css。方法如下：

网页分为两部分，即头部和身体。网页的标题在标题内，标题出现在浏览器的顶部。如下图：

和正文是设计网页的主要内容，网页的导航、内容、友情链接都在正文里。如下图：

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

，然后会弹出一个连接外部的样式表。单击浏览找到刚刚保存的style.css文件。双击返回对面框，然后确定，代码将被，自动生成一个介绍外部风格的代码，即链接。如下图：

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

css代码在html中调用，由div调用，如下图所示：

在设计网站之前，一定要制作效果图