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
思考 由于导航条要设置超链接如何对导航条合理切片你觉得本项目中导航条的切片是否合理如不合理应当怎么切片请你试一试
wordpress投资主题模版是一套适合白银、黄金、贵金属投资网站主题模板,绿色大气金融投资类网站主题,专业高级自适应多设备企业CMS建站主题 完善的外贸企业建站功能模块 + 高效通用的后台自定义设置,简洁大气的网站风格设计 + 更利于SEO搜索优化和站点收录排名!点击进入:wordpress投资主题模版安装环境:运行环境:PHP 7.0+, MYSQL 5.6 ( 最低主机需求 )最新兼容:完美...
justhost怎么样?justhost服务器好不好?JustHost是一家成立于2006年的俄罗斯服务器提供商,支持支付宝付款,服务器价格便宜,200Mbps大带宽不限流量,支持免费更换5次IP,支持控制面板自由切换机房,目前JustHost有俄罗斯6个机房可以自由切换选择,最重要的还是价格真的特别便宜,最低只需要87卢布/月,约8.5元/月起!总体来说,性价比很高,性价比不错,有需要的朋友可以...
Megalayer 商家我们还算是比较熟悉的,商家主要业务方向是CN2优化带宽、国际BGP和全向带宽的独立服务器和站群服务器,且后来也有增加云服务器(VPS主机)业务。这次中秋节促销活动期间,有发布促销活动,这次活动力度认为还是比较大的,有提供香港、美国、菲律宾的年付VPS主机,CN2优化方案线路的低至年付159元。这次活动截止到10月30日,如果我们有需要的话可以选择。第一、特价限量年付VPS主...