网站制作简易流程介绍
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上传到申请的空间,在域名解析成功后在浏览器中浏览网上的效果并做相应后期维护!
一、申请域名
河源网站建设流程
二、申请空间
三、定位网站
四、分析网站功能和需求(网站策划)
五、网站风格设计
六、网站代码制作
七、测试网站
八、FTP上传网站
九、完善资料
十、网站推广维护
针对对象
在设计网站前,必须告诉网站所针对的人群、区域、国家等;提供网站策划书,这样中华网库在设计上就会针对这种人群的浏览习惯特别定制您的网页。
网站建设前期准备工作相当重要,这决定你建站的目的,以及日后维护网站,让你的网站发挥作用等是相当的重要。 频道
网站频道就是网站的大框架,也就是主体部分,比如:首页,公司简介,新闻动态,产品展示,在线留言,联系我们等,这是标准的企业网站的内容。如果你有特定的框架,请您一一列出,这样方便我们设计。
预算
如果您对您的网页不清楚,没经验,不要紧,您最好告诉建站公司您最大程度的预算,他们会全程为您提供服务。您必须知道您网站的目的,是以广告形式、还是仅给现有的老客户观察?是功能型的,还是展示型的?风格定位要准确,功能型的网站在美工设计上可能不适合大块图片,在数据功能上比较强大,比如搜索,会员注册等,一般大型企业网、购物网、大型门户、交友网等都是属于功能型的,如果是展示型的,这种类型的网站可能大部分追求视觉上的美丽,对功能要求不高。那在美工上面,设计上就得有强烈的视觉感了。这种网站一般属于:美容业、女性用品、服饰等。
河源网站建设( www )( heyuan51 )( com )
网站建设合同书编号XXXXXXXX甲方法人代表地址电话乙方XXXXXXX科技有限公司法人代表XXXX地址XXXXXXXXX电话XX…
三点水网站建设合同书甲方以下简称甲方乙方以下简称乙方甲方在利用乙方提供的信息资源进行信息传播和自我服务时应严格遵守国家的有关法律法…
网站建设合同书编号甲方法人代表地址邮编电话传真乙方法人代表地址邮编电话传真第一条合同项目与定义11项目名称北方网网站建设12本合同…
网站建设合同合同编号XWZ00175甲方乙方地址地址电话电话传真传真EmailEmail开户行开户行帐号帐号为了充分利用Inter…
网站建设合同书甲方邮编电话传真地址乙方邮编电话传真地址上述甲乙双方经友好协商一致就甲方委托乙方进行网站建设事宜达成以下协议双方申明…
20xx——20xx年度上学期班级工作总结弹指一挥间,曾经怀揣憧憬与梦想的我们,已在上饶师院整整度过了一个让人刻骨铭心的学期。在此…
运输公司**年党群工作总结**年是集团公司的“科学发展年”,集团公司对基层的各项工作提出了更高的要求和标准,对运输公司来讲是充满严…
一、前期宣传1、宣传海报海报是各个企业普遍使用的宣传方式在兰大的海报主要分成两种一种是企业设计并制作好后提供给招聘助理进行张贴的制…
保险代理从业人员培训总结培训时间:20xx年x月x日-8月x日考试时间:20xx年x月x日培训地点:公司小职场项目负责人:杜建维班…
回顾这个月的工作,对照德能勤绩四项标准,能尽心尽力做好各项工作,较好地一、主要工作情况1、重视理论学习,坚定政治信念,明确服务宗旨…