css+div设计基础：[1]css+div设计用到的软件

css+div设计基础：[1]css+div设计用到的软件

网页设计手写代码，首先我们要学习的就是css+div，这个是网页布局的重中之重，不但对整体美观产生影响，也给用户带来更好的浏览体验，是网页有更加好的展现效果。接下来先来介绍css+div设计所用到的软件。

首先必须了解的就是Dreamweaver cs5的操作页面，如下图就是cs5的打开页面。

大家在打开软件的时候就会看到有个css的创建按钮，点击进去就会跳转为我们的css手写代码编辑窗口。如图。其中@charset "utf-8";是程序默认的网页编码，也可以自行修改为“gb2312”编码及其他编码，这要归咎你的网页需要用的编码格式。

在css+div手写代码的过程中我们用到的不仅仅有Dreamweaver，还有一款就是我们的Photoshop软件。Photoshop版本也有很多，在这里我就介绍一款Photoshop cs6版本的。学软件必须要先知道软件，下图是cs6的打开界面。左边一侧是我们所要用到的工具，在这就不一一介绍了。

为什么也需要讲Photoshop cs6呢？我们在做一些网页模板设计的是需要用到这款软件的，加上我们在做css+div的设计过程我们在设计方面也需要ps进行图片处理的支持，也可以称之为：网页的美工。一下两张图片就是网站有做美工和没有做美工的最大的区别了，他不仅在配色方面，也在布局方面给css+div增添了更多的美感。

好了，这一节主要讲述的是两款子css+div设计基础里面经常用到的，其实还有几款软件也用到，例如Flash、fireworks等等，这些我就不一一介绍了。欢迎关注我的下一节的分享。

在用Dreamweaver cs5创建css样式的时候，要先保存好css样式，这样就不会因为误关闭软件而造成编写的代码前功尽弃了。