设为首页加入收藏业务一览表公司历程公司介绍联系我们
当前位置网站运营 >> 网站建设流程/怎么制作网站

网站建设流程/怎么制作网站

    下面流程不必定为尺度流程,我们只取其中可取的处所,假如那里你感到分歧适,与现在的方法相往甚远,那么我们完整不比要再往看,我是这么认为的,里面有可取的处所,也有很多不需要的处所,现在基本用不上,多读没什么坏处的

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上传到申请的空间,在域名解析成功后在浏览器中浏览网上的后果并做相应后期保护

[来源:网络] [作者:poikl] [日期:10-07-05] [阅读:]