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
思考 由于导航条要设置超链接如何对导航条合理切片你觉得本项目中导航条的切片是否合理如不合理应当怎么切片请你试一试
傲游主机怎么样?傲游主机是一家成立于2010年的老牌国外VPS服务商,在澳大利亚及美国均注册公司,是由在澳洲留学的害羞哥、主机论坛知名版主组长等大佬创建,拥有多家海外直连线路机房资源,提供基于VPS主机和独立服务器租用等,其中VPS基于KVM或者XEN架构,可选机房包括中国香港、美国洛杉矶、韩国、日本、德国、荷兰等,均为CN2或者国内直连优秀线路。傲游主机提供8折优惠码:haixiuge,适用于全...
Megalayer 商家算是新晋的服务商,商家才开始的时候主要是以香港、美国独立服务器。后来有新增菲律宾机房,包括有VPS云服务器、独立服务器、站群服务器等产品。线路上有CN2优化带宽、全向带宽和国际带宽,这里有看到商家的特价方案有增加至9个,之前是四个的。在这篇文章中,我来整理看看。第一、香港服务器系列这里香港服务器会根据带宽的不同区别。我这里将香港机房的都整理到一个系列里。核心内存硬盘IP带宽...
数脉科技怎么样?数脉科技品牌创办于2019,由一家从2012年开始从事idc行业的商家创办,目前主营产品是香港服务器,线路有阿里云线路和自营CN2线路,均为中国大陆直连带宽,适合建站及运行各种负载较高的项目,同时支持人民币、台币、美元等结算,提供支付宝、微信、PayPal付款方式。本次数脉科技给发来了新的7月促销活动,CN2+BGP线路的香港服务器,带宽10m起,配置E3-16G-30M-3IP,...