设置网页内容.pptVIP

第3章 设置网页内容 文本输入与编辑 应用图像 应用Flash动画 应用音乐和视频 3.1 文本输入与编辑 3.1.2 设置文本格式 1．应用HTML类型 2．应用CSS格式 3.1.3 插入特殊字符 3.1.4 插入日期与水平线 2．插入水平线 3.2 应用图像 3.2.2 插入与编辑图像 3.2.3 使用图像占位符 3.2.4 制作鼠标经过图像 3.2.5 制作导航条 综合实例1——为“delong”网站子页 设置内容 3.3 应用Flash动画 3.3.2 插入Flash动画 3.3.3 设置Flash背景透明 3.4 应用音乐和视频 3.4.2 为网页设置背景音乐 3.4.3 在页面中嵌入音乐文件 3.4.4 插入视频文件 综合实例2——为“delong”网站主页 设置内容 * * 在Dreamweaver中输入文本的方法非常简单，只要将插入点定位在网页的某个位置（如某个表格单元格内），然后选择输入法输入文本就可以了。对于大量的外部文本，可利用剪贴板将其拷贝至网页文档中。 3.1.1 输入文本 文本属性检查器包括“HTML”和“CSS”两种类型，用户可使用这两种类型中的任一种来设置文本格式。应用HTML类型时，Dreamweaver会将属性添加到页面正文的HTML代码中。应用CSS类型时，Dreamweaver会将属性写入文档头或单独的样式表中，下面分别介绍。 如果属性检查器没有打开，请选择“窗口”“属性”菜单将其打开。选择要设置格式的文本或将插入点置于要设置属性的段落中，属性检查器中显示文本的HTML类型属性。 单击属性检查器左侧的CSS按钮，可显示文本的CSS类型属性。 一般在制作网页时，经常会用到一些无法用输入法来直接输入的特殊字符，如版权符号、注册商标符号以及常见的货币符号等。 另外，有时候用户可能希望在某个地方插入几个空格，以便进行格式对齐；但是，无论按多少次空格键，却只能插入一个空格。其原因在于HTML文档只允许字符之间包含一个空格。这种情况下，我们可以通过在字符之间插入一种称为“不换行空格”的字符来插入多个空格。 1．插入日期 在网页文档中插入日期的方法非常简单，本节来看具体操作。 水平线经常用于组织信息和区分版块，效果如下图所示。 3.2.1 网页中可使用的图像格式 JPEG（联合图像专家组标准）格式：适于表现色彩丰富，具有连续色调的图像，如各种照片。 GIF（图形交换格式）格式：由于它最多只能包含256种颜色，因而适合表现色调不连续或具有大面积单一颜色的图像。 PNG（便携网络图像）格式：集JPEG和GIF格式的优点于一身，图像质量高且可包含透明区。 在Dreamweaver中插入图像的方法非常简单，本节来看具体操作。 图像占位符相当于图像的临时替代对象，如果网页中的某个图像尚未制作好，可暂时用图像占位符来代替。 在浏览网页时，偶尔可以看到这种情况，当鼠标移到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是所谓的鼠标经过图像。 导航条在网站中起着不可替代的作用，它把网站中的各个页面连接起来，使得一个个单独的网页成为一个网站整体。每一个网站都有自己的导航条。利用与制作鼠标经过图像类似的方法，可制作具有可变效果的导航条。 本例通过为“delong”网站子页设置内容，来练习和巩固前面所学知识。由于前面还未讲到网页布局知识，所以我们给出一个已用表格布局好的网页，用户可在该网页的表格中输入文本或插入图像（具体操作见视频3-1）。 Flash源文件（.fla）：它是Flash动画的源文件，此类型的文件只能在Flash中创建、打开和编辑，不能插入到网页文档中。 Flash动画文件（.swf）：它是fla文件的压缩版本，已进行了优化处理。 Flash模板文件（.swt）：可以直接在Dreamweaver中编辑这类文件，它包括Flash按钮和Flash文本两种对象。 3.3.1 Flash文件格式 学过了图像的插入，Flash动画的插入就是小菜一碟了，本节我们来看具体操作。 经常上网或对动画感兴趣的读者应该知道，网上有很多非常酷的Flash特效动画可供下载。如果将它们直接插入到网页中，会显得非常生硬。还好Dreamweaver提供了设置Flash动画背景透明的功能，这样我们就可以将动画背景设置成透明，并为其设置与网站主题相关的背景图像。 3.4.1 网页中可用的音乐文件格式 MP3（运动图像专家组音频，即MPEG-音频层-3）格式：能在保证声音品质的前提下大大压缩声音文件，是目前最常用的声音文件格式。 WAV格式：具有较