Adobe Dreamweaver cs6
首先我们先打开软件，然后新建一个HTML文件和一个css文件，然后依次点击文件保存为index.html、style.css。方法如下：
一个网页分为二部分，即head和body。网页的标题（title）就是在在head里面，标题出现的位置在浏览器的最上方。如下图：
而body里面就是设计网页的主体内容了，不管是网页的导航、内容、还是友情链接都是在body里面。如下图：
关联css需要在Adobe Dreamweaver右下方，属性里面找到附加样式表。如下图：
然后会弹出一个连接外部样式表，点击浏览，找到刚才保存的style.css文件，双击返回对方框后点击确定，就会下代码去里面自动生成一段引入外部样式代码，即link。如下图：
然后在Adobe Dreamweaver工具栏里面就会出现刚才添加的style文件，然后在style.css里面输入网页样式代码。如下图：
css里面的代码在html里面调用，都是以div来调用，具体如下图：
设计网站前，一定要出效果图哦
陶老师说网页设计2、 用Dreamweaver 设计网站的工作流程你知道吗？
今天和大家聊一聊Dreamweaver设计和开发网站的工作流程。
首先我们来谈一谈第一个网站的规划阶段。我们首先要考虑的问题就是我要选择哪一个服务提供商来托管我们的网站。比如说腾讯云、阿里云等等。那么越是知名的服务商，那么它提供的这个服务的质量，我们尽可能选择比较大的服务提供商来托管。
第二，我们网站使用什么样的域名？域名呢以我们好记，简短为原则，不要使用太长的域名，太长的域名不容易被记住。
第三，网站要实现什么样的功能。建议把我们这个网站要实现的功能写成一个计划书的样式，至少我们要把我们网站需要实现的功能目录把它拟定出来。
第四，我应该用什么样的程序来进行设计？我是用PHP呢还是ASP呢？或者是用其他的语言。
第五，我的网站需要哪些准备的资源？比如说文本的、图片的、视频的等等。
第六，我们这些资源都已经有了吗？收集好了吗？如果说没有，那么我们应该提前去收集这些资源。
第七，我是否需要一个响应式的网页。那么响应式的网站呢请大家看我们前一篇文章。
网站的第二个阶段呢就是设计资源的收集阶段。那么这个阶段呢我们就需要收集我们的文字资料、图片质量和视频的质量。
第三个阶段就是设计网站的阶段。
首先呢我们就要熟悉Dreamweaver 工作区，知道我们这个软件大致的几块区域，是干什么用的。
第二，设置站点。
第三，开始用Dreamweaver 设计网页。那么我们的网页呢是一个一个的，比如说我先从后台的网页设计起，然后再做前台的网页。通常我们都是这样，因为要把后台的数据录入进去了，然后在前台才能够对于网易的测试。
第四，用css来设计网页的外观样式，做出漂亮的网页来展示。
第五，创建我们的动态内容，设置web应用程序。
第四个阶段呢就是测试预览和发布网站。
首先我们是在本地进行的测试和预览，然后呢我们就使用Dreamweaver的FTP功能把我们的网站发布到我们的托管服务器上，那么这样的话我们的网站就能够通过互联网进行展示了。如果我们的网站是使用了数据库的，我们还需要发布我们的数据库，这样我们一个完整的网站开发流程就完成了。
我们总结起来的话就是我们要想做好一个网站，首先就说的是网站的规划书，然后呢我们按照网站的规划书来进行。网站建设。
大家如果觉得陶老师的文章不错，欢迎大家点赞、评论加关注。
