综合教程：商业网站制做第四节 3.22更新
-------------------------------
^_^爱闪教程-窄告网站制做全过程 (设计类 多媒体极品教程系列)
-------------------------------
立即下载-窄告网站制做第四节教程总时间约：200分钟 难度：☆☆☆☆☆
使用软件及工具：ps fl dw etc.
公记：催了许多天的网站，今天必须要做完，于是干脆把制做步骤写出来与大家共享！
关于网站制做流程我已经写了N篇诸如此类的文章，大同小异，如果大家都能有幸读一遍，帮助应该会更大！
高效的工作方法应该是：全身心的投入，有节奏地工作！我一直是这样以为！音乐有时也很有帮助！
我们千万不能小看每件事的复杂程度和忽视前方的困难，但更没有必要自欺欺人地夸大难度，增强心理压力；我们可以坦然地面对工作，即使它堆积如山，在工作之前深呼吸学会放松自己的身心，然后在心中默默地告诉自己：我是天才，展示自己的才华，所有的工作在我的能力和才学面前是微不足道的，把所有的事都当成小事去做。简单了！
人一生最大的选择除了伴侣就是一生为业的工作，学会和你的工作和睦相处，并不断发掘其中的乐趣，请热爱你的工作，并一直引以为荣，任何时候都要记得：不要怀疑成功，永远激情澎湃！ －－－Flansh
网站制做简易表达流程：
阅读理解材料并整理准备相应素材－＞按栏目与风格设计草案－＞在电脑中用软件设计并制做网站上传
1 策划与草图 zg1fan.rmvb 大小约：12M 时间约：6.29分钟
2 设计与制做 zg2fan.rmvb 大小约：69M 时间约：85分钟
3 切割与导出 zg3fan.rmvb 大小约：121M 时间约：20.43分钟
4 编辑与模板 zg4fan.rmvb 大小约：89M 时间约：42.56分钟
5 动画与广告 zg5fan.rmvb 大小约：58M 时间约：35.24分钟
6 链接与上传 zg6fan.rmvb 大小约：14M 时间约：7.05分钟
按软件及长度划分制做步骤：
1 策划与草图 zg1fan.rmvb 大小约：12M 时间约：6.29分钟
1.1所有网站和其它设计作品的过程都是从策划开始的。这是最能体现你的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考，会创造，而且唯有这点是难能可贵的！我们必须要在动手打开PS或FW制做界面前就要完成一个网站最最关键的策划部分，它将直接影响
这个网站的成败与否。一个优秀的网站，不仅做得漂亮，而且要方便浏览，可读性强，简洁明快！
网站的风格，用色，版式，布局，栏目甚至每个细小的图标都要经过精雕细琢，深思熟虑。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等，只有投其所好才能最大化地产生共鸣；另一方面取决于公司的类型和企业法人的喜好，如果不是要强加入你自己的意志的话，那上述几点已经制定了网站大致的努力方向了！
1.2本站是商业化的网站面向企业为主，所以我采用简约风格，亮丽明快的颜色和风格，只要学学平面构成和色彩构成就知道如何按其风格去布置各个元素和内容，以及用何种颜色来营造你要表达的效果了，包括冷暖明暗都是很关键的。大面积的中性色不刺眼，而重要的引导视线可以让亮色来担当，冬天喜欢暖色夏天喜欢冷色是人之常情，蓝色那种给人以信任和科技的底韵是我选择它的原因，而像橙、黄等促进食欲的颜色更容易受到食品网站的青睐！
1.3本着简洁科学的分类原则来划分栏目：首页 客户中心 窄告介绍 合作媒体 常见问题 媒体报道 关于我们
栏目如果划分不好的话，影响框架的调整，后果就是：重头再来了，郁闷吧？
本网站主要面向潍坊企业，所以要做得本地化，让人看了感觉亲切，而且要做得漂亮，废话！！
1.4好了，完成上面这些后请拿起笔在纸上按你的创意和设想画一草图，尽是具体些，最好精细到每处阴影和描边！这步很关键的说！
1.5本节最后就是准备制做网站时所需要的素材了，包括图标，LOGO，广告语，内容介绍等这都是最基本的！
2 设计与制做
zg2fan1.rmvb 大小约：69M 时间约：50.01分钟 zg2fan2.rmvb 大小约：55M 时间约：35.38分钟
2.1如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS，虽然没有FW的高效和专业但更加灵活和自由，这是我最喜欢的，也因为用惯了嘛！＾＾养兵千日用兵一时，平时的练习和学习在这里派上用场了！呵呵！
2.2可以在新建的778*600页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致！不要放过每个细节的刻画，即使是1*1的5%透明度的阴影都会给你的页面增彩，别以为别人看不见！
2.3最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一下层级里搞得一团乱麻，分不清楚。
作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯，这决不是浪费你的时间！
3 切割与导出 zg3fan.rmvb 大小约：121M 时间约：20.43分钟
无论是PS还是FW，哪怕是AI做的设计界面，在切割的原则都是一样的，请遵从以下几个方面：
3.1首先要按大致的框架切割，如国字型或T字型，注意其完整性
3.2对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入
3.3对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列
3.4在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙
3.5其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等
切割完毕后，选择文件另存为WEB页命令，导出为HTML文件待DW编辑。
4 编辑与模板 zg4fan.rmvb 大小约：89M 时间约：42.56分钟
4.1在DW中打开导出的HTML文件开始编辑，包括大表格居中，设置背景，修改空白可输入区单元格背景为原来切割的图片等
4.2将编辑完毕的文件添加CSS样式，包括最基本的TD和ALINK等标签，然后存为模板DWT文件，并＾+alt+v新建可编辑区域
4.3通过模板新建各个页面并添加入相应的内容
5 动画与广告 zg5fan.rmvb 大小约：58M 时间约：35.24分钟
5.1按原来切片所容留的大小制做FL动画广告条，使用相应的文字内容和广告语，在FL中新建文件
5.2复制粘贴广告词到场景中，排版并转换为元件578*104
5.3添加相应的背景和动画，调试节奏后发布为SWF文件
5.4插入到DW中的模板页并调整大小后存盘，其它的页面会自动更新
text:1红 最便宜的广告，最直接的读者。
3蓝 无效果＝0费用 不点击不收费 每次仅0.20元 2黄 企业网络定向广告 让广告讨人喜欢
6 链接与上传 zg6fan.rmvb 大小约：14M 时间约：7.05分钟
6.1重新设置模板页的导航链接，本步骤也可在第四节完成
6.2在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问
6.3上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护！
部分截图及效果：
更多免费教程：
精彩爱闪教程美术平面构成基础三遍法则
