教科版选修制作动态网教案

《教科版选修制作动态网教案》由会员分享，可在线阅读，更多相关《教科版选修制作动态网教案（5页珍藏版）》请在装配图网上搜索。

1、1.2动态网页制作学习目标（1）了解动态网页的有关知识。（2）掌握DHTML的应用。1.2.1在FrontPage中插入横幅广告操作步骤如下：（1）单击“开始”按钮，选择“程序” “Microsoft FrontPage”，“Microsoft FrontPage”窗口，执行“文件” “保存文件”命令，将新建文件保存为guanggao.htm。（2）在FrontPage中执行“插入” “组件” “横幅广告管理器”命令，打开“横幅广告管理器属性”对话框，设置宽度为200，高度为100，过滤效果为“分解”，每幅图片显示3秒，单击“添加”按钮，将所需要的图片添加到“显示图片”列表框中，单击“上移”、

2、“下移”按钮调整横幅广告图像变换的次序，单击“确定”按钮。（3）保存后在浏览器中进行预览，每隔3秒钟变换一幅图片。1.2.2 在FrontPage中应用动态HTML效果在FrontPage中应用动态HTML效果，操作步骤如下：（1）单击“开始”按钮，选择“程序” “Microsoft FrontPage”。打开“Microsoft FrontPage”窗口，执行“文件” “保存文件”命令，将新建文件保存为dtsg.htm。（2）在FrontPage窗口中输入文本“助理电子商务师”，然后选中文本执行“格式” “动态HTML效果”命令，在出现的“HTML效果”工具栏中进行设置。（3）保存后在浏览器

3、中进行预览。1.2.3插入字幕1.2.4 建立及应用CSS样式文件使用FrontPage建立名为mystyle.css的外部CSS样式文件，并在其他页面文件中应用此样式文件。1.创建CSS样式文件操作步骤如下：（1）单击“开始”按钮，选择“程序” “Microsoft FrontPage”，打开“Microsoft FrontPage”窗口。（2）在FrontPage窗口中，选择“文件” “新建” “网页”，在“新建”对话框中单击“样式表”选择卡，选择要创建的样式类型，然后单击“确定”按钮。（3）单击样式工具栏中的样式按钮，弹出“样式”对话框。（4）单击“样式”对话框中的“新建”按钮，弹出“新

4、样式”对话框，在“名称（选择器）”中输入样式名称，单击“格式”按钮进行字体、段落、边框等设置，新建样式的设置。（5）单击“确定”按钮后，会在“样式”对话框的样式栏中显示用户自定义的样式。再单击“确定”按钮，完成样式文件的创建。（6）执行“文件” “保存文件”命令，保存文件。2.应用外部CSS样式操作步骤如下：（1）新建页面文件并进行保存操作，输入文字内容“这是样式的应用”。（2）执行“格式” “样式表链接”命令，在打开的“链接样式表”对话框中进行设置，选择“所选的网页”选项，单击“添加”按钮选择所要链接的样式表文件，单击“确定”按钮。（3）选中文字，切换到HTML视图下，将区中的“这是样式的应

5、用”HTML语句修改为“这是样式的应用”，保存文件后浏览效果。大多数时候可以不为具体的HTML标记符定义格式，而是定义一些开放的格式，在内容需要的时候才引用这些格式。例如，在mystyle.css文件中定义了一个类样式test，在区中的段落标记中应用了这个类样式。相关知识（一）DHTML1、DHTML的定义又称动态网页，它将内容对象化，应用编程语言来操作页面上的对象，不必通过服务器就可以与用户交互信息，更新页面的内容。动态见面技术包括javascript、vbscript、css、layer等。、DHTML的基本结构 DHTML的基本结构包括HTML、CSS、脚本程序、浏览器对象和网页对象等。

6、 DHTML 是基于HTML语言，通过CSS技术扩展了HTML的样式定义语法和语义，用脚本程序或控制浏览器对象和网页对象，从而使页面具有动态效果和交互功能。（二）CSS层叠样式表CSS是一种用于定义网页内容显示样式的技术。通过样式可以设定许多属性，如字号，颜色，页边距等。样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法：HTML标志标志属性:属性值；标志属性:属性值；标志属性:属性值；标志属性:属性值；. （三）脚本语言1.脚本语言(JavaScript,VBscript等)介于HTML和C,C+,Java,C#等编程语言之间。HTML通常用于格式化和链结文本。而编程语言通常用于向

7、机器发出一系列复杂的指令。2.脚本语言与编程语言也有很多相似地方，其函数与编程语言比较相象一些,其也涉及到变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。3.与程序代码的关系:脚本也是一种语言，其同样由程序代码组成。注：脚本语言一般都有相应的脚本引擎来解释执行。4.脚本语言是一种解释性的语言，例如vbscript， javascript，installshield script等等，它不象cc+等可以编译成二进制代码，以可执行文件的形式存在。脚本语言一般都是以文本形式存在,类似于一种命令。1.3 视频与音频学习目标（1）了解多媒体、视频和音频的基本知识（2）掌握页面中插

8、入视频和音频的方法1.3.1在页面中插入背景音乐背景音乐标记符可以在展示页面的同时播放音乐，通常插在区中，注意不要插在JavaScrip语句之间。主要属性有：（1）src。链接的声音文件地址。（2）loop。播放音乐的次数，当loop0时为无穷次循环。示例使用背景音乐标记符在页面中插入背景音乐，操作步骤如下：（1）以“记事本”方式打开要插入背景音乐的文件或在FrontPage中切换到“HTML”试图下。（2）在其区中输入下列语句： （3）执行“文件”、“保存文件”命令，将文件保存为s1-6.htm。1.3.2 插入FLASH动画在网页中插入的FLASH动画文件的格式为SWF，在FrontPag

9、e中是使用标记来定义FLASH动画文件的。示例在FrontPage中插入FLASH动画，步骤如下：（1）单击“开始”按钮，选择“程序” “Microsoft FrontPage”，打开“Microsoft FrontPage”窗口。（2）在FrontPage中执行“插入”“高级”“插件”命令，打开“插件属性”对话框并进行设置，如下图所示。（3）执行“文件”“保存文件”命了，将文件保存为flash.htm。（4）在浏览器中进行预览。相关知识：1、多媒体知识多媒体是声音、文字、图像和视频等多种媒体的组合。2、视频知识视频是将整个视频流中的每一幅图像逐幅记录，信息量非常大。数字视频是将传统模拟视频（

10、包括电视和电影）片段捕获转换成电脑能调用的数字信号，较常见的VCD就是一种经过压缩的数字视频，因为视频是我们利用摄像机直接从实景中拍摄的，比较容易获得，经过编辑再创作后就成为我们需要的数字视频，也就是电影文件。数字视频总能使多媒体作品变得更加生动、完美，而其制作难度一般低于动画创作。视频文件的格式主要有3种：（1）AVI文件AVI文件图像质量好，可以跨多平台使用。体积过于庞大，而且压缩标准不统一。目前AVI格式的视频文件使用比较普遍。（2）MOV文件MOV原来是苹果公司开发的专用视频格式，后来移植到PC机上。它与AVI大体上属于同一级别（品质、压缩比等），但不如AVI使用普遍。（3）MPG文件

11、MPG是压缩视频的基本格式。它的压缩方法是将视频信号分段取样（每隔若干幅画面取下一幅“关键帧”），然后对相邻各帧未变化的画面忽略不计，仅仅记录变化了的内容，因此压缩比很大。mpg还有MPV和MPA两个变种。MPV只有视频不含音频，MPA是不包含视频的音频。3、音频知识声音是多媒体的一个重要方面，它可以给多媒体带来令人惊奇的效果，还能最大限度地影响显示的效果。在多媒体中的声音有音乐和音效两类。音乐除了我们熟悉的普通音乐外，还有电脑特有的MIDI音乐。音效包括各种各样的声音，如拖动或点击鼠标时发出的音乐等。在模拟音频技术中，通常以磁介质来记录声音，存储介质的磁性变化将会直接影响到模拟音频的回放质量

12、。而数字音频没有这样的烦恼，即使被复制无数次，数字音频信号也绝对不会出现任何信号丢失或发生变化的情况。数字音频技术是通过将声波波形转换成一连串的二进制的数据来保存声音的。它是未来音频处理的必然趋势。可以使用Macromedia公司出品的音频编辑工具Sound Forge来对声音文件进行编辑。声音文件的格式主要由3种：1、WAV文件声音文件最基本的格式是WAV（波形）格式。它把声音的各种变化信息（频率、振幅、相位等）逐一转成0和1的电信号记录下来，记录的信息量相当大，其具体大小与记录的声音质量高低有关。2、MID文件MID文件又叫MIDI文件，其记录方法与WAV完全不同。人们在声卡中事先将各种频率、音色的信号固化下来，在需要发一个什么音时就到声卡里去调那个音。一首MIDI乐曲的播放过程就是按乐谱指令去调出那一个个音来。因此，MIDI的文件体积都很小，即使是长达十多分钟的音乐也不过十多K至数十K。建议背景音乐使用MID格式文件。3、MP3文件MP3可以说是目前最为流行的多媒体格式之一。它是将WAV文件以MPEG2的多媒体标准进行压缩，压缩后的体积只有原来的1/10至1/15（约每秒1M），而音质基本不变。