《dreamweaver新建html网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验2新建HTML网页实验要求通过实验，掌握创建HTML网页的方法，以及如何在网页中输入文本、插入日期和水平线等元素，并在属性面板中进行相应得设置。说明在web世界中，内容和样式起着设计网页的重要作用。在网页上输入、编辑、格式化文本是网络开发者的重要工作之一。Dreamweaver提供了必要的工具使用户能够轻松地完成这些任务。对应知识点：新建、打开和保存文件的方法在Dreamweaver中创建标题输入文本和特殊字符输入日期和水平线实验素材将在网页中显示的Word电子文档一份实验步骤1．启动DreamweaverMX2004程序

2、，选择菜单“文件”“新建”命令，打开“新建文档”对话框。在对话框“常规”标签下选择“类型”列表中的“基本页”选项。2．随后在中间显示的“基本页”列表中单击“HTML”选项。如图2-1所示。3．单击“创建”按钮，完成HTML网页的创建，打开HTML网页进行编辑。说明在新启动的DreamweaverMX2004程序中间位置，会显示一个快捷菜单“开始页”面板。选择中间“创建新项目”列表内的“HTML”选项，可以直接创建HTML网页。如图2-2所示。单击后，打开新建网页的编辑窗口，进行编辑。图2-1“新建文档”对话框图2-2选择HTM

3、L选项如果要在已经打开的网页编辑窗口中创建网页，也可以有右击网页标题栏任意位置，在弹出的快捷菜单中选择“新建”命令。如图2-3所示。说明在DreamweaverMX2004中利用图2-1所示的对话框创建一个新的页面时，不仅可以创建普通的HTML页面，还可以新建包括网页应用程序在内的其他内容。例如在“类别”列表框的“基本页”选项中，用户可以在中间的列表框中选择如“HTML模板”页面、“库项目”、“CSS（层叠样式）”等类型的文档。在其他的类别中也同样有许多相关项提供。4．在新建网页编辑窗口，选择菜单“文件”“保存”命令，或按Ct

4、rl+S键打开“另存为”对话框。在对话框“保存在”下拉列表中选择保存网页的磁盘位置，在文本示列中选择的是Ｆ盘下的“03”文件夹；在“文件名”编辑框内输入文件名称“page”；“保存类型”为默认设置即可。如图２－４所示。图2-3选择“新建”命令图2-4“另存为”对话框12MacromediaDreamweaverMX2004试验手册　　　　　　　　　　　　　　　　　　　5.单击“保存”按钮，返回网页编辑窗口，此时可以看到网页名称为变为“page.htm”。如图２－５所示。图2-4保存后网页名称改变６．切换到中文输入模式，在网页编

5、辑窗口空白处单击，在光标处开始输入文本。首先，输入网页标题“系统集成———城建信息港网络工程”。７．拖动鼠标选项中标题文字。选择菜单“窗口”　　“属性”命令，打开属性面板。在属性面板“格式”下拉列表中选择“标题1”；单击“粗体”按钮和“斜体”按钮；单击“文本颜色”按钮，打开调色板，使用吸管选取蓝色（色标值为:#0033CC）。如图2-6所示。此时标题效果和属性面板如图2-7所示。图2-6吸取文本颜色图2-7在属性面板中设置标题效果说明标题是用来分隔和介绍文档的重要部分。HTML包含6级标题，标题标签的语法为，其中n代表

6、从1-6的数字。最大的标题为

,最小的是

。在Dreamweaver中将文本设置为特定的标题大小有两种方法。无论哪一中方法，用户要首先选定要更改的文本。如果用户将一个单独的行或段落设计为标题，只需将光标停放在段落中的任意地方就可以了。8．将光标定位在标题右侧，按Enter键换行。选择菜单“窗口”“插入”命令，打开插入面板。9．单击左侧的向下箭头，选择“HTML”选择，切换到HTML面板。在面板中单击“水平线”按钮按钮，在网页中插入水平线。如图２－８所示。图2-8插入水平线选中水平线，在属性面板中可以设置水平线的宽、

7、高、对齐方式等。10．下面需要输入网页的详细内容。通常我们可以将以编辑好的Word文档直接导入到网页中。选择菜单“文件”　“导入”　　“Word文档”命令，弹出“打开”对话框。11．在“打开”按钮，Word文档中的内容将立即出现在网页中。Dreamweaver对于文本编辑所起的作用，就像一个字处理程序。在段落前面设置中文输出方式为全角，按两次空格键，使段落前空两格。当文本超出右页边界的时候，文字会自动地换到下一行中。按Enter键可以结束当前的段落，并开始下一个段落。13．选中“用户需求分析”小标题，在属性面板“格式”下拉列表

8、中选择“标题３”。单击属性面板中“编号列表”按钮按钮，文字缩进并显示标题号“１”。单击属性面板的“列表项目”按钮按钮，打开“列表属性”对话框。14MacromediaDreamweaverMX2004实验手册　　　　　　　　　　　　　　　　　　　　　　　　　　　　　14．在对