如何利用Dreamweaver应用网站源代码制作网页
首先，定义站点
1.在任意根目录下创建一个文件夹(这里我们假设是E盘)，比如MyWeb。
备注:本网站使用的所有文件应使用英文名称。
2.打开Dreamweaver，选择“站点-新建站点”打开对话框。在Site Name中输入网站名称(中文),并在本地根文件夹中选择刚刚创建的文件夹(E:web)。那就确认一下。
注意:当您再次打开Dreamweaver时，会自动找到您刚刚设置的站点。如果有多个站点，您可以在菜单“站点-打开站点”中选择它们。
其次，创建一个页面
1.在本地文件夹E:\MyWeb下的空白处，点击右键，选择“新建文件”，这样就建立了一个页面，默认文件名是untitled.htm。Htm意味着这个网页文件是一个静态的HTML文件。重新命名为index.htm。
网站首页的名字通常是index.htm或index.html。你可以自己选择其他页面的名称。
2.双击index.htm进入该页面的编辑状态。在标题区输入网页名称，右键选择页面属性，打开页面属性窗口。在这里，您可以设置网站的标题、背景色或背景图像、超链接的颜色(一般是默认的)，其他都保持默认。
3.此时光标位于左上角，可以输入一句话，比如“欢迎来到我的主页”。选择文本，用菜单“窗口/属性”打开属性面板，选择文本大小为6，然后将文本居中，然后在文本前使用几个回车使其在页面上居中。
4.如果要选择字体，请选择字体中的最后一项:编辑字体列表。然后在对话框中选择+号，然后在“可用字体”栏中选择需要添加到字体列表中的字体，点击中间的按钮即可加入。
宋体是网页上最常用的。不要在列表中添加特殊字体，因为在别人的电脑上没有特殊字体是看不到的。如果需要使用，使用前要先做个图。
在网页上键入空格的方法是将输入法设置为全角。
在网页上换行的方法是:shift+Enter。只需按回车键即可更改区段。
第三，在页面上添加图片
1.在本地文件夹E:\MyWeb下面的空白处，右键选择“新建文件夹”，这样就创建了一个放图片的文件夹，可以重命名为tu或者pic或者images。
2.使用菜单窗口/对象打开对象面板，单击插入图像，并在对话框中选择要插入的图像。如果出现一个对话框:“是否要将此文件复制到根文件夹？”，您必须选择“是”,然后将其保存在您刚刚创建的文件夹中。
3.选择图片并打开属性面板，您可以在其中命名图片，重置图片的高度和宽度，并拖动图片角上的点来更改大小。按住shift键，然后拖动角上的点，使图片按其宽度和高度的比例拉伸。要恢复原始大小，请单击右下角的“重置大小”按钮。
4."链接"可以直接在这里输入地址。“替代”是对图片的描述，即鼠标指向图片中显示的文字；“边框”是图片边框的宽度，“对齐”是对齐方式。
第四，添加超链接
1.向文本添加链接。
例如，在页面上输入“我的文章”，然后选择它，打开属性面板，并在“链接”框中选择它要链接到的页面。在后一种“目标”中，我们通常使用self，即打开的新窗口替换现有窗口；或者选择空白打开一个新窗口。
2.给图片添加链接
与上述文本的链接一样，插入一张图片，然后在属性面板的链接框中选中它。
图片可以创建不同的多个链接。该方法如下:
在属性面板中的“地图”项目下有一些图形。比如点击正方形，光标会变成十字，图片上会画出一个蓝色的矩形热点。此时可以在属性面板上设置这个热点的链接地址，鼠标就会显示出来。同样，通过用圆圈设置热点，可以为图片设置其他链接。
3.添加电子邮件链接
选择要添加电子邮件链接的文本或图片，打开属性面板，并在“链接”框中输入电子邮件地址。格式如下:mailto:邮件地址。注意中间没有空格。
4.如果链接到浏览器打不开的文件，比如exe、Zip等。，那么浏览器点击这个链接，就会实现文件下载或者在线播放的功能。
动词 （verb的缩写）表格的使用
1.单击“插入/表单”打开表单面板进行设置。行数、列数、宽度、边框等。，“单元格填充”是单元格内部与内容之间的距离；“单元格间距”是单元格之间的距离，单位是像素。
2.插入表格后，单击表格的边框以选择整个表格。然后，您可以在下面的属性面板中进行各种设置。
3.将光标移动到其中一个单元格上，此时看到的属性面板就是该单元格的属性面板。您还可以对单元格执行各种操作。如背景颜色、背景图像、边框、合并、拆分等。
六、关于表格的其他操作
1.细线表的制作原则:
1.选择整个表格，将其背景设置为黑色(颜色为表格线条的颜色)。
2.选择所有单元格，并将其背景设置为白色。
2.自动格式化表格
1.首先制作一个表格，然后选择它。
2.从菜单中选择命令/表格格式。即可以选择一些预置的表格样式。
三位一体像素分隔栏
1.插入一个1行1列的表格，宽度为200像素，边框边距为0。
2.选择表格，将表格的高度设置为1像素，并设置背景颜色(即所需的线条颜色)。
3、切换到代码和设计窗口，代码
七、利用表格构建完整的页面。
网页的顶部(通常包括图标、广告和导航菜单)
1.创建一个1行2列的表格，宽度为760像素，边框和边距为0。
2.选择表格，设置排列方式为居中对齐，背景色为#3366CC。
3.将光标放在左边的单元格中，将其水平排列设置为左对齐，将垂直排列设置为上对齐，然后插入图像。一般网站的logo都插在这里。
4.将光标放在右边的单元格中，将其宽度设置为500，水平居中对齐，垂直居中对齐，然后插入一张图片，通常是网页广告，也就是banner。
5.将光标放在刚刚完成的表格之后，插入/table创建一个1行1列的表格，宽度为760像素，边框和边距为0。
6.选择新创建的表格，设置排列方式为居中，背景颜色为#005173。
7.将多个图像作为导航栏菜单依次插入到表格中。
网页的中间部分(左边是栏目列表，中间是网站新闻，右边是栏目列表)
1.在导航栏表格后，插入/table以创建一个1行3列的表格，宽度为760像素，边框和边距为0。并将排列模式设置为居中对齐，将背景色设置为#FFFFFFF。
2.将光标放在左边的单元格中，将其宽度设置为18%，将其水平居中对齐，垂直向上对齐，然后插入一个图像和一个导航栏。
3.将光标放在刚刚插入的图片上后，插入/table，插入一个12行1列，宽度为90%的表格。将单元格间距设置为1，背景颜色设置为#CCCCCC。
4.将光标放在表格的第一个单元格中，将其高度设置为20，背景颜色设置为#FFFFFF。插入/图像，在导航文本前插入一个点。还要设置其他11单元格，这样左边的列分类列表就完成了。
5.将光标放在主表格的中间单元格，将其宽度设置为66%，水平居中对齐，垂直向上对齐，然后插入/image并插入导航栏。
6.将光标放在图像上后，插入/table，并插入一个4行1列、宽度为95%的表格。将单元格间距设置为1，背景颜色设置为#CCCCCC。
7.将光标放在表格的第一个单元格中，拖动鼠标，并选择所有四个单元格。设置高度为60，背景色为#FFFFFF。
8.将光标放在主表格右侧的单元格中，将其宽度设置为16%，水平居中对齐，垂直向上对齐，插入/图像，插入导航栏。
9.将光标放在图像上后，插入/table，并插入一个7行1列、宽度为90%的表格。设置间距为1，背景颜色为#CCCCCC。
10，按住Ctrl键，点击刚刚插入的表格的1、3、5、7单元格，然后将它们的高度设置为55，背景色设置为#FFFFFF。
11.选择第二、第四和第六个单元格，设置它们的高度为6，背景颜色为#FFFFFF。
12.切换到源代码窗口，删除单元格2、4和6中的空格符号“”。
网页底部(一般包括版权信息等相关内容)
1.将光标放在主表格中后，插入/table创建一个2行2列、760像素宽、0个边框和边距的表格。
2.选择表格，设置排列方式为居中对齐，背景色为#3366CC。
3.将光标放在表格第1行左侧单元格，将其宽度设置为50%，将水平排列设置为默认，将垂直排列设置为基线，将背景色设置为#FFFFFF，然后输入版权信息，内容颜色任意。
4.将光标放在表格第1行的右边单元格，插入/image，插入一个圆角图像，在其后面输入单词Email，将其大小和颜色设置为1和#FFFFFF。
5.插入/形成对象/文本字段。插入任意宽度的文本字段。
6.插入/图像，插入GO的图像。
7.设置页面属性。单击菜单“修改/页面属性”，在“标题”列中输入标题，选择背景图像，并将顶部边框设置为0。
把整个网页放在不同的表格里，也可以加快浏览器的阅读时间。；因为浏览器只显示读完整张表后的内容，所以最好不要框在整张表中。
第八，使用布局表建立一个完整的页面。
1.点击插入/布局，里面的布局视图按钮会切换到布局视图状态(默认为标准视图)。也可以使用菜单中的视图/表格视图/布局视图进入。
2.先点击“绘制布局表格”按钮，然后在页面中创建一个类似绘图的布局表格。
3.就像上一个例子一样，在页面的顶部、中间和底部画一个大表格。
4.再次单击绘制布局单元格按钮，然后在已经绘制的布局表格中绘制布局单元格。
5.回到标准视图，在分割表中插入一个嵌套的小表格，对页面进行细化，就可以完成整个页面的设计了。
* * * *注意把整个页面放在一个大的布局表格里，因为这样的网页浏览起来会很慢。你要根据页面的布局和内容划分几个布局表格，然后分别在里面插入布局单元格。
九、图层的使用
1，单击插入/图层。您也可以单击图标并拖动鼠标来创建层。
3.选择创建的层并查看属性面板。使用“图层编号”和“标签”的默认值。编程需要“层号”，我们现在一般不用。“上”是距页面上边界的距离；“左”是距左边界的距离。“Z轴”是层的顺序，较大的数字叠加在较小的数字上。
* * * *如果没有设置颜色，则该层是透明的。
4.点击中间层左上角的小方框，随意拖动图层，大小也可以调整。
5.在“溢出”栏中，当文本大于层大小时，可见(超出部分仍显示)、隐藏(超出部分隐藏)、滚动(无论是否超出都显示滚动条)和自动(只有超出时才显示滚动条)。
6.单击菜单窗口/其他/图层打开图层管理窗口。您可以修改层的名称和z轴值，或者单击眼睛图标使层可见或不可见。还有一个选项可以防止重叠。
7.层的对齐。按住shift键，同时选择几个层。然后使用修改/对齐，并使用此处的选项。
8.嵌套层。(1)首先，在文档中插入一个图层。⑵将光标放在该层，然后继续插入一层，得到嵌套层。(3)里面叫子层，外面叫母层。它们的z轴顺序是相同的。拖动父层时，子层也会相对移动。移动子层时，父层不会随之移动。
十、理解时间线。
1.单击菜单中的“插入/层”以插入层。
2.在图层中插入图片，如飞机图片。(这里的图片也可以是小动画。gif图片。)
3.点击菜单中的窗口/其他/时间线，打开时间线窗口。
4.选择页面上创建的图层，用鼠标按住图层左上角的小方框图标，将图层拖放到时间轴的1帧。这时，一条长度为15帧的时间轴被自动创建。
5.选择时间轴上的1帧，将页面中的图层拖拽到页面的左上角，也就是动画开始的位置。
6.选择时间轴上的第15帧，可以拖动帧到任意长度，比如30帧。
7.选择第30帧，并将层拖到页面的右下角。此时，窗口中将显示该层从1帧到第30帧的移动轨迹。(此时，运动是直线)
8.可以点击15框架，右键“添加关键帧”，选中15框架，将图层拖到页面底部。
9.选中“自动播放”项。
总结:Dreamweaver是一个非常强大的软件，有很多功能需要自己去总结和探索。熟悉之后就会很简单了。