1
项目十五公司主页——网页切片应用
一、新课引入
当网页上的图片较大时浏览器下载整个图片需要花费很长的时间。切片技术可以把大图片分为多个小图片从而大大缩短下载页面的时间特别是对于大而复杂的背景图片而言利用网页切片的方式是必要的 同时切片技术也是将美工效果图转换为页面效果图的重要方法。通常设计一个网页时常用Fireworks设计版面并切片用Flash制作网页动画然后导入Dreamweaver中实现。本项目将学习网页切片技术、网页动画与Dreamw eaver的综合应用。
二、新课教学
活动一使用Fi reworks的切片技术制作输出网页文件教师布置任务根据相关学习资料 了解Fireworks软件的窗口组成切片工具的基本使用方法完成下图的切片并导出。
2
学生讨论练习 自行探索、讨论完成上述任务。
教师讲解分析讲解操作要点先使用切片工具切割图片切割时注意切片大小和位置然后将使用“文件”菜单下的“导出”命令将各切片导出HT ML和图像注意观察导出的HT ML和图像文件。活动二在FLASH软件中制作FLASH。
教师布置任务启动FLASH查找相关资料熟悉其窗口组成制作如下图所示网页广告FLASH。
3
学生练习学生自行探索学习操作完成FLASH的制作并生成相应
的S WF格式的动画文件。
教师讲解讲解学生操作过程中的问题操作方法参照相关知识相应内容。
活动三修改导出的网页文件插入FLASH添加链接并浏览。
教师布置任务启动Dreamweaver在其中编辑生成的HTML文件将制作好的FLASH动画文件插入到网页中相应位置添加链接可设置为空链接浏览网页效果。
学生练习学生自行探索学习完成FLASH的插入操作添加超链接。
教师讲解讲解学生操作过程中的问题。
4
教学评价表
三、复习巩固
小结本项目学习了网页切片技术、网页动画在网页设计中的综合应用。在进行网页切片时要注意将不同颜色切在不同片中切片大小要根据需要尽量保证一个完整的部分切在同一个切片内 防止遇到特殊情况时只显示一部分 圆角表格部分要根据显示区域的大小来切控制好边缘和边角颜色单一过渡少的应该导出为GIF颜色过渡比较多颜色丰富的应该导出为JPG有动画的部分应该导出为GIF动画切出来的切片并不是直接插入到Dreamweaver就可以用还需要在Dreamweaver中进行编辑 比如有的图片应设置为背景等。
5
思考 由于导航条要设置超链接如何对导航条合理切片你觉得本项目中导航条的切片是否合理如不合理应当怎么切片请你试一试
蓝竹云怎么样 蓝竹云好不好蓝竹云是新商家这次给我们带来的 挂机宝25元/年 美国西雅图云服务器 下面是套餐和评测,废话不说直接开干~~蓝竹云官网链接点击打开官网江西上饶挂机宝宿主机配置 2*E5 2696V2 384G 8*1500G SAS RAID10阵列支持Windows sever 2008,Windows sever 2012,Centos 7.6,Debian 10.3,Ubuntu1...
创梦网络怎么样,创梦网络公司位于四川省达州市,属于四川本地企业,资质齐全,IDC/ISP均有,从创梦网络这边租的服务器均可以****,属于一手资源,高防机柜、大带宽、高防IP业务,另外创梦网络近期还会上线四川眉山联通、广东优化线路高防机柜,CN2专线相关业务。广东电信大带宽近期可以预约机柜了,成都优化线路,机柜租用、服务器云服务器租用,适合建站做游戏,不须要在套CDN,全国访问快,直连省骨干,大网...
LOCVPS发来了针对XEN架构VPS的促销方案,其中美国洛杉矶机房7折,其余日本/新加坡/中国香港等机房全部8折,优惠后日本/新加坡机房XEN VPS月付仅29.6元起。这是成立较久的一家国人VPS服务商,目前提供美国洛杉矶(MC/C3)、和中国香港(邦联、沙田电信、大埔)、日本(东京、大阪)、新加坡、德国和荷兰等机房VPS主机,基于XEN或者KVM虚拟架构,均选择国内访问线路不错的机房,适合建...