HTML静态网的制作.pptVIP

HTML静态网的制作 ppt课件 2021/3/26 HTML静态网的制作 ppt课件 二、运动和形状渐变动画 1．运动渐变动画 运动渐变动画（Motion Tweening）可以使对象产生移动、旋转、缩放、变化速度等动画效果。它的作用对象是实例、群组对象、文字对象、位图对象等，不能作用于矢量图形对象，但可以将矢量图形转换成符号的实例。 2021/3/26 HTML静态网的制作 ppt课件 下面，制作内部填充部分播放电影效果的文字，使文字的填充部分产生不断的效果。 实现步骤如下： (1) 选择菜单“文件”|“新建”，创建一个新文档。 Flash文档的属性面板 2021/3/26 HTML静态网的制作 ppt课件 (2) 在属性面板（如上图所示）上选择“大小”按钮，弹出文档属性设置对话框，设置工作区宽度为320px，高度为90px，设置完毕，点击OK按钮。 文档属性对话框 2021/3/26 HTML静态网的制作 ppt课件 (3) 点击工具栏中“文本工具”按钮 ，将文本属性面板中字体类型设置成“隶书”，字体大小为30，粗体显示，如下图所示。然后在工作区域中单击鼠标，在出现的黑框中输入文字“计算机工程系”。 文本属性面板 2021/3/26 HTML静态网的制作 ppt课件 (4) 选择工具栏中的 箭头工具，将文字选中并把它移动到工作区中间，如下图所示。 文本已移动到工作区中间 2021/3/26 HTML静态网的制作 ppt课件 (2)修改水平线，将水平线居中对齐，且其宽度为浏览器窗口的80%，操作步骤如下： ① 选中上面所插入的水平线； ② 在水平线属性面板的“宽度”文本框中输入“80”，并选择其单位为“%”，如下图所示； ? ③ 在“对齐”下拉列表中选择“居中”对齐方式。 2021/3/26 HTML静态网的制作 ppt课件 注意： 在水平线的属性面板上，其宽度的单位分为两种：像素和%（百分比）。80%和80像素的区别在于：无论浏览器窗口怎么缩放，宽度设置为80像素的水平线都是80个像素点长；而宽度设置为80%的水平线将会自动调整长度，其宽度总是占浏览器窗口宽度的80%。 要插入垂直线，则选中水平线，将其高度设置为垂直线的高度（如：80像素），将宽度设置为垂直线的宽度（如：2像素）即可。 2021/3/26 HTML静态网的制作 ppt课件 (3) Dreamweaver默认的水平线颜色为灰色，要将水平线的颜色设置为黄色，操作步骤如下： ① 选中上面所插入的水平线； ② 单击水平线属性面板的 按钮，打开快速标签编辑器； ③ 在标签中插入属性color=“#FFFF00”或color=“yellow”； ④ 按F12预览，便可看到水平线是黄色。 2021/3/26 HTML静态网的制作 ppt课件 ４. 插入日期和时间 在页面中插入日期和时间，操作步骤如下： (1) 确定所插入的日期和时间的位置； (2) 单击插入面板的日期按钮 ，者在菜单栏中选择“插入记录”｜“日期”命令，打开“插入日期”对话框，如下图所示； 2021/3/26 HTML静态网的制作 ppt课件 (3) 在“插入日期”对话框中选择星期、日期和时间格式，选中“储存时自动更新”项，然后单击“确定”按钮。在日期的属性面板上单击“编辑日期格式”按钮可以重新修改日期格式。 2021/3/26 HTML静态网的制作 ppt课件 二、网页属性（标题、背景、页边距等）的设置 执行下列操作之一，打开“页面属性”对话框： 在菜单栏中选择“修改”｜“页面属性”命令； 在“属性”面板中单击“页面属性”按钮； 在网页空白处单击鼠标右键，在弹出的快捷菜单中选择“页面属性”命令。 2021/3/26 HTML静态网的制作 ppt课件 1. 在标题栏中增添网页标题 在标题栏中增添网页标题，操作步骤如下： (1) 在“页面属性”对话框的“分类”选项中选择“标题/编码”，在其选项卡的“标题”文本框中输入“计算机工程系”； (2) 点击“确定”按钮。网页标题“计算机工程系”便显示在浏览器的标题栏上，如下图所示。此时，在浏览器窗口、历史记录和书签列表中标识了页面。 2021/3/26 HTML静态网的制作 ppt课件 2. 增添网页背景 网页背景分为网页背景颜色和背景图像，其操作步骤如下： 在“页面属性”对话框的“分类”选项中选择“外观”，在其选项卡中单击“背景颜色”按钮，在“颜色”调色板中用吸管吸取想要的背景颜色即可。 在“外观”选项卡中，单击“背景图像”文本框右边的“浏览”按钮，在“选择图像源文件”对话框中选择喜欢的背景图像，然后单击“确定”按钮即可。 2021/3/26 HTML静态网的制作 ppt课