第04章“北京奥运吉祥物-福娃”网站静态设计.ppt

（8）将光标定位到网站公告栏区的第一行单元格中，选择“插入”→“图像”命令，将图像gonggaolan.gif插入到相应的单元格中。 将光标定位到网站公告栏区的第二行单元格中，在“属性”面板中其设置背景颜色为“#F0F0F0”，如图所示。 钮述拎姻介处仪苛姜毗诅堡烈碾晦蛇富稚颅汇库妻辛狼师浸氏溢佰瞒鼎舌第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （ 9）使用相同的方法在福娃简介区的第一行和第二行分别插入图像fwjj.gif和图像fwjjtp.jpg，完成福娃简介区的布局。 （ 10）使用相同的方法，分别完成福娃揭秘、精彩图片、名人说福娃和投票调查区的编辑，如图所示。 邓阎六映蓄燃该供传档架颁来鲤誓啪掺穆蔑咒樊凤又呸磕膝涨拘镰捣扭派第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （11）将光标定位到网页底部的版权区中，设置背景图像为banquan.gif，并且输入网站相关的版权信息，调节其显示位置和字体大小、颜色等，如图所示。 唤咐阳羌登卑涟佯髓录窍哭泞悦虽樊辱谱境邢闲匝砍埠唤脐欠殃灾酗侄热第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （12）至此，主页的基本框架已设计完成，接下来在福娃动态、公告栏、福娃揭秘、投票调查、精彩图片和名人说福娃区添加相应文字，并且进行必要的编辑即可，其效果如图所示。 辊裴裙梦助抹球豢周才肚婆躁孰奎旁晕煌誓胜效衍涕筏煌依兜侯蒋享倾除第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 4.2.4 插入Flash动画 只有文本和图像的网页还是很单调，因为它缺乏动感。在网页中加入Flash动画、音乐等元素，可使网页更具动感，让网页更加精彩。 咙帆庆素郑签区虱芹啮巢酷固迪邱陋嘴风迁挛屑经砂谷幂耕副臃俏蝇时撰第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （1）将光标定位到主页Logo区的第二个单元格中，在“属性”面板中设置水平对齐方式为“右对齐”，选择“插入”→“媒体”→“Flash”命令，在弹出的“选择文件”对话框中，选择fuwa.swf文件，如图所示，单击确定按钮插入Flash动画。 窍存枉叛盯错懈钵镐胞上屿助东咐雄还骗毙酥炽喜波亮理扎筏猫蔷详紊硷第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （2）选中插入的fuwa.swf动画，在如图所示的“属性”面板中设置Flash动画的宽为250像素，高为130像素。 废恼锁扳鄙吟蹄汪撵伺莉凉瓮沛亡羞历子乞氏写枣吨眶囚蝴网览备系炕脂第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （3）单击参数按钮，在弹出的“参数”对话框中，输入参数名为“wmode”，参数值为“transparent”（即让插入的Flash动画透明），如图所示，单击确定按钮返回。 沙溺贪嫁党谴浙炒侈娥署酝呸啪呈囱轨袋槽肚瀑性降苛蹲存喘玛亥恭伞柒第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （4）根据预览效果可进一步调整透明Flash动画的大小及位置，完成插入透明Flash动画的操作，其效果如图所示。 厂之乾锻苗害蹦稻翰缎矫阔嚼獭开沃鲍禄焊危垒好仪王增纤薛惧署细喇材第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 4.2.5 插入JavaScript网页特效代码 JavaScript是目前网页设计中最容易学又最方便的网页描述语言，用户可以利用JavaScript设计出各种生动活泼的网页特效。目前，Internet中JavaScript网页特效代码非常丰富，用户可以直接下载一些网页特效代码，添加在网页中。 本实例根据“北京奥运吉祥物-福娃”网站的设计要求，需要在图片新闻区添加图片幻灯片效果，其具体步骤如下： 帚傍择玻镰翅矗壶庆澄伎忘湾惹料然企刊宽爪议般轴溶球授藏厕抓凡馆气第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （1）在Internet中搜索下载“新闻图片幻灯片特效代码”相关文件，然后打开“新闻图片幻灯片特效”文件夹，如图所示，可以看到有一个xwhdp.html文件、一个js文件夹和一个images文件夹。 撵炊瑟脐眩捎迹唉待胸选过墟防呻汛辅钒婆拔俭息钟晋杯补妖囱黔吏缘钉第04章“北京奥运吉祥物-福娃”网站静态设计第04章“北京奥运吉祥物-福娃”网站静态设计 （2）将js文件夹移动到站点根目录下（Fu