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
思考 由于导航条要设置超链接如何对导航条合理切片你觉得本项目中导航条的切片是否合理如不合理应当怎么切片请你试一试
适逢中国农历新年,RAKsmart也发布了2月促销活动,裸机云、云服务器、VPS主机全场7折优惠,新用户注册送10美元,独立服务器每天限量秒杀最低30.62美元/月起,美国洛杉矶/圣何塞、日本、香港站群服务器大量补货,1-10Gbps大带宽、高IO等特色服务器抄底价格,机器可选大陆优化、国际BGP、精品网及CN2等线路,感兴趣的朋友可以持续关注下。裸机云新品7折,秒杀产品5台/天优惠码:Bare-...
zoecloud怎么样?zoecloud是一家国人商家,5月成立,暂时主要提供香港BGP KVM VPS,线路为AS41378,并有首发永久8折优惠:HKBGP20OFF。目前,解锁香港区 Netflix、Youtube Premium ,但不保证一直解锁,谢绝以不是原生 IP 理由退款。不保证中国大陆连接速度,建议移动中转使用,配合广州移动食用效果更佳。点击进入:zoecloud官方网站地址zo...
不知道大家是否注意到sharktech的所有服务器的带宽价格全部跳楼跳水,降幅简直不忍直视了,还没有见过这么便宜的独立服务器。根据不同的机房,价格也是不一样的。大带宽、不限流量比较适合建站、数据备份、做下载、做流媒体、做CDN等多种业务。 官方网站:https://www.sharktech.net 付款方式:比特币、信用卡、PayPal、支付宝、西联汇款 以最贵的洛杉矶机器为例,配置表如...