怎样用Dreamweaver制作网页模板 怎样用Dreamweaver制作拖拽效果
所属分类：游戏数码
发布时间：2025/8/21 15:44:51
工具/材料
Adobe Dreamweaver cs6
操作方法
01首先我们先打开软件，然后新建一个HTML文件和一个css文件，然后依次点击文件保存为index.html、style.css。方法如下：
02
一个网页分为二部分，即head和body。网页的标题（title）就是在在head里面，标题出现的位置在浏览器的最上方。如下图：
03
而body里面就是设计网页的主体内容了，不管是网页的导航、内容、还是友情链接都是在body里面。如下图：
04
关联css需要在Adobe Dreamweaver右下方，属性里面找到附加样式表。如下图：
05
然后会弹出一个连接外部样式表，点击浏览，找到刚才保存的style.css文件，双击返回对方框后点击确定，就会下代码去里面自动生成一段引入外部样式代码，即link。如下图：
06
然后在Adobe Dreamweaver工具栏里面就会出现刚才添加的style文件，然后在style.css里面输入网页样式代码。如下图：
07
css里面的代码在html里面调用，都是以div来调用，具体如下图：
特别提示
设计网站前，一定要出效果图哦