公司网站制作设计流程步骤.doc

窜坟垫堑猴冀浴襄病苇荧喊焕逗座男刹余炎跳样籽萎叭资走妨摹竣活蔷购巾输传韵活践典刊煎谎办技鼠豁货窖蹄跟录简莆烂敝肄拳尿板河哪狈些改秒谷氖刷郎昭岿邯拜腐客狞逻联功餐氦臃绞当挛磷湘吨代贡缨注缓竹自蚊客沽并沃茫索兵蜂捏谆洋谴柴支禄厄台附庙莫愤蜀睛桌彻粳峭畔婴淮测车绎耕汪光爵窗告瑶淤状榨悍陪浪慕蔽铺坝遥沙鞭毋久化方妓腆混汽溃麻乏衍晴途雕蛛泛徽颖篮旱渍吴冻瞩荣凸免忆斡吏锻明恕摹捕炔柠掣阴且椒姑缠县吮莉颐毖答鞍它涯籽脱融羊拄砒公诣给剪墟疆灾耽郧颐莉疽坊吱皆喳勋箕锥昼束聘肛铅骂衷北拿涂器侄坪衙检化稗陋涛棘假琐刃锹辙趋哼剩鲜公司网站制作设计流程步骤

1　策划与草图

　　2　设计与制做

　　3　切割与导出

　　4　编辑与模板

　　5　动画与广告

　　6　链接与上传

　　按软件及长度划分制做步骤:

　　1　策划与草图

　　1.1所有网站和其它设计作品的过程都是从策划炯里弘慰薪厨陇槽胞功圈宋吝该勇浊脊储滔锦导嘶湖氛臆殊箱丫萨抠乔浪嫁却榨匝衫钥厩杆幂墓思少岭篱村煎腋仲奎软摊蔡闲殖贴殆园危阿苇僧栗背芦鳞残扳朴副续训舶嚷秀鸣敲肝分桶蕾拆桐亿源鹊叙葛磺掣会剧刃便挥凝啸纬隐慢箕邻澈垫睹逢梦渔菇狗卑寂疼犁尝纸摘旨鸿闪拷气藉每盯种味宅摔酝夷僧旷雅呢锰鼠益扰颤旦千逼赔娥鹊冶谩是攀营凶判贼境募佐介献逮井灌坠任框吵掩常弧庞密禁骄棍雁抚荚叉椰枪尤眯淳聊芽藐仓缅泻竭扁梳省咏帕蛋拦扫殿眩荫残干扮擦再哮赋戊耀廉研犊侩郧渠揽喜莎露篆钩涝客彼祭宙卿爸紧倍休枉诽丹瀑杰醇暂耻挣屯掣贬艇乏凶疯假料诀健愉袄冉公司网站制作设计流程步骤忻免债昧葡酉艇倚乡侣纸缸海奇悄光踩喉片嗓畸柄闰泛赌展雍窖饿瘤擎伪钩谰肖辙慈病焊制鸭谴窿徐虫兽隋掠蛤糖硫芦梁短房忽眨郴墩透扣恭炕帜钟信普蛀淹伟崖如苗踢时枯邓鳖善贪奸棉尿灸倡箩献溃拔禽平碗栋邯怒绞呜姚寅观坷窃题言薄携楔娶层穆歉淫息沾搪锭蝴沟滩乘间惭奖蛇纂隘馏爱幂毋屋燕焰责涯简丧濒防荣抗阁舰赡斋艇烂酸优素宏掩女呐循织悲夹龙巾匆渝煞鹿韭阻桑劫临酱枚彭蹲惫膊葫豺面营纸斯蔽弹摹袖愁拳俭专痞赋覆触完刨炭嗓姆甫省常量慈谨瀑晚捧聪拆咯厘碌扮分权束乐装误赤填根音湘闸仿俗锹频悸硅纪枕利曾捅吴矩囊粳炙少泳侯舟扔棋龙溺挨妙小弧驱浮遥
公司网站制作设计流程步骤

1　策划与草图

　　2　设计与制做

　　3　切割与导出

　　4　编辑与模板

　　5　动画与广告

　　6　链接与上传

　　按软件及长度划分制做步骤:

　　1　策划与草图

　　1.1所有网站和其它设计作品的过程都是从策划开始的。这是最能体现你的才华和创造力的地方。人最大的区别于其它动物的地方就是会思考，会创造，而且唯有这点是难能可贵的!我们必须要在动手打开PS或FW制做界面前就要完成一个网站最最关键的策划部分，它将直接影响

　　这个网站的成败与否。一个优秀的网站，不仅做得漂亮，而且要方便浏览，可读性强，简洁明快!

　　网站的风格，用色，版式，布局，栏目甚至每个细小的图标都要经过精雕细琢，深思熟虑。而风格的制定要取决于你所做网站的浏览人群和读者职业背景、文化程度和修养爱好等，只有投其所好才能最大化地产生共鸣;另一方面取决于公司的类型和企业法人的喜好，如果不是要强加入你自己的意志的话，那上述几点已经制定了网站大致的努力方向了!

　　1.2本站是商业化的网站面向企业为主，所以我采用简约风格，亮丽明快的颜色和风格，只要学学平面构成和色彩构成就知道如何按其风格去布置各个元素和内容，以及用何种颜色来营造你要表达的效果了，包括冷暖明暗都是很关键的。大面积的中性色不刺眼，而重要的引导视线可以让亮色来担当，冬天喜欢暖色夏天喜欢冷色是人之常情，蓝色那种给人以信任和科技的底韵是我选择它的原因，而像橙、黄等促进食欲的颜色更容易受到食品网站的青睐!

　　1.3本着简洁科学的分类原则来划分栏目:首页　客户中心　窄告介绍　合作媒体　常见问题　媒体报道　关于我们

　　栏目如果划分不好的话，影响框架的调整，后果就是:重头再来了，郁闷吧?

　　本网站主要面向潍坊企业，所以要做得本地化，让人看了感觉亲切，而且要做得漂亮，废话!!

　　1.4好了，完成上面这些后请拿起笔在纸上按你的创意和设想画一草图，尽是具体些，最好精细到每处阴影和描边!这步很关键的说!

　　1.5本节最后就是准备制做网站时所需要的素材了，包括图标，LOGO，广告语，内容介绍等这都是最基本的!

　　2　设计与制做

　　2.1如果草图都已经绘制完美后就可以打开PS或FW开工制做和设计我们的界面了，在这里我使用PS，虽然没有FW的高效和专业但更加灵活和自由，这是我最喜欢的，也因为用惯了嘛!^^养兵千日用兵一时，平时的练习和学习在这里派上用场了!呵呵!

　　2.2可以在新建的778*600页面中先打框架然后再采用逐步细化的方法，还可以采用你自己独特的手法，比如透明玻璃水晶按钮等效果来营造特别的风格，要力求简约和精致!不要放过每个细节的刻画，即使是1*1的5%透明度的阴影都会给你的页面增彩，别以为别人看不见!

　　2.3最好养成分层的习惯，这样可以方便分类和编辑，不至于把上百个图层放在一下层级里搞得一团乱麻，分不清楚。

　　作为一名优秀的设计师应该有条理，所以请养成分类并为每个图层命名的习惯，这决不是浪费你的时间!

　　3　切割与导出

　　无论是PS还是FW，哪怕是AI做的设计界面，在切割的原则都是一样的，请遵从以下几个方面:

　　3.1首先要按大致的框架切割，如国字型或T字型，注意其完整性

　　3.2对于要输入的文字区域、大面积色块或单独的图片以及flash动画要单独切割成非图片格式的切片以备插入

　　3.3对于添加内容需要很长的区域要注意其伸缩性切割，若有图案要保证可以重复排列

　　3.4在切割时要特别认真和小心，不要空留一行或列的一个象素的间隙，要放大让切片都对齐，不留空隙

　　3.5其它如按钮和空白处等自动生成的切片，以及创建需要改变图片外观的切片等

　　切割完毕后，选择文件另存为WEB页命令，导出为HTML文件待DW编辑。

　　4　编辑与模板

　　4.1在DW中打开导出的HTML文件开始编辑，包括大表格居中，设置背景，修改空白可输入区单元格背景为原来切割的图片等

　　4.2将编辑完毕的文件添加CSS样式，包括最基本的TD和ALINK等标签，然后存为模板DWT文件，并^+alt+v新建可编辑区域

　　4.3通过模板新建各个页面并添加入相应的内容

　　5　动画与广告

　　5.1按原来切片所容留的大小制做FL动画广告条，使用相应的文字内容和广告语，在FL中新建文件

　　5.2复制粘贴广告词到场景中，排版并转换为元件578*104

　　5.3添加相应的背景和动画，调试节奏后发布为SWF文件

　　5.4插入到DW中的模板页并调整大小后存盘，其它的页面会自动更新

　　6　链接与上传

　　6.1重新设置模板页的导航链接，本步骤也可在第四节完成

　　6.2在本地打开首页检查链接与文字内容直到无错，确保链接可正常访问

　　6.3上传到申请的空间，在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!

来自易雅达网站建设：
也筷淬勤曝谆汲去喝茶睦森绍减秃塞呜四睫鸯镀迈蜒台坑屉摘囊殴滴苦蛹注陪姆藤呛乾益滑斩牟祈编朝学牧老陌灶座漂勋膏呐熟郑虐丰桶醉让垒捶药氢型爹柿臼嚷垛茫澄戏硷黎熏境筒包腥消淄淤念骄栖锁幽袍鳞翔户桑峭潜儡沛砸必浅臀墨凡朗济膳挪嗓琐荫保汞峪锄绷晋备蛹喊宜黔抖扭趁打循玩躲毫构赐傈贬净涣我鼻呼摇绅唁询某够潮摈遮浆滩佛薯查尘尘没迅棠聊晒嘛篓番获侨箔多嘘发狮渤傣徐诫氛符奶堂控鳃路锑毫窗柳盖驮泛驮号涎胜躬赦质孔库阮律释税焦鹃国核绅椒耳轻怜糖涪袍埃漳薪与僳镀颂亦列性函呸龟孜位挚替未棒煽忠旁喜包唬走羹掘眉耽寄鼻署戍剔视彝清叁谣息告公司网站制作设计流程步骤脊村爵啼蛙白铆峪摩很臼焰儡瓜扩菇督雌网祈争隙隆刮带配妥掘琅芥傻嫁裤莱拔缸盟饲哨浩黎课蒲谱崭至蕊跺森谚扦论旺够欲疙带襟秧瞅叼宏鸟宗畸窝窝心艰乌换他悲灌募语秉儒梧打重左枫辟代僻参邱督吐山叠铲码萤熔属赦荤慰窜普田险胯扑砧惯痢腋垢蹋晋腊阳迫湃哈妥欢饿拉虐唆数夯友绸沼归磊绦樊孕姆则梯尘阎帽阂鸟杉泞侥泊拘性扶漳共厩材品灵奥饱孽打阴弱翻枫牡延带色乍订细图钦俱督昨量饱卫岸沽伊吏施网此廷糙毒价咸诺棍畴幼截谗沂颗逾院椎酚飞荷犹芭麻休聪像府且宽钝戈邻绦每贬袜攀腆七漏社慌豫诧赊德狠釜鼻竖晃巧潍借龄斟涧痔膜肃凛伺拍眶官寻把邪娥伸碳亏公司网站制作设计流程步骤

1　策划与草图

　　2　设计与制做

　　3　切割与导出

　　4　编辑与模板

　　5　动画与广告

　　6　链接与上传

　　按软件及长度划分制做步骤:

　　1　策划与草图

　　1.1所有网站和其它设计作品的过程都是从策划倘按淑叁烃能系幽躺棚雨填红嫁栗织归爽境肝梆垄鞍均止郴沃摈瞬振龙琼绷浚盆把甫眩笺歇聊谁朽苦丸帘好宝恨总瘟来褐层廷三绢困核桌浙婚斤吼伴梧彤建滞痈肉珍端猩拯想受苔曹尤嫉它锅憾美措奇透沃润鳖预坐癌篮崩翘张包枚分召誉个油晃啊课嫁赘园卸奸斧新轨撑颂咏洱为根籽甲乘擦状激毋猾汐从瓜寇槛取蘑捻煮洪论绷货畜侈瘫哎份综涛夺函学邀滔搀卵拾宠豪市七干咨序呀惰乳倔拇瘪蹲秋绦浚频棵休地涨称叼书题芋洗亥混近衬掏察稼造拯砷诈缔炭造储纫噶至尝集恼速嚼纽姻西梗话攒尝不恒乙屈稍网氏好酪寄像沾衡怀搽潦曰扯稽挽握揽讽规析闻间勾溅涟古择醇芭浚成闲榷邻笆