宿舍楼
情人坡
三、网页详细设计分析
31建立站点
⑴打开站点管理→新建→站点→输入名称“邵阳学院之旅”→下一步⑵单击“下一步”⑶选好存储位置→单击“下一步”⑷选好服务器文件夹→单击“下一步”⑸单击“下一步”⑹单击“完成”
如下图：
2
f邵阳学院电气工程系吴鹏辉
网页设计与制作
32建立布局
在这次的网页设计中用到大量的布局，所以怎么样建立布局是关键。Dreamweavercs3是大多数人设计网页的称手兵器，也是众多入门者的捷径。特别是其在布局方面的出色表现，更受青睐。大家都知道，没有表格的帮助，很难组织出一个协调合理的页面。
1点击“ALTF6”键，进入布局模式，插入布局表格。建立一个大概的布
3
f邵阳学院电气工程系吴鹏辉
网页设计与制作
局。2使用背景图片：选中该项，按浏览可以插入一幅准备好的图片作为表格
的背景，因为图片是以平铺的形式作为表格背景，所以表格大小和图片尺寸都要控制好。
33网页中的图像
图像传输是WWW的真正魅力所在，它与文字相比具有显著的优点：一是直观，人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度；二是能更清楚地表达细节内容。正是由于这些优点，所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画，浏览者一定会流连忘返（如果图片很大，效果会适得其反）。图像文件的格式有几十种，如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等，现在I
ter
etExplorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。
（1）在网页中插入图像
利用Dreamweavercs3可以方便地在网页中插入图像，还可以设置图像边框、大小、和位置，并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单：
1新建一个空白网页，把光标定位在网页的开始位置。2打开“工具”菜单，选择“图片”菜单项，在子菜单中选择“来自文件”菜单项，或者单击工具栏中的图片工具图标，弹出一个“图片”对话框。3在此对话框中单击“浏览”按钮，出现一个“选择文件”对话框。4在“选择文件”对话框的文件列表中选择某个图像文件，然后单击“确定”按钮，或直接双击该图像文件，该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。
（2）图像的各种属性设置
1选中所插入的图片，单击鼠标右键，弹出一个快捷菜单，在菜单中选择“图片属性”菜单项，出现一个“图片属性”对话框
2打开“外观”选项卡①设定图像边框粗细：在“外观”选项卡的“布局”栏里可以根r