Maison > interface Web > tutoriel HTML > 网站的制作流程

网站的制作流程

WBOY
Libérer: 2016-09-11 11:19:49
original
1537 Les gens l'ont consulté

众所周知,一个网站的制作过程,是需要按步就班的,当然,小编在这里说的是纯定制型网站而不是套模版。那么,小编下面就简单说一下,一个定制型网站制作过程。

首先,既然是定制型的网站,也就是从设计到制作到开发,都是一步一步来的,无论是设计还是功能开发,都需要了解客户的需求是什么。那么第一要说的就是设计之初应该做些什么。

1、设计之初应该做些什么

既然是从设计开始,那么就需要知道客户的需求,例如,客户所在的公司什么类型的公司,企业集团类型?电子商务类型,还是政府机关学校类型或者是其他?然后还要看公司规模,根据公司规模来策划公司网站的栏目。然后还要特别注意客户喜欢什么风格,什么色调,页面上有什么需要特别突出的地方,有没有特殊的功能开发等等,然后设计师根据客户所提出的需求开始编写策划方案。方案中主要针对客户所在的公司类型,公司规模,栏目架构,网站风格,整站色调,功能开发作进一步的诠释。

策划方案通过之后,设计师将着手开始按照客户所要求的风格,色调和页面上需要特别突出的地方进行网站首页的设计,首页设计完成之后,会将首页的JPG文件发送给客户查看,并让客户确认之后开始着手子页面的设计。子页面完成之后,也会将设计稿发给客户看,以便按客户要求修改设计稿以及确认设计稿。当设计稿全部确认之后,就要移交到下一步页面制作了。

2、页面制作之初需要注意些什么

当然设计稿完成并已由客户确认之后,那么网站制作流程就该进入到下一步页面制作了。负责页面制作的是前端,也就是将设计稿的PSD文件切片,然后写HTML代码,将设计稿的图片写成网站上的页面。并处理好页面上的JS效果以及调试好浏览器的兼容性,并以和设计稿99%以上的相似度完成页面。这些是前端需要做的部分,那么前端又需要注意什么呢。

首先,在拿到设计稿之后就直接开始制作,这个流程是错误的。直接开始做的话,对于当然的网站肯定是一问三不知,什么东西都不知道,只顾着敲代码做页面,做完之后难免会暴露出一些问题。所以这样是不对的,那么应该怎么做了,小编个人的想法是,在拿到设计稿之后,先不要急着开始制作,先跟设计师将所有页面都过一遍,先了解网站的栏目架构,然后就是页面上需要注意的地方,需要用到效果的地方。全部页面过完一遍之后,再做页面的话,就会轻松很多。

了解了在制作之初需要注意的事项之后,那么在制作页面的过程中又需要注意什么呢。首先,在制作的过程中,将设计稿还原成网站页面是肯定要的,然后按照设计师的设计思路,给页面上需要加JS效果的地方,加上JS效果,例如轮播,选项卡等常用的JS效果之类,最后的重点就是在HTML代码里面需要注意的几个地方,首先是图片的title和alt属性,这样利于SEO优化,有表单提交的页面需要做表单验证等。

3、开发方面需要注意的地方

程序方面的功能开发,一般情况下跟页面制作影响的地方不是很大,如有某些页面上需要开发功能,而设计稿上有这个页面的话,可以跟前端沟通,优先做有功能开发的页面,这样的话,页面制作和功能开发可以同时进行。而程序在开发的过程中需要注意的地方就是,首先也需要了解一下设计稿,在页面制作的过程中,会有需要程序配合的地方,配合部分简单讲解一下就能理解,如果不清楚设计稿,在配合的时候可能就会有诸多问题。这个是跟前端和程序之前的配合默契度也有挂勾的。

以上就是在一个定制型网站项目制作的过程中设计,前端,程序需要注意的地方。当然,这仅仅是在小编的日常生活中所遇到过的,加以整理,写了这么一篇短文,后续还有其他的问题出现,小编会继续更新相关文章。

本文转自:http://www.0731pgy.com/a/news/Industry%20News/382.html

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal