网页设计与制作2

2．复制站点 ．
若要复制当前站点，可以使用文档窗口或站点窗口中“ 若要复制当前站点，可以使用文档窗口或站点窗口中“管理 站点”菜单的“复制站点”命令，打开“管理站点”对话框。 站点”菜单的“复制站点”命令，打开“管理站点”对话框。选 中要复制的站点名称，单击“复制” 中要复制的站点名称，单击“复制”按钮即可对当前站点进行复 制操作。 制操作。
2、站点窗口
在Dreamweaver 8的编辑窗口，选择“站点|管理站点”菜单， 的编辑窗口，选择“ 站点 管理站点”菜单， 的编辑窗口 管理站点 可以打开站点窗口。 可以打开站点窗口。
3、定义新站点
方法一： 方法一： 站点|新建站点 站点 新建站点 方法二： 方法二： 站点|管理站点 管理站点|新建站点 站点 管理站点 新建站点
1、Dreamweaver8的安装 2、Dreamweaver8的工作界面
（1）菜单栏 ） （2）插入工具组 ） （3）标准工具栏 ） （4）工作界面 ） （5）状态栏 ） （6）属性面版 ） （7）面版组 ） （8）日志 ）
3、Dreamweaver8的视图
作为一种所见即所得( 的网页编辑软件， 作为一种所见即所得 WYSIWYG)的网页编辑软件， 的网页编辑软件 Dreamweaver自动在用户创建网页时生成底层的 自动在用户创建网页时生成底层的HTML代码， 代码， 自动在用户创建网页时生成底层的 代码 同时提供了很好的HTML代码编辑功能。使用工具栏中的视图 代码编辑功能。 同时提供了很好的 代码编辑功能 切换按钮可以很方便地切换到代码视图， 切换按钮可以很方便地切换到代码视图，以便查看当前编辑网 页的HTML源代码。 源代码。 页的 源代码
指定网页文档的标题和边距 1、设定网页文档的标题
在网上冲浪时可以看到浏览器上端表示网页特征的标题。一般 把欢迎词或者网页名称作为标题，标题可以在“标准工具栏”中直接 输入，也可以通过“页面属性”对话框来设定。
2、指定网页文档的边距
下面介绍指定网页边距的方法。在Dreamweaver中可以随意设 定网页的边距，如果要取消边距，则可以把边距值设定为0。 设置背景色和背景图像 要想使用背景色或背景图像们需要在“页面属性”面版中的 “背景色”或背景图像选项卡中设定，背景图像最好选择较小的图片， 图像将以“四连方”的形式填充整个网页背景。
使用特殊符号表示版权
如果想使用Dreamweaver中提供的特殊符号，需要 把插入面版调整为“文本”面版。单击末端图标的下拉菜 单，就可以显出出常用的特殊符号。 1、使用特殊符号添加版权信息 下面将在前面制作的实例网页中利用特殊符号输入 版权信息。版权的一般表示形式为“Copyright （版权符号） （年份） （公司名称） All rights reserved。” 2、添加其他特殊符号 单击特殊符号的下拉菜单后，选择“其他字符”选 项，选择需要的符号后单击“确定”键即可。
定义站点 理解Dreamwerver Dreamwerver中的站点 1、理解Dreamwerver中的站点
制作网页需要标题图像、背景图像等图形文件以及音乐、 制作网页需要标题图像 、 背景图像等图形文件以及音乐 、 文 本等素材，在 Dreamwerver中把网页制作需要的各种素材保存在 本等素材， Dreamwerver中把网页制作需要的各种素材保存在 同一目录中，把改文件夹指定为本地站点，则管理操作将变得非 同一目录中，把改文件夹指定为本地站点， 常方便。 常方便。
3．编辑站点 ．
如果要更改当前站点设置，比如对站点进行修改站点名称、 如果要更改当前站点设置，比如对站点进行修改站点名称、 设置参数选项等编辑操作，可以使用上面的方法打开“管理站点” 设置参数选项等编辑操作，可以使用上面的方法打开“管理站点” 对话框，选中一个站点后单击“编辑”按钮， 对话框，选中一个站点后单击“编辑”按钮，即可打开该站点的 定义对话框进行站点编辑。 定义对话框进行站点编辑。
更改文字大小和字体
如果要在Dreamweaver中更改选项文字的大小，则选择好文字后， 在属性面版的大小中输入希望的文字大小即可。一般情况下文字的单 位选择用“像素”或者“点”。如果以“点”为单位则根据浏览器的不同 字大小可能会发生变化，但是以“像素”为单位，则在所有浏览器上都 会显示同样大小的字体。 使用“样式”来减少重复工作量提高速度。了解“样式”的重命名等知 识。 保存并预览网页。确定网页是否按照预想的一样。
打开网页文档并填充内容
1、在网页文档中填充内容 、 可以直接输入内容， 可以直接输入内容，但是如果内容较多那么可以从文字处理软 件复制预先保存的内容， 件复制预先保存的内容，下面把记事本当中的保存的内容复制到网页 中。 2、换行并分开文段 、 把记事本中预先保存的内容复制到网页中时，不会分行、 把记事本中预先保存的内容复制到网页中时，不会分行、分段 而是所有内容被连接到一起。网页内容较多时，必须换行、分段。 而是所有内容被连接到一起。网页内容较多时，必须换行、分段。这样 才能容易阅读。一般情况下分段使用“ 代码为<p>) ， 才能容易阅读。一般情况下分段使用“Enter”键(Html代码为 键 代码为 换行使用“ 代码为<br>) 。 换行使用“Shift”＋“Enter”键(Html代码为 ＋ 键 代码为
使用整洁的列表管理复杂的内容
1、理解列表的种类和特征 根据种类或者顺序排列的列表，可以使用Dreamweaver中提供 的列表功能来整理，如果列表没有顺序，可以使用项目列表，而需要 排序时，可以使用数字或字母等编号方式。需要注意的一点就是 Dreamweaver对中文列表支持的不是很好，有时还是需要手工列表才 能达到满意效果。 2、整理列表 下面通过实例来了解列表的使用方法。 3、创建或者取消下级列表 下面将学习创建列表中包含下级列表的方法和移动到上级列表 的方法。 下级列表使用缩进功能设定，下级列表使用凸出功能设定。
第2章 Dreamweaver入门 章 入门
通过本章学习，应该掌握以下内容： 通过本章学习，应该掌握以下内容： Dreamweaver的安装和工作界面 1. Dreamweaver的安装和工作界面 2. 创建站点的方法 3. 管理站点的方法 4. 能够为站点添加网页 5. 导入文件到当前站点的方法 6. 基本文字处理和排版
Dreromedia公司总部设立在美国加州旧金山，在全 球50多个国家设有经营机构。Macromedia公司在全 球拥有300万开发和设计用户以及广大的行业合作伙 伴网络，其丰富的客户机软件被98%的Web应用开发 人员所广泛使用，是企业、政府和教育市场客户的 战略性IT提供商。 Macromedia公司的主要软件产品包括： Macromedia Authorware、Macromedia Cold Fusion、 Macromedia Director、Macromedia Dreamweaver、 Macromedia Fireworks、Macromedia Flash、 Macromedia Flash Player、Macromedia FreeHand和 Macromedia JRun等。
4．删除站点 ．
中删除一个站点非常容易， 在 Dreamweaver 8中删除一个站点非常容易， 在弹出的 “ 管 中删除一个站点非常容易 在弹出的“ 理站点”对话框中，单击“删除”按钮就可以删除选中的站点。 理站点”对话框中，单击“删除”按钮就可以删除选中的站点。
把源文件指定为本地站点
下面介绍把特定文件夹指定为本地站点的方法。 下面介绍把特定文件夹指定为本地站点的方法。在 Dreamweaver的文件面中可以管理并修改本地站点。并导入源文件。 的文件面中可以管理并修改本地站点。 的文件面中可以管理并修改本地站点 并导入源文件。
插入水平线
1、理解水平线的设定值 单击插入面版中“HTML”面版中的“插入水平线”图标，可 以插入水平线。察看属性面版水平线的长度、宽度等相关属性后， 再插入水平线。 水平线长度如果以“像素”为单位，则插入水平线的长度是 固定的，而以百分比为单位，则插入的水平线长度将根据网页或表 格大小自动变更。 2、在网页中插入水平线 默认情况下水平线宽度为3像素，居中对齐。 水平线颜色可以通过“样式”或者在“快速标签编辑器”中 修改“color”代码来设定，直接通过“color”代码设定的颜色不能在 Dreamweaver中表示出来，必须通过浏览器来确定颜色的更改。
站点的基本操作
1．打开站点
如果要打开站点，可以在文档窗口或站点窗口中单击“站点” 如果要打开站点，可以在文档窗口或站点窗口中单击“站点” 菜单的“管理站点”命令， 菜单的“管理站点”命令，然后在弹出列表中选择当前已经定义 过的站点名称。也可以使用键盘快捷键“ 过的站点名称 。 也可以使用键盘快捷键“ F8”，此时将打开最后 ， 一次打开的站点窗口。 一次打开的站点窗口。
使用自己自作的颜色更改文字颜色
1、指定文字颜色
单击属性面版中的“颜色”按钮，可以改变文本的颜 色。弹出Dreamweaver中提供的颜色调色板，使用吸管单击 需要的颜色即可。 2、创建调色板中没有的其他颜色 如果在Dreamweaver中的调色板中没有所需要的颜色， 可以运行“颜色”对话框后，输入希望的颜色值，或在颜 色频谱中选择相应的颜色。
在Dreamweaver中添加基本字体
Dreamweaver中只有几种基本的字体，因此需要注册一些经常使用的字 体。下面把电脑中存在的字体添加到Dreamweaver的字体中。选择属性 栏中“字体”下拉菜单中的“编辑字体列表”，在“字体列表”中选择“ 下列表中添加字体”，然后在“可用字体”栏中选择需要添加的字体，并 添加到“选择的字体”栏目中，单击“确定”即可把字体添加到 Dreamweaver的字体列表当中。