做建站这行七年了,我见过太多小白一上来就喊着要做Flash动画效果,结果被现实毒打。现在这年头,谁还傻乎乎地去搞纯Flash站啊?浏览器都不支持了,你让访客看黑屏吗?但是!如果你非要搞那种复古风、或者给特定内部系统做个炫酷的交互界面,那还得懂点门道。今天我不讲那些虚头巴脑的理论,直接上干货,这篇flash网站建设教程,全是血泪换来的经验,希望能帮你们少走弯路。
首先,你得清醒一点。现在的浏览器,Chrome、Edge、Safari,默认都不带Flash插件了。你就算做好了,用户打开一看,是个大红叉或者提示安装插件,用户体验直接归零。所以,做这个之前,先问问自己,真的有必要吗?如果是为了炫技,建议换个思路,用HTML5或者CSS3动画替代,那才是正路。但如果你非要执迷不悟,觉得Flash那种矢量动画的流畅度是别的替代不了的,那行,咱们接着聊。
第一步,选对工具。别去下那些破解版,容易中毒,而且功能不全。Adobe Animate CC是目前唯一还在维护的Flash类软件,以前叫Flash Professional。下载安装包的时候小心点,网上那些捆绑软件太多了。装好之后,新建一个ActionScript 3.0的文件,别选HTML5 Canvas,除非你想重头学一遍JS。
接下来是核心,AS3代码。很多做设计的兄弟讨厌代码,觉得那是程序员的事。错!大错特错!在Flash里,代码就是灵魂。你要控制动画的播放、暂停、交互,全靠AS3。这里有个坑,很多新手写代码不检查语法,发布的时候报错一堆,却不知道怎么改。记住,每写一行代码,都要测试一下。比如你要做一个按钮点击后跳转到第二帧,代码是:
button.addEventListener(MouseEvent.CLICK, goNext);
function goNext(event:MouseEvent):void {
gotoAndPlay(2);
}
别抄错了,少个分号或者括号不对,整个文件就废了。这时候你会遇到第一个大坑,就是发布设置。很多人直接点发布,结果导出的HTML文件打不开,或者图片资源丢失。这是因为你的资源路径没设对。在发布设置里,勾选“将FLA与SWF文件放在同一目录”,并且检查HTML模板。现在的HTML模板大多已经过时了,建议你自己写一个简单的HTML包裹SWF,用
还有一个致命的问题,就是文件大小。Flash文件一旦超过2M,加载速度就慢得像蜗牛。特别是如果你用了高清视频或者大量位图,文件会瞬间爆炸。解决办法是,尽量用矢量图形,压缩图片,还有,把不常用的元件设为“在首帧导出”或者“延迟导出”,别一股脑全加载进来。
最后,也是最让人头疼的,就是SEO。搜索引擎根本看不懂Flash里的内容。如果你的网站全是Flash,百度蜘蛛爬进来,啥也抓不到,你的排名就是零。所以,如果你非要做Flash站,务必在HTML层加上大量的文字描述,用noscript标签包裹关键内容,或者用JavaScript把文字渲染出来。虽然这有点作弊嫌疑,但为了生存,没办法。
说实话,我现在看到还有人提Flash就头疼。这技术早就进博物馆了,但偶尔怀旧一下,或者满足某些特殊需求,还是得硬着头皮上。这篇flash网站建设教程,虽然写得有点急,可能有些细节没照顾到,比如不同浏览器的兼容性问题,那得你自己去试。反正,别指望一劳永逸,现在的网页标准变化太快,今天能用的代码,明天可能就过时。
总之,做建站就是做妥协。在效果、体验、兼容性之间找平衡。如果你只是为了好玩,那就放手去干,出了bug自己修。如果是为了商业项目,我劝你三思。毕竟,客户要的是流量和转化,不是看你Flash做得多炫酷。
希望这篇flash网站建设教程能给你一点启发。别怕出错,建站就是这样,在报错中成长的。加油吧,各位站长。