*^_^*经典爱闪教程FW+FL+DW=爱闪网站的制做全过程 ＜设计类网页三剑客综合实战＞
--------------------------------------------------------------
安装文件下载地址：www.flansh.com/Down/mlesson/fanweb.exe
总大小：126.933M 总播放时间：103分钟 制做时间：一整天哪 出处：www.flansh.com
前言
这部教程是很多学生和网友期待已久的，也是我酝酿良久的（可能有半年吧），今天终于鼓足勇气毫不偷懒
把全过程写出来（花了我整整一天的时间哪！）。我很高兴能在这里分享我的工作经验，鉴于作者水平有限，
不足之处还望各位高手多多指正，我很乐意接受给我的打击和帮我改进的建议，如果有业务更可以联系，最近的money比较寂寞，快没钱吃饭都要穷死了！出版社还没回信，看来年前大家是盼不到我的书了！555555
本教程采用rmvb格式，有很好压缩比和清晰度，最好用Realplayer10播放，这不是在为人家做广告，这播放器真的不错的说。以后我的教程格式都准备采用rmvb了,讲学也方便，清晰不失真，身材又苗条（别想歪了＾＾
对了，还有建议在学习前先查看最终的网站效果，做到心中有数，有的放矢地学习！欢迎联系出版业务！
本站属教程，时间仓促制做不周处请多谅解，感谢给过我帮助的所有朋友和网友，再次谢谢大家对我的支持！
并给大家拜个早年！哈，实在太早了！汗！——就当礼物了，祝工作顺心，身体健康，鸡年好运，合家欢乐！
教程导读：
1 策划网站 大小：8.881M 时间：4.53分
2 在FW中设计界面 大小：53.65M 时间：34.24分
3 按框架切割页面后导出为HTML格式文件 大小：20.301M 时间：14.58分
4 在DW中打开HTM文件后进行修改 大小：36.497M 时间：21.49分
5 存为模板，加入CSS，新建各页并更新模板 大小：44.289M 时间：22.11分
6 测试完成页并用FTP上传，后续维护工作 大小：7.448M 时间：4.34分
安装后总计：大小：167M 总播放时间：103分钟
作者：Flansh QQ359881688 作者许可在非商业用途转载，并请保留文档和视频完整性
www.flansh.com1 策划网站
1.1风格：按浏览人群和企业性质及法人@_@的要求制定。
如儿童，青少年和中老年人群等，可按其喜好定制，只有投其所好，才能获得肯定和共鸣
另外还要考虑企业性质，如电脑公司的高科技类与一个古色古香的茶馆类的网站在风格上就迥异不同
最后也是最重要的千万别忘了谁是你的衣食父母，如果不合企业法人的胃口，也就意味着我们会饿肚子55
1.2色彩：按风格制定，注意色彩的调合和搭配，别忘了黑白灰是万能色，和任何颜色都亲密无间、和平相处
如幼儿园可使用儿童较喜欢的活泼亮丽的颜色，像草绿，大红，碧色等，但过亮的颜色不宜大面积使用，
因为网页在电脑的屏幕上显示时，浏览时间长了容易引导人视觉疲劳，会吓跑你的观众的
另外像古典类的网站在用色上就可以使用带有中国特色的栗色，灰黑，大红以及富贵象征的金黄色等
1.3版式：以人性化的界面为主，方便浏览，一般人的浏览顺序是由上至下，由左至右，所以重要的部分应该在中部偏左上的地方，不要把最重要的内容藏得深不见底，更不要只为了界面的美观而令浏览者满屏幕
找不到导航条，害得无从下手。要知道：优秀的网站是可读性与美观性的有机结合^_^
1.4栏目：千万不要小看了栏目的划分，如果在这一步走不好，会导致你整个网站的“重头再来”，这决不是危言耸听。栏目在某一方面直接影响你的网站版式的划分，所以在一开始的制作之前就应该把栏目定好！
举例－爱闪动画：关于我们，设计服务，联系方式，作品赏析
1.5草图：在脑海中最好形成具体影象后，在纸上绘制出草图，以便对整体和细节的把握
这是我的工作习惯，当然建议初学者最好也尝试一下这种方法，当习惯后就发现受益无穷
！
2 在FW中设计界面
2.1准备设计网页需要的各类素材，如企业的标志，数码相机拍的产品图片等都有待FW处理
2.2新建文件778*435（单屏大小），新建各层并为相应层命名，养成良好的图层和对象的命名习惯对于一名
优秀的设计师是至关重要的，这会使你的工作更加有条理和高效，不仅方便日后修改也方便别人阅读你的作品
2.3时刻铭记最终效果，在各层绘制相应的元件和对象，包括LOGO和文字部分 层的分类 bk frame nav text
2.4按钮组成的导航条：绘制矩形和文字，同时选中并按F8转为元件，复制并修改属性中文字得到导航条
2.5对页面中的各个元素添加动态效果并调整位置以获得最佳的美感和效果（依平面构成，结尾有下载地址）
3 按框架切割页面后导出为HTML格式文件
在切割时请遵从以下几个方面：
3.1首先要按大致的框架切割，如国字型或T字型，注意其完整性
3.2对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入
3.3对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列
3.4在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙
3.5其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等
4 在DW中打开HTM文件后进行修改
4.1在DW中定义站点，F8打开站点面板中，输入包括站点名称，根文件夹和图像文件夹等主要信息
4.2打开FW中的HTM文件并进行修改，如整体居中或标题信息等
4.3修改各个可输入区域，设置文字区和伸缩区的单元格背景为无缝链接图，别忘了加入单元格的大小
4.4在FW中制做背景图案，并在DW中的＾J页面设置中调节
4.5在468*60大小的banner条中制做一简单的flash广告
5 存为模板，加入CSS，新建各页并更新模板
5.1 将修改完成的HTM文件使用文件菜单的另存为模板命令,创建可编辑区域
5.2通过模板新建各个页面，并输入相应的内容。对于图片最好用内嵌表格定位，但嵌套最好不要超过三层，否则下载缓慢
5.3重新修改模板的导航和链接到指定的页面，按最终的效果和伸缩性做适当的调节
5.4为模板添加CSS样式以使文字和链接同页面达到和谐统一的效果，保存模板并更新文件
5.5在各个修改后的页面，一定要记得常存盘，养成＾S的好习惯，本教程做到一半时因为程序出错全毁了
我又得重做的，这需要非常的毅力和勇气，能在气得不砸烂电脑的情况下完成本教程，我就是最好的例子5555
6 测试完成页并用FTP上传，后续维护工作
6.1修改DW的站点定义中的远程信息，输入FTP选项的IP地址及用户名和密码
6.2在站点面板中单击连接按钮，并上传所需文件
6.3解析域名的IP指向对应的空间
6.4在IE或Netscape浏览器中输入域名打开测试最终网上的效果
6.5更多后期的修改和维护工作，这往往是最累人的，唉……
呼！~~~~~~，终于写完了，接下了就看视频吧，我相信在那里的效果更加直观，如果想谢我就给我拉业务吧，
嘿嘿，哈，我可过够穷日子了！+＿+Flansh在这里谢谢各位捧场了^_^……
Flansh.com爱闪动画版权所有 Flansh倾情制做 QQ359881688 2005.1.10
------------------------------------------------------------------------------------
三遍法则
www.flansh.com/Down/mlesson/SMfirst.exe平面构成
www.flansh.com/Down/mlesson/newplaneform.exe ***请同意在以下的声明和协议许可范围内方可使用***
-----------------------------------------------------------------------
<1> 密码为13081658396，建议阅读作者的“三遍法则”后浏览教程，请为安装预留足够空间
并在使用前杀毒，本程序及文件不承担因此引起的所有损失。一旦安装，复制或以其他方式
使用本软件，即表示同意接受本协议各项条款的约束。
<2> 爱闪动画为您提供Flash动画设计、产品多媒体展示、视频教育教学及网站广告设计等服务；
我们的联系方式：www.flansh.com QQ359881688 Office:0536-8295390 合作伙伴www.cybz.sd.cn
<3> 本软件产品受中华人民共和国版权法、国际版权条约及其他知识产权法及条约的保护。
爱闪动画版权所有，作者允许您在保留程序完整性的情况下并在非商业的个人用途范围内复制传播，
欢迎联系业务，但如需出版、转载及刻录为光盘等硬件载体，请联系作者范立书以获书面许可，
否则作者有权追究法律责任及相关赔偿权利，中国教育的振兴需要您的帮助和支持!
<4> 作者保留各项声明和条款的最终解释权，感谢您的大力支持与合作，祝您工作顺利!
-------------------------------------------------------------------------------
[陪你到天涯 倾情制做 2005年]
图片如下：
图片如下：
图片如下：
图片如下：
图片如下：
