6．最后系统给出我们刚才设置的总结报告，如图3．29所示界面。单击【完成】按钮，结束站点设置。

图3．29    站点设置总结报告界面

 3.4.3  创建网站网页

网站站点建立完毕，接下来就要制作网页了。作为一个网站，当然首先出现的是首页，下面来创建首页文件——“index.htm”，操作步骤如下：

1．用鼠标右键点击站点根目录，在弹出菜单中选中【新建文件】命令，如图3．30所示；

    图3．30  弹出菜单

2．将文件命名为index.htm，然后按回车键。双击此文件，就可以在左边的编辑窗口进行网页编辑了，如图3．31所示 。

 图3．31    网页编辑界面

3．同理，用鼠标右键站点根目录，在弹出菜单中选中【新建文件夹】命令可以在根目录下建立文件夹。如图3．32 是在根目录下建立了一个“image”文件夹以便存放网站的图片的文件夹。

图3．32    新建文件夹

    在创建网页时，要注意网页的命名。因为一个网站中网页数目庞大，文件名是管理它们的唯一途径，一个人单独制作网站，遵循命名规则方便今后自己修改；多人合作制作，遵循命名规则会使合作方便很多。

一般而言首页文件名为“index.htm”或“index.html”，如果用ASP语言编写，则为“index.asp”，其他的文件则可以用下面两种种方法命名：

①拼音或者汉字声母缩写，可以根据页面主题命名，如登录页面可以命名为“dl.htm”；

②英文：或者英文原文缩写。如登录页面可以命名为“login.htm”；

请注意：文件名不要使用中文，因为如果空间是UNIX系统，中文文件名将不被识别。

3.4.4  网页文本的编辑

1．输入文本

    新建文档之后打开编辑界面，此时可以在【编辑窗口】中输入文本了，输入的方法与WORD等常用的文字编辑软件类似。

2．保存文档

    选择主菜单的【文件】/【保存】命令，将打开【保存为】对话框，如图3．33所示。

图3．33    保存文档

选中保存路径，给文件命名后，选择保存类型，然后按下【保存】按钮即可完成文件保存。

3．编辑文本

①设置文字大小

    鼠标选中欲改变大小的文字，然后点击属性面板中的字体大小下拉菜单设置即可。

②改变字体

    鼠标选中欲改变字体的文字，然后点击属性面板中的字体下拉菜单设置即可。

③改变字体组合

    点击属性面板【字体】的下拉菜单，选中【编辑字体列表】，如图3．34所示。

图3．34    编辑字体列表

打开如图3．35所示的字体列表对话框,此时可为网页上的文本添加新的字体。

图3．35   7.ASP运行结果

④改变文本颜色

鼠标选中欲修改的文本，然后在属性面板中选择颜色，打开如图3．36所示的调色板选择颜色即可。如要改变整个页面的文本颜色，可打开【页面属性】对话框，选中【外观】/【文本颜色】，打开调色板选中颜色即可,如图3．37所示。

 图3．36   7.ASP运行结果

 图3．37   7.ASP运行结果

    ⑤段落的设置

    将光标移动到段落前，然后在【属性】面板中的【格式】下拉列表中选择相关的选项，光标后的文本即可发生变化。

⑥其他

    在属性面板中可以设置文本的对齐方式，如加粗，倾斜，左右最齐，居中对齐等，这些都与Word或者WPS等字处理软件用法相同，大家可以试一试，在此不过多叙述了。

3.4.5  网页图像

图文并茂是网页的一大特色，图像不仅能使网页生动、形象、美观，而且能使网页中的内容更加丰富多彩，因此图像在网页中的作用是举足轻重的。作为一个网页设计者，掌握好网页中图像的应用尤为重要。

    要掌握好网页中图像的应用，首先我们来了解一下跟图像有关的内容：

—网页安全色

    理论上根据红绿蓝三种基色，加上每种基色、饱和度和透明度的变化，排列组合之后，我们可以得到16777216种（RGB）颜色，但在这一千六百万种颜色中只有216种颜色能被浏览器识别，超出这个范围，浏览器就会忽略或者显示出现偏差。尽管现在浏览器性能越来越好，支持的颜色范围也越来越广，但最安全的颜色还是这216种，因此它们被成为网页安全色。Dreamweaver MX 2004 的调色板就是网页安全色范畴之内的颜色，使得网页颜色的选取控制在安全色之内。

—GIF图像

    GIF图像是网页中使用的最广泛，最普遍的一种图像格式，它是英文“可交换图像格式”的缩写。GIF图像最多只能支持256种颜色，因此一般来说文件体积较小，适合在网络上使用。
    GIF格式的图像可以被交替下载，当浏览器下载时，首先只下载其中某些行，使浏览器显示图像的大致轮廓，然后逐步下载其他行，使图像逐渐清晰起来。网页中使用交错的GIF图像能够减少访问者的等待时间。

—JPEG图像

    JPEG图像是网页中另一种被广泛使用的图像格式，它是“联合图像专家组文件格式”的英文缩写，最多可以支持16.8兆种颜色，适合在需要表现细腻颜色细节的图像上使用，因为它支持的颜色数目较多，所以生成的文件体积较大。但由于JPG格式图像具有较高的压缩率，提高了浏览器下载速度，也被广泛应用在网页中。

    当我们对颜色和图像有了初步了解之后，就能尝试在网页中插入图像了。

1.插入图像

    Dreamweaver MX 中插入图像非常方便，只要在站点管理器相应的文件夹下选中图像，用鼠标拖拽到文档编辑窗口即可，也可以在【插入】菜单中选择【图像】命令然后打开如图3．38所示的“选择图像源文件”对话框，选择图像文件然后点击“确定”按钮就能将图像插入网页中了。如果选择的图像文件不在定义的站点目录内，将弹出对话框询问复制到网站的目录下，应该选择“是”，否则，当今后将网站上传到服务器之后该图像就无法显示了。

图3．38    “选择图像源文件”对话框