实验3 使用Dreamweaver设计网页
目的和要求
（1）了解Web应用程序的基本开发流程。
（2）练习安装Dreamweaver 8。
（3）学习使用Dreamweaver设计网页的方法。
实验准备
（1）了解PHP代码是嵌入在网页中的，单纯的编辑工具都无法很友好地设计漂亮的网页。因此，应选择一个专业设计网页的工具，Dreamweaver是目前比较流行的网页设计工具。
（2）准备好Dreamweaver 8的安装程序。
实验内容
本实验主要包含以下内容。
（1）练习安装Dreamweaver 8。
（2）练习设置网页背景和颜色。
（3）练习添加和设置字体属性。
（4）练习添加和设置超链接。
（5）练习在网页中添加图像。
（6）练习在网页中添加表格。
1．安装Dreamweaver 8
参照3.7.1小节安装Dreamweaver 8，确认安装后可以运行Dreamweaver 8。
2．设置网页背景和颜色
参照下面的步骤练习设置网页背景和颜色。
（1）运行Dreamweaver 8。
（2）在弹出的向导对话框中，单击“创建新项目”栏目中的HTML项，创建一个HTML文件。
（3）切换到设计模式，右键单击网页，在弹出菜单中选择“页面属性”，打开“页面属性”对话框。在“分类”列表框中选择“外观”，可以在右侧设置页面的背景颜色为黄色，保存网页。
（4）在浏览器中浏览前面设计的网页，确认页面的背景颜色为黄色。
（5）切换到设计模式，右键单击网页，在弹出菜单中选择“页面属性”，打开“页面属性”对话框。在“分类”列表框中选择“外观”，可以在右侧设置页面的背景图像，保存网页。
（6）在浏览器中浏览前面设计的网页，确认页面的背景图像已经是上一步中设置的图像。
3．练习设置字体属性
参照下面的步骤练习设置字体属性。
（1）运行Dreamweaver 8。
（2）在弹出的向导对话框中，单击“创建新项目”栏目中的HTML项，创建一个HTML文件。
（3）切换到设计模式，在页面中添加几个文字。
（4）选中第（3）步中添加的文字，在菜单中选择“文本”→“样式”，选择文本的样式为加粗、倾斜和下画线，在属性窗口中设置字体为黑体。保存网页。
（5）在浏览器中浏览前面设计的网页，确认页面中的字体与设置的完全相同。
4．练习添加和设置超链接
参照下面的步骤练习在网页中添加和设置超链接。
（1）运行Dreamweaver 8。
（2）在弹出的向导对话框中，单击“创建新项目”栏目中的 HTML 项，创建一个 HTML文件。
（3）切换到设计模式，在菜单中选择“插入”→“超级链接”，打开“超级链接”对话框。在“文本”文本框中输入“新浪”，然后在下面输入网址http://www.sina.com.cn/。保存网页。
（4）在浏览器中浏览前面设计的网页，确认页面中的有一个“新浪”超链接。单击此超链接，可以打开新浪首页。
5．练习在网页中添加图像
参照下面的步骤练习在网页中添加图像。
（1）运行Dreamweaver 8。
（2）在弹出的向导对话框中，单击“创建新项目”栏目中的 HTML 项，创建一个 HTML文件。
（3）切换到设计模式，在菜单中选择“插入记录”→“图像”，打开选择图像文件对话框，选择在网页中插入一个图像文件。保存网页。
（4）在浏览器中浏览前面设计的网页，确认页面中存在第（3）步中插入的图像。
6．练习在网页中添加表格
参照下面的步骤练习在网页中添加表格。
（1）运行Dreamweaver 8。
（2）在弹出的向导对话框中，单击“创建新项目”栏目中的 HTML 项，创建一个 HTML文件。
（3）切换到设计模式，在菜单中选择“插入”→“表格”，打开“插入表格”对话框，在网页中插入一个3行3列的表格，并在表格的单元格中适当添加文字。保存网页。
（4）在浏览器中浏览前面设计的网页，确认页面中存在第（3）步中插入的表格。