agui@”>联系我们
返回首页
友情链接
第三步：
保存为.htm文件，在浏览器中打开，如图12.10所示。
二、动态网页制作
1.编辑图像
制作网页需要大量的图片，可以使用图片处理工具如画图、Illstrator、Photoshop等对图片进行制作和修改。
我们以Photoshop为例进行介绍，对图片进行适当的处理。
第一步：
单击“开始—程序—AdobePhotoshop7.0”，打开Photoshop窗口。
第二步：
单击“文件—打开”命令，打开你所要修改的图片文件。
第三步：
点击“图像—图像大小”，在弹出的对话框中将图像的高度设置为1000像素，宽度设置为600像素（如果无法设置，可以去掉约束比例），点击确定，如图12.11所示。
第四步：
点击“滤镜—风格化—风”命令，按个人需要进行设置，然后单击确定，如图12.12所示。
第五步：
单击“文件—保存为”，在弹出的对话框中设置保存路径、文件名称和文件的扩展名，保存为JPEG格式，单击确定完成，如图12.13所示。
12.11图像大小修改
12.12滤镜的使用
12.13图像的保存
第六步：
按照此种方法，再打开两张图片，调整大小为200X100像素，并分别应用动感模糊、水波、马赛克拼贴、镜头光晕等效果，最后保存图像，如图12.14。
12.14图像滤镜效果的使用
2.FrontPage的简单应用
（1）在FrontPage中应用动态HTML效果，操作步骤如下：
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—保存”，将文件保存为Index.htm。
第三步：
单击“工具—自定义”，弹出如图12.15所示窗口，选中DHTML效果。
出现如图12.16所示。
12.15DHTML效果设置
12.16DHTML效果工具栏
第四步：
在FrontPage设计窗口中输入“天津现代职业技术学院”，然后选中文本，在出现的DHTML效果工具栏中进行设置，如图12.17所示。
12.17DHTML效果设置方法
第五步：
保存后，在浏览器中进行预览，当鼠标放置在文本上时，则出现如图12.18所示。
12.18DHTML效果
（2）在FrontPage中插入横幅广告，操作步骤如下：
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—保存”，将文件保存为Index.htm。
第三步：
单击“工具—自定义”，弹出如图12.19所示窗口，选择“命令—插入”，找到“横幅广告管理器”，用鼠标将其拖至工具栏上。
12.19横幅广告管理器按钮
第四步：
打开“横幅广告管理器对话框”，设置高度为100，宽度为320，过渡效果为分解，每幅图片显示五秒，单击“添加”按钮，如图12.20所示，然后选择要添加的另外横幅图片，如图12.21，单击“确定”按钮。
12.20添加图片一12.21添加图片二三
第五步：
保存后，在浏览器中进行预览，每隔五秒变换一次图片。
（3）在FrontPage中嵌入视频，操作步骤如下：
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—保存”，将文件保存为Index.htm。
第三步：
单击“插入—WEB组件”，打开“插入WEB组件”对话框，找到“高级控件”，选中高级控件中的“插件”，如图12.22、12.23所示。
12.22插入WEB组件
12.23属性设置
第四步：
在“插件属性”对话框中，浏览选择要加入的视频文件，并对其大小和布局进行设置，也可以隐藏插件，单击“确定”。
如图12.24所示。
12.24嵌入视频文件
第五步：
播放的控件太小，把它变大，回到设计模式，单击视频的图标，拖动视频图标周围的小黑点，如图12.25所示，保存文件，在浏览器中进行预览，如图12.26所示。
12.25视频文件图标调节12.26视频文件
（4）在FrontPage中嵌入、插入音频，操作步骤如下：
嵌入音频：
第一步：
同“嵌入视频”前三步。
第二步：
在“插件属性”对话框中，浏览选择要加入的音频文件，并对其大小和布局进行设置。
保存后在浏览器中预览，如图12.27所示。
如果想要让该音频成为背景音乐，可以做如图12.28设置，去掉提示信息并隐藏插件。
12.27播放的音频文件12.28属性设置
注：
嵌入要使用插件来播放音频文件，离开了插件，嵌入的文件就不能够正常的播放。
而插入则不同，它在播放多媒体时并不依赖插件，只和我们使用的浏览器有关。
插入音频：
第三步：
在网页内右击鼠标，选择“网页属性”，如图12.29所示。
单击背景音乐框的浏览按钮，在默认情况下，不限次数复选框是选中的，表示文件将不断循环播放，单击"确定"按钮。
12.29背景音乐的设置
（5）在FrontPage中嵌入FLASH，操作步骤如下：
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—保存”，将文件保存为Index.htm。
第三步：
单击“插入—WEB组件”，打开“插入WEB组件”对话框，找到“高级控件”，选中高级控件中的“Flash影片”，如图12.30所示。
12.30插入Flash影片对话框
第四步：
单击“完成”，浏览选择要加入的Flash影片，选择完成后，右击插入的对象，则可以对其大小和布局进行设置，如图12.31所示。
12.31Flash影片属性设置
注：
网页中插入的Flash影片的格式为SWF。
应用嵌入视频的方式也可插入Flash影片。
（6）在FrontPage中使用表格，操作步骤如下：
利用表格设计如下图所示的网页:
12.32网页设计
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—保存”，将文件保存为Index.htm。
第三步：
单击“表格—插入表格”，弹出如12.33所示对话框，表格属性为：
4X1行列、对齐方式为水平居中、宽度为800像素、高度为400像素、单元格边距、衬距都为0、边框为5像素、颜色为{66,CC,FF}，如下图12.33所示。
12.33表格属性设置
第四步：
选定第一个单元格，右键单击，选择“单元格属性”，弹出如12.34对话框，将第一单元格的高度设为74像素。
12.34单元格高度设置
第五步：
在第一单元格处右键单击，选择“拆分单元格”，将其拆分为两列，第一列的宽度为182像素，如图12.35、12.36所示，在第一列中输入“经典广告网站”，在第二列中插入Flash动画，并对其格式进行设置。
12.35拆分单元格12.36设置第一列宽度
第六步：
选定第二行，右键单击，选择“单元格属性”，将其高度设置为19像素，背景颜色为{66,CC,FF}。
第七步：
第三行高度为216像素，插入一个AVI视频。
第八步：
第四行高度为17像素，按照要求输入文字。
（7）在FrontPage中建立及应用CSS文件，在FrontPage里可以通过三种方式给网页增加样式表。
以外部样式表为例，操作步骤如下：
第一步：
单击“开始—程序—MicrosoftOffice—FrontPage”打开FrontPage窗口。
第二步：
单击“文件—新建”，在如图12.37所示对话框中，选择普通样式表，确定。
12.37样式表的建立
第三步：
单击如图12.38所示的样式工具栏中的样式按钮，弹出如图12.39所示的对话框，在该对话框中选择“新建”。
12.38样式工具栏
12.39样式表的建立
第四步：
单击“样式”对话框中的“新建”按钮，弹出“新样式”对话框，输入样式名称“test”，单击“格式”按钮进行字体、段落、边框等设置，如图12.40所示。
12.40样式设置
第五步：
单击“确定”按钮，完成样式文件的创建，执行“文件—保存”命令，以Mystyle.css名称进行保存。
第六步：
新建网页并保存，在页面中输入“这是样式的应用”。
第七步：
执行“格式—样式表链接”命令，在打开的对话框中进行设置，如图12.41所示，单击“添加”命令，将样式表文件Mystyle.css文件添加进来。
12.41链接样式表
第八步：
切换到HTML视图下，将
区中的“这是样式的应用
”修改为这是样式的应用