Internet应用第6章.pptVIP

第6章 样式与行为 6.1使用HTML样式 6.1.1样式 6.1.2使用HTML样式 6.1.2使用HTML样式 6.1.2使用HTML样式 6.1.2使用HTML样式 6.1.2使用HTML样式 6.1.2使用HTML样式 6.2使用CSS样式 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.2.1使用CSS样式增大行间距 6.3行为的简单应用 6.3.1行为 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.3.2为网页添加背景音乐 6.4使用行为自动弹出窗口 6.4.1弹出对话框 6.4.1弹出对话框 6.4.1弹出对话框 6.4.1弹出对话框 6.4.1弹出对话框 6.4.1弹出对话框 6.4.1弹出对话框 6.4使用行为自动弹出窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 6.4.2弹出网页窗口 小结 ⑺在“调用JavaScript”对话框中输入：alert(“请确认您所使用的浏览器为IE5.0以上版本，否则无法正常显示网页的动态效果！”) ，如下图所示，最后单击“确定”按钮。 ⑻按F12键，预览网页，可以得到相同的效果。 添加问候语，虽然可以让浏览者在浏览网页时，注意到其他的信息，但也有一些缺点。一是该方法过于呆板，不关闭该对话框，就无法浏览网页；二是表现方法单一，只能是文本，在如今的多媒体时代，这样的效果显然不够生动。 我们在浏览新浪、搜狐等网站时，可以发现，在主页打开时，会自动弹出一些广告窗口，这些窗口就是一个小的网页，通常是Flash动画或颜色鲜艳的网页。 利用行为中的“打开浏览器窗口”可以实现该功能。 ⑴在Dreamweaver中打开网页文件Index.htm，移动鼠标到窗口右边的“文件”浮动面板中，打开“站点”选项卡，在该选项卡中单击鼠标右键，在弹出的快捷菜单中选择“新建文件” ，如图所示。 ⑵将新建的网页文件改名为：hello.htm，如下图所示。 ⑶双击网页“hello.htm”，将它打开，编辑网页的内容并保存，结果如下图所示。 ⑷单击编辑窗口右下方的 ，切换到网页“index.htm”编辑窗口。然后单击编辑窗口右下方的 body，选中整个网页。在“设计”浮动面板的“行为”选项卡中，单击 “+”,在弹出的菜单中选择“打开浏览器窗口”命令，打开“打开浏览器窗口”对话框，如图所示。 ⑸在“打开浏览器窗口”对话框中，单击 “浏览“，按钮，打开“选择文件”对话框，如下图所示。 ⑹在“选择文件”对话框中，选中“hello.htm”文件，如下图所示。单击 “确认”按钮，返回“打开浏览器窗口” 对话框。 ⑺在“打开浏览器窗口” 对话框中，输入你希望的弹出窗口大小以及窗口名称，如下图所示，单击“确定”按钮。 为网页添加背景音乐，当网页被打开时音乐自动播放。创建一个HTML样式，应用到网页中。创建一个CSS样式，使用该样式，使网页中文字的行间距为1.5倍行距。创建一个CSS样式，使用该样式，将网页中的超链接热区文字的下划线去掉。为网页添加问候语，当网页被打开时，弹出写有问候语的对话框，浏览者只有关闭该对话框才能继续浏览网页。制作一个写有提示信息的网页，通过设置“行为”，当主页被打开时，弹出该网页。 样式表是目前网页制作中普遍应用的一个技术，它通过设置HTML代码标签来实现对字体、颜色、填充、边距和字间距等进行格式化操作。在应用了样式表的网页中，如果要更改一些特定文本的样式风格，可以直接采用自定义的样式表，而不必频繁使用属性面板。特别地，使用样式表还有一个好处，当人家浏览你的网页时，无论选字体为何种大小，你的网页中的字大小都不会变化。 样式表可以分为HTML样式表和CSS样式表，HTML样式表功能比较弱，格式化文本的效率也不高，本章主要介绍CSS样式表。 HTML样式表可以对整个段落或选择的相应文本进行设置。所以在使用样式表前，首先应该选择相应的段落或文本，然后在“H