如果被选择的文件，是网站目录以外的文件，系统就会问你时候将图片复制到网站内，如下图。答案当然是“确定”，否则网页传上服务器后，图片就不会被显示，因为图片根本就不在网站里面：

　　接着，选择图片在网站的存放位置，如下图。我的做法是将所有图片另存放在同一个目录，例如如图所示的“images”，这样可以方便查找。也有人喜欢将图片和网页文件混放在一起，看各人习惯，没有什么特别好，也没什么特别不好。

　　保存完毕，就可以看页面的效果：

　　图片的处理

　　假设现在我们插入的是如下这张图片：

　　点选该图片，打开属性面板（Ctrl+F3），可看到如下图的状态：

　　1、图片的缩略图及图片的大小。

　　2、图片的长宽，如果图片长于宽跟原图的大小不一致的话，这里的数字会用粗体显示；点取一张图片，你可以看到图片会被套上一个框和三个点，三个点分别代表将图片向三个不同的方向拉伸，从而达到放大和缩小的效果；在拉伸过程中，按着Shift键，再拖动角上的点，可以使图片保持宽高比例拉伸，如下图。如果要将图片恢复为原始大小，可以按属性面板右下角的“重设大小”按钮。

　　3、源文件是图片所在的位置；链接是该图片对应的超链接，由于没有做成链接，所以这里显示为空；后面的两个按钮 ，前者可以拉出一个箭头，直接将图片或链接指向文件夹的某一个文件，后者则是按照传统的方法打开文件夹去寻找某一个文件，按照实际操作的经验，前者作用不大；目标是链接的打开方式。关于链接的建立与注意事项将在后面介绍。

　　4、对齐：图片的对齐方式，这是最基本的网页排版方式之一，方式大家可以自行调试，在此就不占篇幅了。
　　替代：是图片的说明，假如我在这里输入：“我是美少女”，在浏览的时候，将鼠标移到图片上，就可以看到这些说明；
　　边框：图片的边框宽度，例如输入 10。

　　5、图片的置左、居中、置右，相信只要你使用过Word ，就不会对他感到陌生。

　　6、地图：用于在一个图片上的不同区域制作多个不同链接，也留待后面介绍如何建立链接时介绍。

　　文字的处理

　　适当的图片，可以令网页生色不少，但也不要忘记，文字，才是一个网页最基本的要素。现在让我们回过头来看看Dreamweaver可以在文字上耍些什么花招。

　　选取一段文字，此时的属性窗口显示如下：

　　1、格式：可以选择几种预设的文字格式；

　　2、选择文字的字体，这里可以选择的全是是英文字体，如果想选择其他字体，就要选择最底的一项，编辑字体列表...

　　① 可以通过加减符号增加或删除一个字体列表；
　　② 或者选取“Add fonts in list below”（增加字体列表）一项，同样可以增加一个字体列表；
　　③ 选择需要加入到字体列表的字体，可以同时选择多个（优先显示第一种字体，当第一种无法显示的时候，显示第二种，第二种还没有，显示第三种，如此类推）；
　　④ 将字体添加到字体列表
　　⑤ 或从字体列表中移除；

　　选择好后，按“确定”，就可以在DW中选择该刚才加入列表的字体了。

　　注意：因为别人的系统上不一定装有与你相同的字体，所以不要将一些特殊的字体加到列表中并使用。如果真有需要用到这些字体，应当做成图片后再使用。

　　3、 大小：文字的大小，数字越大，文字也越大。

　　4、 在这里选择文字的颜色：

　　你不仅可以在上面这个调色版上选取颜色，还可以选取屏幕上的任意颜色。其中 可以去掉文字上的颜色，使其显示为默认颜色值； 可以选择其他样式的调色版； 可以在扩展调色版上选取颜色：

　　在这里，不仅可以选取更为丰富的颜色，还可以通过填写RGB数值来选取颜色并将该颜色值保存起来方便以后调用。

　　5、 分别是设置字体为粗体和斜体。

　　6、 设置文字的置左、置中、置右。

　　7、 设置文字段落标号，如：

　腾龙是个好网站
　电脑课堂是个好栏目
或

　　1. 腾龙是个好网站
　　2. 电脑课堂是个好栏目

　　样式表使文字更添风采

　　上面讲到的，都是一些最基本的对文字的设置，如果想在文字上玩出更多的花样，就需要借助样式表的帮忙了。

　　在编辑状态，按“设计”（或Shift+F11），可进入样式表对话框（CSS 样式）。

　　点击右下角的 ，新建一个样式：

　　如上图，在“名称”处为你的样式起一个名字，Dreamweaver 默认会在名字前一个小数点，目的是避免与其他HTML标记混淆，例如我在这里起的名字是“myfont”（将unamed1改为myfont）；“定义在”是选择使用外部样式表还是只在本页建立样式（This Document Only），我们选择前者，这样就可以多页共用一个样式表，选择后按“确定”。

　　再接着的对话框中，输入样式表文件的名称，例如是“myfont”，按“保存”，这样就生成了一个叫myfont.css的样式表文件，如上图。

　　按照上图所示设置样式，“大小”是文字的大小，我们设为9 点数（简称9pt）；“行高”是行距我们设为14 点数，这样就得到了所谓的9磅字体。设置完毕后，按“确定”返回样式表对话框，可以看到一个叫“myfont”的样式已经被加入了，见下图。

　　接着，你可以选取一段文字，再在样式对话框选择“myfont”，怎么样？文字是不是变得精致了许多？9磅字体是宋体在不变形的前提下能显示得最小最精致的大小，因而在网页制作中被广泛采用。

　　除了9磅字外，还有一种10.4 像素的字体，是介于12pt和9pt之间的，也被经常使用到，大家可以自己试一试。

　　如果需要在其他页面引用已有的样式表，可以在样式表对话框上点 。另外， 是编辑已有的样式， 是删除一个样式。