想开始学做一个看上去不土的网站,要怎么开始呢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
shutupATnight
V2EX    问与答

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

  •  
  •   shutupATnight 2015-01-16 20:27:38 +08:00 4580 次点击
    这是一个创建于 3930 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    先说下我的水平:

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

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

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

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

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

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

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

    想法,想象力,设计理念最重要,至于实现工具,作为程序员找工具实现想法是本业,不会成为瓶颈
    macpig
        11
    macpig  
       2015-01-16 21:29:07 +08:00
    找做的不土的页面的人来设计
    zzutmebwd
        12
    zzutmebwd  
       2015-01-16 21:29:14 +08:00 via Android
    从不支持ie6开始
    zzvrps
        13
    zzvrps  
       2015-01-16 21:35:19 +08:00
    建议还是找个人来设计。。。自己设计的基本都很土。
    Heracles
        14
    Heracles  
       2015-01-16 22:30:50 +08:00   1
    既然你是初学者,给你推荐一个网站: http://www.awwwards.com/
    选一个喜欢的照着抄就行了。
    mjar
        15
    mjar  
       2015-01-16 22:32:41 +08:00
    模仿
    xi4oh4o
        16
    xi4oh4o  
       2015-01-16 22:43:46 +08:00
    bootstrap
    sammo
        17
    sammo  
       2015-01-16 22:55:27 +08:00   1
    @JoyNeop 有什么想说的
    guiguan
        18
    guiguan  
       2015-01-16 23:05:07 +08:00
    前端排版什么的试试Twitter的bootstrap然后结合jquery实现你要的logic。欢迎参考我最近用bootstrap做的一个project page: http://unicall.guiguan.net
    sammo
        19
    sammo  
       2015-01-16 23:28:42 +08:00   1
    愚见是:首先,找到好看的网页,再找到它的代码,然后,为了复刻这个网页而手写 css
    Dreista
        20
    Dreista  
       2015-01-17 02:00:52 +08:00   1
    多看看优秀的作品。代码只是为了实现预想的效果。
    loveuqian
        21
    loveuqian  
       2015-01-17 02:05:39 +08:00 via iPhone   1
    amaze ui,直接上,站着例子网站改,存放东西,静态够了
    titanp
        22
    titanp  
       2015-01-17 03:44:34 +08:00
    找个框架呗~
    xuwenmang
        23
    xuwenmang  
       2015-01-17 07:22:48 +08:00
    花钱找专业的。
    hjc4869
        24
    hjc4869  
       2015-01-17 09:36:30 +08:00 via iPhone
    试试用winjs写一个web app
    shutupATnight
        25
    shutupATnight  
    OP
       2015-01-18 12:55:18 +08:00
    感谢各位,我就不一一回复了,先去申请一个空间和域名。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3571 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 04:22 PVG 12:22 LAX 21:22 JFK 00:22
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86