V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
just
V2EX  ›  问与答

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

  •  
  •   just · 2014-02-28 21:16:39 +08:00 · 5837 次点击
    这是一个创建于 3905 天前的主题,其中的信息可能已经有所发展或是发生改变。
    画草图(纸,笔)-->做图(photoshop?)-->切图(啥软件?)-->写html,css

    是不是大概这几个步骤?

    但是切图要怎样切呢?

    有没有这样的书籍或者教程详细描述了这些步骤?
    26 条回复    1970-01-01 08:00:00 +08:00
    alay9999
        1
    alay9999  
       2014-02-28 22:17:47 +08:00
    你这是完整的前端。

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

    再简单(熟练),直接跳到第四步也没所谓。
    Keinez
        2
    Keinez  
       2014-02-28 23:00:20 +08:00 via Android
    你这个流程开发小型网站可以,中型往上就力不从心了。

    而且切图已经被抛弃好久了吧……
    jsonline
        3
    jsonline  
       2014-02-28 23:01:21 +08:00 via Android
    有CCS3还用切图吗
    Keinez
        4
    Keinez  
       2014-02-28 23:12:59 +08:00 via Android
    顺带一提加上Canvas,Flash也完全没有必要了。

    以及我完全不能理解在有Javascrpit的时候为什么还有那么多人要求会Flash-_-
    realgreenzb
        5
    realgreenzb  
       2014-02-28 23:14:13 +08:00
    @Keinez 同问现在比较流行的流程是?
    Keinez
        6
    Keinez  
       2014-02-28 23:32:39 +08:00 via Android
    @realgreenzb 手机不太好说,明天电脑撸个图吧
    realgreenzb
        7
    realgreenzb  
       2014-03-01 01:08:37 +08:00
    @Keinez 呵呵,好的
    yetone
        8
    yetone  
       2014-03-01 02:29:23 +08:00
    这是不完整的前端,完整的前端还需要 JavaScript 呢。
    yaroot
        9
    yaroot  
       2014-03-01 07:38:08 +08:00   ❤️ 1
    实践中是这样的: 提出需求 => 拼命改需求
    thinkif
        10
    thinkif  
       2014-03-01 08:47:52 +08:00
    @yaroot
    jsonline
        11
    jsonline  
       2014-03-01 09:24:04 +08:00 via Android
    @yaroot 基本就是这样
    scarlex
        12
    scarlex  
       2014-03-01 09:57:21 +08:00
    @yaroot 真理
    r3xling
        13
    r3xling  
       2014-03-01 10:22:20 +08:00 via Android
    我一直有个疑问:切图到底指什么?有人能给回答下吗?谢谢
    Mutoo
        14
    Mutoo  
       2014-03-01 10:25:53 +08:00
    photoshop就可以切图了,不过我比较喜欢fireworks,比较容易对齐像素。
    chairuosen
        15
    chairuosen  
       2014-03-01 11:27:07 +08:00 via iPad
    @r3xling 按照布局,把不同区域的背景图切下来,还有小图标
    bzw875
        16
    bzw875  
       2014-03-01 13:02:37 +08:00
    @yaroot 哈哈 下面的人最怕这个了
    r3xling
        17
    r3xling  
       2014-03-01 13:53:08 +08:00
    @chairuosen 谢谢,这跟我的理解是差不多的。
    可是css3能解决一切切图的问题吗?因为有人说“有css3还用切图吗”
    fdsfsdfsdf3334
        18
    fdsfsdfsdf3334  
       2014-03-01 13:57:07 +08:00   ❤️ 2
    @r3xling 很多网站的图标 并不是独立的, 而是放在一张图上, 一张图上 包含了这个网站所有的小图标,通过css3 可以定位 控制 显示那张图上的哪个小图标 并且这样带来的好处是 减少http连接数

    http://gtms01.alicdn.com/tps/i1/T1iG48FDpfXXX8QSDI-400-340.png 这是阿里的
    beingbin
        19
    beingbin  
       2014-03-01 14:21:28 +08:00
    额,是不是应该这样:
    需求(项目/客户/用户)——>分析需求——>确立需求——>原型制作(草稿)——>美工作图+前端开发、后台开发——>产品验收——>客户/老板验收——>发布
    mulog
        20
    mulog  
       2014-03-01 14:26:38 +08:00
    @fdsfsdfsdf3334
    涨知识了~
    scarlex
        21
    scarlex  
       2014-03-01 14:42:36 +08:00
    @fdsfsdfsdf3334
    这不是css3,只是 css sprites。只是利用 background-image 和 background-position 来进行图片的定位而已。
    txlty
        22
    txlty  
       2014-03-01 14:53:54 +08:00
    单从数量上来讲,国内大部分网站是这么做出来的:
    找一套建站程序 -> 套上模版 -> 添加(采集)内容 -> 上线
    那些建站熟手,一天做6个企业站,就是这么做出来的。
    你想把素材网站上的大图片变成自己的模版,就得切图(切片)。fireworks比ps容易上手。
    txlty
        23
    txlty  
       2014-03-01 15:00:41 +08:00
    对个人和小公司来说,建站是最不重要的环节。重要的是前期确定关键词,和后期的seo。
    确定百度关键词 -> 建网站 -> 添加内容 -> 各种seo/推广
    如果搞不定高指数关键词,也可以做长尾。或者你有别的流量来源渠道也可以。
    chairuosen
        24
    chairuosen  
       2014-03-01 15:05:17 +08:00
    我们公司是,出原型-》设计-》静态页&model层-》写逻辑&拼数据-》改需求-》测试-》改需求-》测试-》改需求-》测试.....循环
    Mutoo
        25
    Mutoo  
       2014-03-01 16:58:47 +08:00
    @chairuosen 永远的beta版
    lazyphp
        26
    lazyphp  
       2014-03-01 21:05:05 +08:00
    显示有需求,然后列出需求的清单,设计流程图。确定方案,美工设计,前端,后端,测试,修改,测试,修改,测试,修改,。。。。上线。。测试,修改,测试,修改,测试修改,公司倒闭
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4324 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 04:07 · PVG 12:07 · LAX 20:07 · JFK 23:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.