一个完整的网站是经过怎样的流程做出来的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3928 天前的主题，其中的信息可能已经有所发展或是发生改变。

画草图(纸，笔)-->做图（photoshop?）-->切图（啥软件？）-->写html,css

是不是大概这几个步骤？

但是切图要怎样切呢？

有没有这样的书籍或者教程详细描述了这些步骤？

切图

步骤

做图

26 条回复 • 1970-01-01 08:00:00 +08:00

alay9999

2014-02-28 22:17:47 +08:00

你这是完整的前端。

切图用PS，有的时候第一步可以省掉，至少我是一般不动纸笔，但是可能换做原型工具。

再简单（熟练），直接跳到第四步也没所谓。

Keinez

2014-02-28 23:00:20 +08:00 via Android

你这个流程开发小型网站可以，中型往上就力不从心了。

而且切图已经被抛弃好久了吧……

jsonline

2014-02-28 23:01:21 +08:00 via Android

有CCS3还用切图吗

Keinez

2014-02-28 23:12:59 +08:00 via Android

顺带一提加上Canvas，Flash也完全没有必要了。

以及我完全不能理解在有Javascrpit的时候为什么还有那么多人要求会Flash-_-

realgreenzb

2014-02-28 23:14:13 +08:00

@Keinez 同问现在比较流行的流程是?

Keinez

2014-02-28 23:32:39 +08:00 via Android

@realgreenzb 手机不太好说，明天电脑撸个图吧

realgreenzb

2014-03-01 01:08:37 +08:00

@Keinez 呵呵,好的

yetone

2014-03-01 02:29:23 +08:00

这是不完整的前端，完整的前端还需要 JavaScript 呢。

yaroot

2014-03-01 07:38:08 +08:00

实践中是这样的: 提出需求 => 拼命改需求

thinkif

2014-03-01 08:47:52 +08:00

@yaroot
赞

jsonline

2014-03-01 09:24:04 +08:00 via Android

@yaroot 基本就是这样

scarlex

2014-03-01 09:57:21 +08:00

@yaroot 真理

r3xling

2014-03-01 10:22:20 +08:00 via Android

我一直有个疑问：切图到底指什么？有人能给回答下吗？谢谢

Mutoo

2014-03-01 10:25:53 +08:00

photoshop就可以切图了，不过我比较喜欢fireworks,比较容易对齐像素。

chairuosen

2014-03-01 11:27:07 +08:00 via iPad

@r3xling 按照布局，把不同区域的背景图切下来，还有小图标

bzw875

2014-03-01 13:02:37 +08:00

@yaroot 哈哈下面的人最怕这个了

r3xling

2014-03-01 13:53:08 +08:00

@chairuosen 谢谢，这跟我的理解是差不多的。
可是css3能解决一切切图的问题吗？因为有人说“有css3还用切图吗”

fdsfsdfsdf3334

2014-03-01 13:57:07 +08:00

@r3xling 很多网站的图标并不是独立的，而是放在一张图上，一张图上包含了这个网站所有的小图标，通过css3 可以定位控制显示那张图上的哪个小图标并且这样带来的好处是减少http连接数

http://gtms01.alicdn.com/tps/i1/T1iG48FDpfXXX8QSDI-400-340.png 这是阿里的

beingbin

2014-03-01 14:21:28 +08:00

额，是不是应该这样：
需求（项目/客户/用户）——>分析需求——>确立需求——>原型制作（草稿）——>美工作图+前端开发、后台开发——>产品验收——>客户/老板验收——>发布

mulog

2014-03-01 14:26:38 +08:00

@fdsfsdfsdf3334
涨知识了~

scarlex

2014-03-01 14:42:36 +08:00

@fdsfsdfsdf3334
这不是css3，只是 css sprites。只是利用 background-image 和 background-position 来进行图片的定位而已。

txlty

2014-03-01 14:53:54 +08:00

单从数量上来讲，国内大部分网站是这么做出来的：
找一套建站程序 -> 套上模版 -> 添加(采集)内容 -> 上线
那些建站熟手，一天做6个企业站，就是这么做出来的。
你想把素材网站上的大图片变成自己的模版，就得切图(切片)。fireworks比ps容易上手。

txlty

2014-03-01 15:00:41 +08:00

对个人和小公司来说，建站是最不重要的环节。重要的是前期确定关键词，和后期的seo。
确定百度关键词 -> 建网站 -> 添加内容 -> 各种seo/推广
如果搞不定高指数关键词，也可以做长尾。或者你有别的流量来源渠道也可以。

chairuosen

2014-03-01 15:05:17 +08:00

我们公司是，出原型-》设计-》静态页&model层-》写逻辑&拼数据-》改需求-》测试-》改需求-》测试-》改需求-》测试.....循环

Mutoo

2014-03-01 16:58:47 +08:00

@chairuosen 永远的beta版

lazyphp

2014-03-01 21:05:05 +08:00

显示有需求，然后列出需求的清单，设计流程图。确定方案，美工设计，前端，后端，测试，修改，测试，修改，测试，修改，。。。。上线。。测试，修改，测试，修改，测试修改，公司倒闭