任务二 在站点中创建网页
任务导入
创建好站点后就要为站点创建相关的网页。本任务将创建图1-2-1所示的网页作为站点的首页。
图1-2-1 图文并茂的站点首页
任务实施
1.创建和保存网页
（1）通过“Windows资源管理器”窗口将收集到的图片素材保存到站点文件夹“dw_web”中的“images”文件夹中，准备好网页素材。
（2）运行Dreamweaver CS6，窗口右侧的“文件”面板中显示任务一中建立的“DW练习”站点。右击站点文件夹，在弹出的快捷菜单中选择“新建文件”命令，输入文件名为“index.html”，按【Enter】键。
（3）双击index.html文件，在Dreamweaver的文档编辑区中就会打开这个空白的新网页。
（4）设置网页背景。在“属性”面板中单击“页面属性”按钮，弹出“页面属性”对话框（见图1-2-2），单击“背景图像”右侧的“浏览”按钮，弹出“选择图像源文件”对话框，选择bg.jpg文件，单击“确定”按钮，如图1-2-3所示。返回“页面属性”对话框，设置左边距和右边距为2像素，上边距和下边距为10像素（见图1-2-4），单击“确定”按钮。
图1-2-2 “页面属性”对话框
图1-2-3 “选择图像源文件”对话框
图1-2-4 设置页面边距
（5）设置网页标题。在文档工具栏的“标题”文本框中输入网页的标题“e知味”。
（6）添加图像。在窗口右侧的“文件”面板中展开“images”文件夹，选中并拖动top01.jpg文件到网页中，弹出“图像标签辅助功能属性”对话框，在“替换文本”文本框中输入“首页标题图”（见图1-2-5），单击“确定”按钮，按【Shift+Enter】组合键换行。以同样的方法将图像文件index.jpg添加到网页中。
注
“图像标签辅助功能属性”对话框中的“替换文本”是指：当网页中的图像不能正常显示时，可用指定的文本来代替图像显示。
图1-2-5 “图像标签辅助功能属性”对话框
（7）在图像下方添加一个空段落，输入文本“点击进入……”，选中“点击进入……”文本，在“属性”面板中设置加粗（B）。
（8）按【Ctrl+A】组合键选中所有对象后右击，在弹出的快捷菜单中选择“对齐”→“居中对齐”命令，如图1-2-6所示，使所有对象在网页中水平居中对齐。
（9）按【Ctrl+S】组合键保存网页文件，按【F12】键浏览网页。
图1-2-6 设置“居中对齐”
2.打开和关闭网页文件
（1）打开网页文件的方法有：
● 在“文件”面板中双击该文件。
● 选择“文件”菜单→“打开”命令，弹出“打开”对话框，选中文件后，单击“打开”按钮。
（2）关闭网页文件的方法有：
● 单击文档名称右侧的“关闭”按钮。
● 选择“文件”菜单→“关闭”命令，关闭当前文件。
● 选择“文件”菜单→“全部关闭”命令，关闭所有已打开的文件。
相关知识
1.网页的组成
一个网页文件通常由多种不同元素组成，可包含文本、图像、超链接、表格、层（Div）、表单、动画、音频、视频和脚本程序等元素。
2.网页的组成元素
文本：文本是网页中最基本的元素，网页内容主要是靠文本来表达的。文本字符所占的存储空间非常小，下载速度非常快。文本可以使用各种格式属性来修饰，还可以用脚本程序产生各种动态效果。
图像：网页总是图文并茂的，合理的图像布局能给人以强烈的视觉冲击效果，所以图像是网页中必不可少的元素。网页中常用的图像格式有JPG、GIF、PNG等。
超链接：网页中海量的信息是通过超链接来实现联系的。用户单击网页中的超链接，浏览器就会打开与之关联的网页或信息点。超链接实现了网页的跳转，将独立的网页连成了无边无际的信息海洋，使得网页与网页、网站与网站之间相互连接成为一个有机的整体。
表格：表格在网页中主要用于清晰地显示各类数据和进行页面布局，应用方便。
层（Div）：一般与CSS（层叠样式表）结合使用，进行页面布局。其应用灵活，修改方便，可以在页面的任意可显示区域布局层，相对于表格的布局功能而言，更能代表网页布局技术的发展方向。
表单：主要用于收集用户输入的数据，实现网页的动态交互功能，因此表单主要应用于动态网页中。
动画：动画可以让网页更生动活泼，丰富视觉效果。网页中常用的动画文件格式有GIF和SWF。GIF动画最多只能正常显示256种颜色的画面，而SWF文件是Flash动画，可以显示真彩色动画。
音频：音频对象是网页中人机交互的又一种重要元素，让网页有了声音效果，丰富了网页的功能。音频文件的格式主要有WAV、MIDI、MP3等。
视频：与音频对象一样，是网页中又一种重要元素，使得网页的多媒体功能更全面，更精彩，更实用。视频文件的格式主要有RM、AVI、WMV、MPG、FLV等。视频文件一般都需要客户端安装相应的插件才能正常播放。