V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
shutupATnight
V2EX  ›  问与答

想开始学做一个看上去不土的网站,要怎么开始呢?

  •  
  •   shutupATnight · Jan 16, 2015 · 4883 views
    This topic created in 4132 days ago, the information mentioned may be changed or developed.

    主要是想做一个想做一个不要太土的网站,准备用来放我之后要做的东西的。

    先说下我的水平:

    1. 会一点 HTML,只限于显示个链接,按钮啥的。
    2. 会一点 javascript,了解了一下前端的框架,打算试试 Semantic-UI。
    3. 会一点点的 PHP,没用过什么框架,会保存数据到 mysql 和 redis。

    想请教哪位做前端的几个问题:

    1. 我要用什么方法排版页面呢?不至于要一行一行的写吧,是不是有什么帅气的工具可以直接生成页面排版的?
    2. 那个 sematic-ui 怎么和设计好的页面交互呢?

    给个工具名字 or 简单的教程连接就好。

    25 replies    2015-01-18 12:55:18 +08:00
    jedicxl
        1
    jedicxl  
       Jan 16, 2015   ❤️ 1
    不土?
    视觉效果不土,还是技术底蕴不土?
    按照你写的自身条件,估计后者短期无法实现
    实现前者嘛,其实需要比后者耗时更久,而且更比拼天赋,好在:你可以抄
    shutupATnight
        2
    shutupATnight  
    OP
       Jan 16, 2015
    技术底蕴就不比了,不能太强迫自己不是。

    主要是看上去不土,比如像广告里 http://www.jobdeer.com/ 看上去就不土,反之有些机关单位网站就挺土的。
    Keinez
        3
    Keinez  
       Jan 16, 2015 via Android
    找一个设计师。
    popoge
        4
    popoge  
       Jan 16, 2015   ❤️ 1
    去看wordpress主题的设计,然后学会用css+html5+javascript实现它,或者你可以用各种好看的前端框架,很快就能设计出时尚的页面,部门网站确实难看,<table>标签和flash满页都是,无力吐槽
    wolfan
        5
    wolfan  
       Jan 16, 2015   ❤️ 2
    1、大背景一张。
    2、短短的一段内容。
    3、一个隐形的按钮。
    保证不土,而且会觉得你屌爆了。
    sadaharu09
        6
    sadaharu09  
       Jan 16, 2015   ❤️ 1
    试试Tumult Hype,加上一段HTML5动画,保证你觉得碉堡。
    loyd1234
        7
    loyd1234  
       Jan 16, 2015
    想法不能太土先
    jjplay
        8
    jjplay  
       Jan 16, 2015   ❤️ 1
    以前刚入门的时候 我觉得Dw简直是神器,可以可视化做网页,后来慢慢的发现 那种生成的东西完全越来越不符合自己的需求了,所以大多数人都是这样过来的,最终还是都要自己一行一行的写
    bombless
        9
    bombless  
       Jan 16, 2015
    从找一个设计师开始!
    mcfog
        10
    mcfog  
       Jan 16, 2015   ❤️ 1
    推荐看看这个视频

    http://www.confreaks.com/videos/522-roa2011-design-hacks-for-the-pragmatic-minded

    想法,想象力,设计理念最重要,至于实现工具,作为程序员找工具实现想法是本业,不会成为瓶颈
    macpig
        11
    macpig  
       Jan 16, 2015
    找做的不土的页面的人来设计
    zzutmebwd
        12
    zzutmebwd  
       Jan 16, 2015 via Android
    从不支持ie6开始
    zzvrps
        13
    zzvrps  
       Jan 16, 2015
    建议还是找个人来设计。。。自己设计的基本都很土。
    Heracles
        14
    Heracles  
       Jan 16, 2015   ❤️ 1
    既然你是初学者,给你推荐一个网站: http://www.awwwards.com/
    选一个喜欢的照着抄就行了。
    mjar
        15
    mjar  
       Jan 16, 2015
    模仿
    xi4oh4o
        16
    xi4oh4o  
       Jan 16, 2015
    bootstrap
    sammo
        17
    sammo  
       Jan 16, 2015   ❤️ 1
    @JoyNeop 有什么想说的
    guiguan
        18
    guiguan  
       Jan 16, 2015
    前端排版什么的试试Twitter的bootstrap然后结合jquery实现你要的logic。欢迎参考我最近用bootstrap做的一个project page: http://unicall.guiguan.net
    sammo
        19
    sammo  
       Jan 16, 2015   ❤️ 1
    愚见是:首先,找到好看的网页,再找到它的代码,然后,为了复刻这个网页而手写 css
    Dreista
        20
    Dreista  
       Jan 17, 2015   ❤️ 1
    多看看优秀的作品。代码只是为了实现预想的效果。
    loveuqian
        21
    loveuqian  
       Jan 17, 2015 via iPhone   ❤️ 1
    amaze ui,直接上,站着例子网站改,存放东西,静态够了
    titanp
        22
    titanp  
       Jan 17, 2015
    找个框架呗~
    xuwenmang
        23
    xuwenmang  
       Jan 17, 2015
    花钱找专业的。
    hjc4869
        24
    hjc4869  
       Jan 17, 2015 via iPhone
    试试用winjs写一个web app
    shutupATnight
        25
    shutupATnight  
    OP
       Jan 18, 2015
    感谢各位,我就不一一回复了,先去申请一个空间和域名。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3806 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 117ms · UTC 10:36 · PVG 18:36 · LAX 03:36 · JFK 06:36
    ♥ Do have faith in what you're doing.