后页 退出前页第 8章 网页制作基础（第一讲）
8.1 FrontPage 与 DreamWeaver的使用
8.1.1 FrontPage 与 DreamWeaver简介
FrontPage 是微软公司推出的一种所见既 所得的网页制作工具，它具有所见既所得 (WYSIWYG,What
You See Is What You Get) 的特点
Dreamweaver 是另一种网页制作工具，由 Macromedia
公司推出的专业可视化制作工具,主要用于网络站点和网页的创建与管理 。
FrontPage和 Dreamweaver作为网页编辑工具，两者特点各有千秋。一般来说认为 FrontPage2000适合于新手上手，而 Dreamweaver3则更多的被专业网页制作公司所采用，二者如何选择就看你自己的需要而定。
后页 退出前页
8.1.2 FrontPage 与 Dreamweaver使用基础
1,WWW
2,Web站点
3,Web服务器
4、超文本
5、网页
● 静态网页
● 图文并茂网页
● 动态网页后页 退出前页
6、主页
7,URL
http://www.sina.com.cn/
http://www.yahoo.com/chinese/index.htm等。
8,HTML
HTML是,Hypertext Markup Language”的缩写，它是编写万维网文件的标记语言。
9,HTML标签
HTML标签? 文件头标签
文件标题标签? 文件体标签
标题标签? 字体颜色标签
对齐标签? 图片标签后页 退出前页
8.1.3 FrontPage的使用要点
8.1.3.1 FrontPage Editor界面介绍后页 退出前页
1、新建网页
2、插入表格
3、插入图片
8.1.3.2 FrontPage 的基本操作后页 退出前页
4、插入链接
5、设置图片映射
6、设置页面的背景属性后页 退出前页
7、调整表格属性后页 退出前页
8、插入组件选择“插入”菜单的“组件”命令，单击“字幕”
选项，弹出对话框如下：
后页 退出前页
1、创建站点选择“文件”菜单的“新建”选项，单击“站点”
命令,就会弹出来如下新建站点对话框：
8.1.3.3 站点管理后页 退出前页
2、设计网站风格首先单击“格式”菜单 的“主题”命令，
打开”主题” 对 话框，
在“将主题应用到”
下面选择“所有网页”
选项，在主题列表框内选择应用的主题类型，右图中我们选择
“冰川”主题，单击
“确定”按钮。
后页 退出前页
8.1.4 Dreamweaver的使用要点
8.1.4.1 Dreamweaver的各个窗口介绍典型的 Dreamweaver应用程序操作环境包括如下几个部分,
（ 1）文档窗口 （ 2）启动面板
（ 3）对象面板 （ 4）属性面板
（ 5）可停靠浮动面板 （ 6）标题栏
（ 7）菜单栏 （ 8）状态栏后页 退出前页
1、创建空白文档
2、存储文档
（ 1）保存文档
（ 2）另存文档
（ 3）存储所有文档
3、关闭文档
4、添加文本和插入对象
5、插入日期
8.1.4.2 Dreamweaver的基本操作后页 退出前页
6、插入特殊字符
©；对应于特殊字符,?”
®；对应于特殊字符,?”
按照如下方法进行插入特殊字符操作,
（ 1）选择出入点位置
（ 2）打开对象面板上下拉列表，选择 Characters（字符）
（ 3）单击相应的按钮，插入相应的特殊字符
（ 4）若面板上无所需字符，单击面板上右下角的,Insert
Other Character”（插入其他字符）按钮
（ 5）单击需要的字符或在文本框中输入字符参考
（ 6）单击,OK” 按钮，插入字符到文档中后页 退出前页
7、插入水平线
（ 1）在文档中适当位置选择插入点
（ 2）在对象面板的下拉列表中选择 Common（常用）项
（ 3）单击对象面板上的 Insert Horizonal Rule（插入水平线）按钮
（ 4）选中插入的水平线，可以通过属性面板编辑该水平线的相关属性,示例如下：
后页 退出前页
8、在文档窗口中选择元素一般在文档窗口中选择元素时，可以参考如下的方法：
如果要选中的是普通对象或元素，只需要单击它，或是拖动鼠标选中它。
如果要选中的是看不见的元素，可以通过 Dreamweaver 3
的参数设置对话框，设置相应的选项，将这些不可见元素显示，然后再选中它们。
如果要选中的是标记，可以利用文档窗口下方的标记选择器来选中它们，利用,Edit”菜单中的相关菜单项，还可以选中当前标记的父标记或第一个子标记。
后页 退出前页
9、设置文档的页面属性可以按照如下方法进行设置文档页面属性：
（ 1）打开,Modify”菜单，选择,Page Properties”，或在文档窗口中单击鼠标右键，然后从快捷菜单中选择
,Page Properties”
（ 2）在下图所示的对话框中设置文档页面的整体属性后页 退出前页
10、使用历史面板
Dreamweaver的历史面板记录了您在文档窗口中操作的历史，
使用历史面板，可以帮助您撤销一个或多个步骤，或是重复进行一个多个步骤的操作，在网页的创作过程中，历史面板的作用举足轻重。一个典型的历史面板结构如下图所示：
后页 退出前页
8.1.4.3 HTML源代码检视器利用 Dreamweaver提供的 HTML源代码检视器，
可以对正在编辑的文档实现源代码级的控制，相关操作如下：
（ 1）启动和退出
打开,Window”菜单，选择,HTML Source”命令
单击 Dreamweaver启动面板上的,HTML Source”按钮
按下 F10热键
（ 2）编辑源代码
（ 3）在文档窗口和 HTML源代码检视器间切换后页 退出前页
1、显示站点窗口方法一：
（ A）启动 Dreamweaver默认情况下，它会进入文档窗口
（ B）打开,Window”菜单，选择,Site Files”命令，即可打开站点窗口方法二：
（ A）启动 Dreamweaver，默认情况下，它会进入文档窗口
（ B）单击启动面板上的,Site”（站点）按钮，即可打开站点窗口
8.1.4.4 构建站点后页 退出前页方法三：
（ A）启动 Dreamweaver，默认情况下，它会进入文档窗口
（ B）按下 F5键
2、构建站点可以按照如下方法进行操作构建站点：
（ A）确定本地站点的根目录所在位置
（ B）从文档窗口或是站点窗口中，打开,Site”菜单，选择
,New Site”，即可打开如下图所示的对话框。
后页 退出前页
（ C）在,Site Name”文本框中，输入该站点的名称
（ D）在,Local Root Folder”文本框中，输入该本地站点根目录的位置
（ E）若选中,Refresh Local File List Automatically”，则每当往本地站点中拷贝文件，或是从本地站点中删除文件时，都会自动刷新站点窗口中的站点文件列表
（ F）在,HTTP Address”文本框中，输入该站点的地址，
以便 Dreamweaver对文档中的绝对地址进行校验
（ G）若选中,Catch”复选框，则可以创建本地站点的缓存，
以加快站点中链接更新的速度后页 退出前页
（ H）设置完毕，按下,OK”按钮，确定操作，若你还没有选中,Catch”复选框，还会出现一个提示，允许您再次选择是否创建站点缓存
（ I） 单击,Create”按钮，则可以创建缓存，单击
,Don‘t
Create”按钮，则不创建缓存
（ J）要创建其他的本地站点，可以重复上面的操作
8.1 FrontPage 与 DreamWeaver的使用
8.1.1 FrontPage 与 DreamWeaver简介
FrontPage 是微软公司推出的一种所见既 所得的网页制作工具，它具有所见既所得 (WYSIWYG,What
You See Is What You Get) 的特点
Dreamweaver 是另一种网页制作工具，由 Macromedia
公司推出的专业可视化制作工具,主要用于网络站点和网页的创建与管理 。
FrontPage和 Dreamweaver作为网页编辑工具，两者特点各有千秋。一般来说认为 FrontPage2000适合于新手上手，而 Dreamweaver3则更多的被专业网页制作公司所采用，二者如何选择就看你自己的需要而定。
后页 退出前页
8.1.2 FrontPage 与 Dreamweaver使用基础
1,WWW
2,Web站点
3,Web服务器
4、超文本
5、网页
● 静态网页
● 图文并茂网页
● 动态网页后页 退出前页
6、主页
7,URL
http://www.sina.com.cn/
http://www.yahoo.com/chinese/index.htm等。
8,HTML
HTML是,Hypertext Markup Language”的缩写，它是编写万维网文件的标记语言。
9,HTML标签
HTML标签? 文件头标签
文件标题标签? 文件体标签
标题标签? 字体颜色标签
对齐标签? 图片标签后页 退出前页
8.1.3 FrontPage的使用要点
8.1.3.1 FrontPage Editor界面介绍后页 退出前页
1、新建网页
2、插入表格
3、插入图片
8.1.3.2 FrontPage 的基本操作后页 退出前页
4、插入链接
5、设置图片映射
6、设置页面的背景属性后页 退出前页
7、调整表格属性后页 退出前页
8、插入组件选择“插入”菜单的“组件”命令，单击“字幕”
选项，弹出对话框如下：
后页 退出前页
1、创建站点选择“文件”菜单的“新建”选项，单击“站点”
命令,就会弹出来如下新建站点对话框：
8.1.3.3 站点管理后页 退出前页
2、设计网站风格首先单击“格式”菜单 的“主题”命令，
打开”主题” 对 话框，
在“将主题应用到”
下面选择“所有网页”
选项，在主题列表框内选择应用的主题类型，右图中我们选择
“冰川”主题，单击
“确定”按钮。
后页 退出前页
8.1.4 Dreamweaver的使用要点
8.1.4.1 Dreamweaver的各个窗口介绍典型的 Dreamweaver应用程序操作环境包括如下几个部分,
（ 1）文档窗口 （ 2）启动面板
（ 3）对象面板 （ 4）属性面板
（ 5）可停靠浮动面板 （ 6）标题栏
（ 7）菜单栏 （ 8）状态栏后页 退出前页
1、创建空白文档
2、存储文档
（ 1）保存文档
（ 2）另存文档
（ 3）存储所有文档
3、关闭文档
4、添加文本和插入对象
5、插入日期
8.1.4.2 Dreamweaver的基本操作后页 退出前页
6、插入特殊字符
©；对应于特殊字符,?”
®；对应于特殊字符,?”
按照如下方法进行插入特殊字符操作,
（ 1）选择出入点位置
（ 2）打开对象面板上下拉列表，选择 Characters（字符）
（ 3）单击相应的按钮，插入相应的特殊字符
（ 4）若面板上无所需字符，单击面板上右下角的,Insert
Other Character”（插入其他字符）按钮
（ 5）单击需要的字符或在文本框中输入字符参考
（ 6）单击,OK” 按钮，插入字符到文档中后页 退出前页
7、插入水平线
（ 1）在文档中适当位置选择插入点
（ 2）在对象面板的下拉列表中选择 Common（常用）项
（ 3）单击对象面板上的 Insert Horizonal Rule（插入水平线）按钮
（ 4）选中插入的水平线，可以通过属性面板编辑该水平线的相关属性,示例如下：
后页 退出前页
8、在文档窗口中选择元素一般在文档窗口中选择元素时，可以参考如下的方法：
如果要选中的是普通对象或元素，只需要单击它，或是拖动鼠标选中它。
如果要选中的是看不见的元素，可以通过 Dreamweaver 3
的参数设置对话框，设置相应的选项，将这些不可见元素显示，然后再选中它们。
如果要选中的是标记，可以利用文档窗口下方的标记选择器来选中它们，利用,Edit”菜单中的相关菜单项，还可以选中当前标记的父标记或第一个子标记。
后页 退出前页
9、设置文档的页面属性可以按照如下方法进行设置文档页面属性：
（ 1）打开,Modify”菜单，选择,Page Properties”，或在文档窗口中单击鼠标右键，然后从快捷菜单中选择
,Page Properties”
（ 2）在下图所示的对话框中设置文档页面的整体属性后页 退出前页
10、使用历史面板
Dreamweaver的历史面板记录了您在文档窗口中操作的历史，
使用历史面板，可以帮助您撤销一个或多个步骤，或是重复进行一个多个步骤的操作，在网页的创作过程中，历史面板的作用举足轻重。一个典型的历史面板结构如下图所示：
后页 退出前页
8.1.4.3 HTML源代码检视器利用 Dreamweaver提供的 HTML源代码检视器，
可以对正在编辑的文档实现源代码级的控制，相关操作如下：
（ 1）启动和退出
打开,Window”菜单，选择,HTML Source”命令
单击 Dreamweaver启动面板上的,HTML Source”按钮
按下 F10热键
（ 2）编辑源代码
（ 3）在文档窗口和 HTML源代码检视器间切换后页 退出前页
1、显示站点窗口方法一：
（ A）启动 Dreamweaver默认情况下，它会进入文档窗口
（ B）打开,Window”菜单，选择,Site Files”命令，即可打开站点窗口方法二：
（ A）启动 Dreamweaver，默认情况下，它会进入文档窗口
（ B）单击启动面板上的,Site”（站点）按钮，即可打开站点窗口
8.1.4.4 构建站点后页 退出前页方法三：
（ A）启动 Dreamweaver，默认情况下，它会进入文档窗口
（ B）按下 F5键
2、构建站点可以按照如下方法进行操作构建站点：
（ A）确定本地站点的根目录所在位置
（ B）从文档窗口或是站点窗口中，打开,Site”菜单，选择
,New Site”，即可打开如下图所示的对话框。
后页 退出前页
（ C）在,Site Name”文本框中，输入该站点的名称
（ D）在,Local Root Folder”文本框中，输入该本地站点根目录的位置
（ E）若选中,Refresh Local File List Automatically”，则每当往本地站点中拷贝文件，或是从本地站点中删除文件时，都会自动刷新站点窗口中的站点文件列表
（ F）在,HTTP Address”文本框中，输入该站点的地址，
以便 Dreamweaver对文档中的绝对地址进行校验
（ G）若选中,Catch”复选框，则可以创建本地站点的缓存，
以加快站点中链接更新的速度后页 退出前页
（ H）设置完毕，按下,OK”按钮，确定操作，若你还没有选中,Catch”复选框，还会出现一个提示，允许您再次选择是否创建站点缓存
（ I） 单击,Create”按钮，则可以创建缓存，单击
,Don‘t
Create”按钮，则不创建缓存
（ J）要创建其他的本地站点，可以重复上面的操作
