交互式按钮的制作.doc

蚅蚃羈蒅蒅袈羄肂薇螁袀肁虿羇腿肀荿螀肅聿蒁羅羁肈薄螈袇膈蚆薁膆膇莆螆膂膆薈蕿肈膅蚀袄羄膄莀蚇袀膃蒂袃膈膂薅蚅肄节蚇袁羀芁莇蚄袆芀葿衿螂艿蚁蚂膁芈莁羈肇芇蒃螀羃芇薅羆衿芆蚈蝿膇莅莇薁肃莄蒀螇罿莃薂薀袅莂莂螅袁莁蒄蚈膀莁薆袄肆莀虿蚆羂荿莈袂袈蒈蒁蚅膆蒇薃袀肂蒆蚅蚃羈蒅蒅袈羄肂薇螁袀肁虿羇腿肀荿螀肅聿蒁羅羁肈薄螈袇膈蚆薁膆膇莆螆膂膆薈蕿肈膅蚀袄羄膄莀蚇袀膃蒂袃膈膂薅蚅肄节蚇袁羀芁莇蚄袆芀葿衿螂艿蚁蚂膁芈莁羈肇芇蒃螀羃芇薅羆衿芆蚈蝿膇莅莇薁肃莄蒀螇罿莃薂薀袅莂莂螅袁莁蒄蚈膀莁薆袄肆莀虿蚆羂荿莈袂袈蒈蒁蚅膆蒇薃袀肂蒆蚅蚃羈蒅蒅袈羄肂薇螁袀肁虿羇腿肀荿螀肅聿蒁羅羁肈薄螈袇膈蚆薁膆膇莆螆膂膆薈蕿肈膅蚀袄羄膄莀蚇袀膃蒂袃膈膂薅蚅肄节蚇袁羀芁莇蚄袆芀葿衿螂艿蚁蚂膁芈莁羈肇芇蒃螀羃芇薅羆衿芆蚈蝿膇莅莇薁肃莄蒀螇罿莃薂薀袅莂莂螅袁莁蒄蚈膀莁薆袄肆莀虿蚆羂荿莈袂袈蒈蒁蚅膆蒇薃袀肂蒆蚅蚃羈蒅蒅袈羄肂薇螁袀肁虿羇腿肀荿螀肅聿蒁羅羁肈薄螈袇膈蚆薁膆膇莆螆膂 交互式按钮的制作 厦门集美中学宋红 学习要点：1、 学会插入交互式按钮2、 掌握交互式按钮的个性制作方法3、 学会制作和设定交互式按钮3种状态的图象主要知识点：一、 认识交互式按钮二、 创建交互式按钮学 习 与 实 践交互式按钮的制作步骤：1、单击“插入”菜单，选择“交互式按钮”。2、弹出“交互式按钮”对话框。设置按钮的文本选择按钮的样式分别更改字体和图象属性鼠标指向可看按钮动态效果图3、选择一个自己喜欢的按钮的样式，FrontPage 会自动创建三个独立的图像，分别代表网站访问者与按钮交互的三种状态：初始状态、悬停时状态和按下时状态。4、点击“交互式按钮”对话框的“字体”、“图象”标签可以对按钮文本、按钮尺寸、图象属性分别进行设置。例：制作“水资源的分布”交互式按钮。步骤1、打开“插入”菜单选择“交互式按钮”，弹出“交互式按钮”对话框。步骤2、在“文本”（I）中输入文字：水资源的分布步骤3、在“按钮（U）”中选择“编织环4”此时制作成的效果如图步骤4、在“字体”标签设置文字字体字号以及3种状态下的颜色。步骤5、在“图象”标签中设置好按钮的尺寸。完成后按“确定”。最终效果图如下。按钮图象不需要单独保存，当您保存网页时，FrontPage 会提示保存按钮图像文件。首次保存按钮时，FrontPage 会自动提供三个默认的按钮图像文件名。为了方便自己以后对网站的管理，最好使用同样的英文字母加不同的数字后缀来给三个按钮命名。如：fenbu1、fenbu2、fenbu3。保存网页时会出现如下提示，根据提示保存即可完成按钮图片文件的保存。请注意，位置要选择站点文件夹内。 羅莇蒇袆羄葿蚃螂肃腿蒆蚈肂芁蚁羇肁蒃蒄羃肀薅螀衿聿芅薂螅聿莇螈蚁肈蒀薁罿肇腿螆袅膆节蕿螁膅莄螄蚇膄薆薇肆膃芆莀羂膃莈蚆袈膂蒁蒈螄膁膀蚄蚀膀芃蒇羈艿莅蚂袄芈蒇蒅螀芇膇蚀螆芇荿薃肅芆蒁蝿羁芅薄薂袇芄芃螇螃袀莆薀虿羀蒈螅羈罿膈薈袄羈芀螄袀羇蒂蚆螆羆薅葿肄羅芄蚅羀羅莇蒇袆羄葿蚃螂肃腿蒆蚈肂芁蚁羇肁蒃蒄羃肀薅螀衿聿芅薂螅聿莇螈蚁肈蒀薁罿肇腿螆袅膆节蕿螁膅莄螄蚇膄薆薇肆膃芆莀羂膃莈蚆袈膂蒁蒈螄膁膀蚄蚀膀芃蒇羈艿莅蚂袄芈蒇蒅螀芇膇蚀螆芇荿薃肅芆蒁蝿羁芅薄薂袇芄芃螇螃袀莆薀虿羀蒈螅羈罿膈薈袄羈芀螄袀羇蒂蚆螆羆薅葿肄羅芄蚅羀羅莇蒇袆羄葿蚃螂肃腿蒆蚈肂芁蚁羇肁蒃蒄羃肀薅螀衿聿芅薂螅聿莇螈蚁肈蒀薁罿肇腿螆袅膆节蕿螁膅莄螄蚇膄薆薇肆膃芆莀羂膃莈蚆袈膂蒁蒈螄膁膀蚄蚀膀芃蒇羈艿莅蚂袄芈蒇蒅螀芇膇蚀螆芇荿薃