义乌网页制作的流程
作网页的基本语言html看上去并不复杂,然而真正制作出高质量的网页也并非人人都行。这至少要涉及到文字编辑,版式设计,图片加工和处理,多媒体制作等各方面因素。要真正地制作出高质量,艺术性与技术性俱佳的pg电子app主页,这就需要专业人员进行合理的统筹安排才能高效率的完成。
收集资料和素材
收集客户资料,根据客户提出网站建设基本要求,收集相关文本及图片资料和用户确定制作内容和要求(如pg电子app的介绍、项目描述、网站基本功能需求、基本设计要求),并搜集跟此网页需要的图片等素材,前期的准备工作可以让你在设计时节省很多寻找素材的时间。这时需要一份《客户需求书》,因为客户毕竟不全是专业人士,通过这个需求书可以让客户更细致的准备资料。
规划站点
根据客户的需求,规划网站的布局和结构划分。这时需要做一份精细的《网站策划书》,别以为先期这些工作是无用功,其实这一点至关重要,往往有这样的情形,在设计时投入了大量的精力,设计好了,自为认比较完美的方案客户却不满意,我们这时需要要站客户的角度,考虑到网站的面象对象,最好的倒不是一定是客户最需要和最满意的,这就是没有和客户沟通好,所以做好这一点就能减少以后的很多无用功以及反复修改设计的过程。
制作网页
签定好合同收付定金在客户用户确认后,开始制作网页。一般是先制作出pg电子网站首页,将在请客户对网页风格确认后,再进行其他网页的制作。制作网页的过程需要我们合理的分配设计时间,效率如何提高,这里面的道理其实很简单,就是“统筹分配”。
在客户确认了网站的风格以及布局以后,如何快速的完成网页的制作,我有几点心得。写出来供大家参考。
pg电子网站首页在纸上做好网页的布局设计。比如导航放在哪个位置,网页分几栏,是左右结构还是分三栏,网页的头和尾大概要做成什么样子,此时头脑中在做布局时就应该有了这个网站的主色调选配。为下一步做好准备。其实这一步只需要你五到十分钟的时间。
第二步,就是在photoshop中设计网页的pg电子网站首页了,选择好主色调和布局,这一来设计就容易得多,余下的就是发挥你的设计水平,设计出成型的界面出来。
第三步,在设计好界面以后,进行切图了。我一般习惯用adobeimageready来切图,它跟photoshop的工具栏有个切换,一般在安装photoshop时会自动将其安装。切图也有不少的技巧,有的人图省事,在界面里划好分割线,按分割线进行切片,然后导出网页。看来是容易得很,但是在dreamweaver中进行编辑时就会发现,这根本就是无用功。因为通常在imageready中直接导出的html文件是不可以直接使用的,因为有些地方在实际运用时要作调整,比如有动态文字的地方,我们需要在页面中输入文字不是使用图片,那么图片就要把它拿走,如果你在直接生成的html中拿走不想要的图片再加上你想要的东西,你们发现页面将变得惨不忍睹,整个页面可能完全乱了套。这时就需要重新制作表格。切图时需要注意的是:一、大面积的色块单独切成一块,尽可能的保持在水平线上的整齐;二、在导出图片时如果色彩单一可以选择尽量小的色值位;这样会大大减小文件的大小,同时又能比较好的保持图片的色彩;三、切图时不必要进行整个界面的分割,有时可以将需要切割的图另存出来单独进行分割,这样做的原因是,当你在主界面进行划分割线时分将原有的图片切得更碎了,考虑到网页的运行速度问题以及文件的易编辑性有时需要这样的处理。
在dreamweaver中进行站点的建立,以及网页的编辑。后面会做详细的介绍,这里就不多说了。
完成网页的制作,做好链接,检查网页中的错误(死链,错链,错别字等),如没有即可进行下一步了。
测试站点
制作完成后,上传到测试空间进行测试网站,客户根据协议内容进行验收工作,对客户提出不同意见的部分进行进一步的完善。
发布站点
客户在验收合格以后,为客户注册域名、开通网站空间、上传制作文件、设置电子邮箱。
更新和维护站点
如果一个网站都是静态的网页,在网站更新时就需要增加新的页面,更新链接,当然风格延续先前的界面;如果是动态的页面,只需要后台进行信息的发布和管理就可以了。