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

我是平面设计师,想自学做个自己的网站,各路大侠有什么好建议吗?

  •  
  •   sallylau · 2015-08-31 14:52:26 +08:00 · 6264 次点击
    这是一个创建于 3375 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我可以自己设计好页面,然后自己的域名已经买好了,但是我不知道怎么着手去开始

    比如我在 ps 里面设计好之后的下一步是什么?
    如果我用 html5 设计的话该怎么弄?
    后面服务器又是怎么个衔接法?

    在各种知乎上论坛上都没有看到关于整个网站的流程,各位大侠有什么好建议的吗?
    79 条回复    2015-09-03 23:39:35 +08:00
    hahasong
        1
    hahasong  
       2015-08-31 15:02:10 +08:00   ❤️ 1
    告诉我 ssh 账号,我帮你搭一个 nginx+mysql+wordpress
    freehehe
        2
    freehehe  
       2015-08-31 15:02:59 +08:00
    上传
    写代码
    服务器就是存东西的
    找淘宝一条龙服务
    TakanashiAzusa
        3
    TakanashiAzusa  
       2015-08-31 15:04:07 +08:00
    @hahasong 楼主想自学做自己的网站。。你给人家弄个 wp 。。
    hahasong
        4
    hahasong  
       2015-08-31 15:04:48 +08:00
    @TakanashiAzusa 楼主可以自己做套主题,不冲突
    TakanashiAzusa
        5
    TakanashiAzusa  
       2015-08-31 15:09:41 +08:00
    @hahasong WP 主题还要学 PHP 。。让一个连 html , css 都不还不会的设计去写那么重的 WP 主题。。心真宽。。
    DuckJK
        6
    DuckJK  
       2015-08-31 15:13:20 +08:00
    比较简单的是 lnmp 套装,最最简单的一个网站就是装一个 nginx 或者 apache ,然后把网页放指定目录下,开启 nginx 就能访问了,这种不需要数据库。
    sallylau
        7
    sallylau  
    OP
       2015-08-31 15:16:23 +08:00
    @hahasong ssh 是服务器账号吗?服务器我目前还没有买- -,还有 wordpress 主题我其实不是很懂,但是我不是很想让我的网页能链接到卖 /设计 wordpress 主题的页面上,这样让我感觉有点像 lofter 域名看上去是自己的,但是还是能看到是属于 lofter...wordpress 是会像我说的这样嘛?
    ChiangDi
        8
    ChiangDi  
       2015-08-31 15:17:50 +08:00
    老大,我要当教练!
    sallylau
        9
    sallylau  
    OP
       2015-08-31 15:18:23 +08:00
    @DuckJK 但是我要放图片在网站上,可能会有好几十 MB 额。。
    hahasong
        10
    hahasong  
       2015-08-31 15:18:26 +08:00
    @TakanashiAzusa 楼主想学自己做网站,肯定是要学 html, css 这些的。至于 php 只要了解一下就好了。楼好学你还拦着,在这拆我台才是心真宽。。 u can u up ?
    hahasong
        11
    hahasong  
       2015-08-31 15:21:02 +08:00
    @sallylau 不想用博客程序就只放静态页面吧,像 6 楼说的那样。也是需要买服务器的。图片也能放,网页上使用的图片要压缩一下再用。这样你就只用学 html css 就可以了
    welly
        12
    welly  
       2015-08-31 15:21:57 +08:00
    用 wordpress 博客程序搭建吧。還是別去倒騰了,除非你要往前端發展。
    TakanashiAzusa
        13
    TakanashiAzusa  
       2015-08-31 15:23:54 +08:00
    @hahasong 楼主只是想做个网站而已,你一上来就让人写 wordpress 主题,步子迈太大会扯着蛋谢谢。
    SquirrelMAN
        14
    SquirrelMAN  
       2015-08-31 15:28:03 +08:00
    租个云服务器 → 安装 lnmp → 将自己制作的页面放入服务器程序目录 → OK~
    flyingkid
        15
    flyingkid  
       2015-08-31 15:29:36 +08:00
    如果你没有男朋友,赶紧加我。
    Moker
        16
    Moker  
       2015-08-31 15:34:20 +08:00
    搭个博客 然后瞎折腾
    或者同
    @flyingkid #15
    sallylau
        17
    sallylau  
    OP
       2015-08-31 15:36:21 +08:00
    @hahasong 好的 我是想学 html 和 css 来着,虽然路会比较慢长..不过还是谢谢指点!:)
    iannil
        18
    iannil  
       2015-08-31 15:36:21 +08:00
    建议楼主找一个想要定制设计个人网站的程序员,然后你们交换下技能。
    ljbha007
        19
    ljbha007  
       2015-08-31 15:37:59 +08:00   ❤️ 1
    建议先学静态页面
    后台方面涉及的技术太多 一时半会很难掌握

    推荐上 www.w3schools.com
    把 html 和 css 的内容学习后 尽最大努力把自己设计的页面转换成 90%近似的 html
    过程中会有很多 trial & error 但是只要能坚持下来肯定能做出来
    遇到问题尽量多翻墙用谷歌+英文搜搜解决办法 Web 前端方面 国外总体水平要高一些

    之后如果对网页界面上的动画、程序感兴趣 可以学一下 javascript
    可以用来做一些前台的在浏览器里运行的程序 但是这一步不学也好像没什么问题

    前面如果都能做到 那楼主肯定是个好学又能克服困难的人 那后面学什么都会相对轻松
    之后可以学学 PHP

    PHP 的功能很强大 安装、部署很容易 而且很适合没有编程基础的人学习
    学习过程中还可以顺便补一下 计算机网络、 HTTP 协议之类计算机的基础知识

    网站还是推荐那个 www.w3schools.com

    楼主如果看过我在 V2EX 发过的帖子就知道我特别喜欢帮别人解决问题
    如果有什么问题可以联系我 qq 5233823374
    一般不是特别忙都会给帮忙的

    以前我给我表妹也上过 Web 前端的课 但是她觉得太枯燥了没坚持下来
    Moker
        20
    Moker  
       2015-08-31 15:39:03 +08:00
    @sallylau lofer 不能够自定义 css 吧 不想链接就自己注册个域名,这都取决于你
    另外 lofer 也是支持绑定域名的,不过似乎是要备案。。。
    不需要服务器啊,买个虚拟主机就够了
    如果你用 wordpress 是完全可以自定义的
    sallylau
        21
    sallylau  
    OP
       2015-08-31 15:40:45 +08:00
    @SquirrelMAN 租云服务器这个好弄,但是 Inmp 这个我不懂,到时候是网上有现成的开源文件吗?还是需要自己编?感觉要是涉及到编码就不止学 html 和 css 这个难度了..
    learnshare
        22
    learnshare  
       2015-08-31 15:41:56 +08:00
    Wordpress 主题也普通的 HTML 页面还有一些差距,这个可能并不适合设计师来做。

    可以先学一些 HTML 、 CSS ,然后把静态页面做出来。
    reeco
        23
    reeco  
       2015-08-31 15:43:20 +08:00 via iPhone
    可以试试 Adobe Muse
    ljbha007
        24
    ljbha007  
       2015-08-31 15:44:45 +08:00
    @sallylau
    lnmp 那个东西是买了服务器之后需要在上面装运行网站的软件 那个有一键脚本可以全自动安装的 不用自己操心

    就象你做图要先装 Adobe 的一套软件一样 lnmp 就是运行网站用的一套软件
    theFool
        25
    theFool  
       2015-08-31 15:45:45 +08:00
    做静态站吧。

    https://www.codecademy.com/learn
    这里有一些教程。
    先学 HTML/CSS,就能出页面了。 [想看书的话也可以考虑权威指南、 head first 、 the book of css3 之类
    要交互就学 js.

    基本上就差不多了。
    找个服务器挂上就行。
    Moker
        26
    Moker  
       2015-08-31 15:46:52 +08:00
    打错 lofer->lofter 有玩 LOFER ?粉一下?
    wsph123
        27
    wsph123  
       2015-08-31 15:49:37 +08:00
    晒个设计看看?给力的话我帮乃做前端呀!
    046569
        28
    046569  
       2015-08-31 15:55:31 +08:00   ❤️ 1
    以我博客为例( 新旧改版 ),还在制作中,半成品,只为说明流程.

    我猜你现在做的设计图是这样的:



    其实前端需要的图是这样的(只标了尺寸,字体之类的信息都缺乏):



    想把设计图变成网页的外观,只需要两个技能( HTML + CSS ),如果你能把 JavaScript 技能点亮就更好了.

    然后你只实现了网站的外观,还需要制作功能,这时你需要再学一门后端语言,选你身边人用的最多的,比较容易得到指导.

    至于服务器,用虚拟主机就可以了.
    DuckJK
        29
    DuckJK  
       2015-08-31 16:00:45 +08:00
    第一步:买个 VPS 服务器,装个 linux 系统, ubuntu 、 debain 、 Centos 等等随便挑一个
    第二步:你买了 VPS 之后人家会送给你一个访问服务器的权限,账户名是 root ,密码自己邮箱看。然后下载一个 Xshell 或者 Putty ,输入你的 VPS 的 IP 地址,连接之后输入密码。

    第三步:去这个网站 http://lnmp.org/,看说明书。
    最后一步: Google 下 lnmp 和 Wordpress 。

    其它不懂百度或者谷歌。
    evefree2
        30
    evefree2  
       2015-08-31 16:01:44 +08:00
    一起吧
    SquirrelMAN
        31
    SquirrelMAN  
       2015-08-31 16:03:47 +08:00
    @sallylau 关于服务器部分你可以让加个男 V 友帮你弄 XD ,对你来说可能有点难度,懂的话一会儿就好啦。

    你最后要做的就是制作好网页,上传到网站目录下
    sallylau
        32
    sallylau  
    OP
       2015-08-31 16:17:37 +08:00
    @welly 我不是要转前端,但是想自己学着弄弄,后面还想学点 java 之类的语言,不是想精通,但是想多少能看得懂就行 lol
    sallylau
        33
    sallylau  
    OP
       2015-08-31 16:18:50 +08:00
    @flyingkid 别闹 LOL
    sallylau
        34
    sallylau  
    OP
       2015-08-31 16:19:34 +08:00
    @iannil 我也觉得这个 idea 不错 但是我身边并没有程序员 - -
    sallylau
        35
    sallylau  
    OP
       2015-08-31 16:22:30 +08:00
    @046569 嗯 对 是这样的 我觉得做网站要实现的话比单纯只做美工要幸福多了 切片的时候总感觉很麻烦- -!
    sallylau
        36
    sallylau  
    OP
       2015-08-31 16:25:58 +08:00
    @046569 bug 应该说单纯只做美工比去将网站实现的感觉幸福很多 少很多麻烦
    sallylau
        37
    sallylau  
    OP
       2015-08-31 16:30:03 +08:00
    @ljbha007 谢谢解答!很有帮助!!但是 qq 号码好像不对额..
    wclebb
        38
    wclebb  
       2015-08-31 16:30:32 +08:00
    @sallylau 我怎么感觉网站比较容易……美工要思考的是怎么搭配,怎么创意,怎么吸引。
    网站好像只需要考虑互动就好了?……很多标志都是有现成的。
    sallylau
        39
    sallylau  
    OP
       2015-08-31 16:33:31 +08:00
    @DuckJK 谢谢解惑!我想我可以开始考虑买服务器了!终于知道网站设计弄完后怎么个程序了!
    046569
        40
    046569  
       2015-08-31 16:37:01 +08:00
    @sallylau
    我还理解了半天...
    难度越低的工作可替代性越强,你懂的
    YiFeiY
        41
    YiFeiY  
       2015-08-31 16:41:50 +08:00
    @046569 我也想自己搞个博客,刚刚才开始研究 vps 。我是交互设计的
    sallylau
        42
    sallylau  
    OP
       2015-08-31 16:44:18 +08:00
    @evefree2 你也是平面设计师吗?那我们可以一起学呀:)
    YiFeiY
        43
    YiFeiY  
       2015-08-31 16:44:37 +08:00
    学会了,记得写个心得分享哈。我也想搞个博客
    sallylau
        44
    sallylau  
    OP
       2015-08-31 16:45:04 +08:00
    @Moker 我并没有 因为我不是很喜欢 如果发布作品 个人觉得还是 behance 就足够了...
    046569
        45
    046569  
       2015-08-31 16:47:53 +08:00
    @YiFeiY
    建议扬长避短,先做自己擅长的部分,再一点点研究不懂的.
    切忌开始就前端 + 后端 + 服务器,胡子眉毛一把抓,最后哪个也没搞明白.
    nolotus
        46
    nolotus  
       2015-08-31 16:48:53 +08:00
    看我一次性解决你的问题,
    要个人博客,新浪, lofter ,或者找我,可以绑定域名。
    要学会网页简单设计, html css ,以及相关框架,然后买个虚拟主机,纯静态网站,或者安装 wordpress 什么的都可以。前者技术少一点,不容易扯着蛋,后期可以学血 wp 主题制作什么的。
    sallylau
        47
    sallylau  
    OP
       2015-08-31 16:50:06 +08:00
    @wclebb 额,如果要这样讲的话,我还是觉得实现网站比较有难度,正如 @046569 说的,我也美工的难度比较低,因为如果真要计较创意之类的,我觉得网站的交互性还设计到人的观看浏览方式各种关于人的习惯等等...那样的话想做好就不止是写写代码这么简单了, 所以说现在的交互设计又要有审美又要是在编程的语境下还要涉及到关于“人”的交互行为方式等等,个人觉得除非有艺术 /设计总监全程跟着整个事儿,或者设计师本人有能力做到这些 不然的话 我觉得美工和编程还是不要分的太开比较好。
    YiFeiY
        48
    YiFeiY  
       2015-08-31 16:51:41 +08:00
    @046569 说的在理,所以学了几天 html 就停了(其实是懒)。
    你的网站搭建的怎么样了,整理个心得,我一边学习一边弄撒
    sallylau
        49
    sallylau  
    OP
       2015-08-31 16:52:28 +08:00
    @wsph123 我还没有做好我的网站 等做好了再附上链接吧, lol
    Moker
        50
    Moker  
       2015-08-31 17:00:20 +08:00
    @YiFeiY 最大的障碍就是懒,本来上周说要完善一个 WP 主题的,可是特么的和同学打了开 5 黑玩了两天的 LOL
    YiFeiY
        51
    YiFeiY  
       2015-08-31 17:03:50 +08:00
    @Moker 自从用了 mac ,就不打游戏了。。。。。。
    ljbha007
        52
    ljbha007  
       2015-08-31 17:06:41 +08:00
    @sallylau 523823374
    Moker
        53
    Moker  
       2015-08-31 17:15:54 +08:00
    @sallylau = =.发现好久没上这些网站了,上的比较多的还是站酷~~~~~个人爱好设计,能否认识一下?
    7vps
        54
    7vps  
       2015-08-31 18:02:51 +08:00
    推荐一个 VPS 给你。 http://t.im/ivps
    yemenchun1
        55
    yemenchun1  
       2015-08-31 18:34:54 +08:00
    Harvard Open Course CS75 去看看吧
    evefree2
        56
    evefree2  
       2015-08-31 18:55:48 +08:00
    @sallylau 我是程序员
    kchum
        57
    kchum  
       2015-08-31 19:20:23 +08:00 via iPhone
    1 ,域名买好
    2 ,虚拟主机就够了,支持 PHP (轮子多),楼上说的服务器用不上。
    3 ,域名指向主机的 ip ,主机也要绑定相应的域名。不太懂的话,找主机商的客服。
    4 ,上传文件。新建个 index.html 上传到网站根目录。一般有在线上传和 FTP 上传。好了后访问域名,看下是否正常。
    5 ,以后换 Wordpress 之类的重复 4 步骤就可以了
    kiah
        58
    kiah  
       2015-08-31 19:26:02 +08:00
    用 wordpres 吧
    BGLL
        59
    BGLL  
       2015-08-31 19:49:23 +08:00   ❤️ 1
    一般个人网站的话,用 Adobe Muse 很简单
    尤其对于平面设计师来说,和 Adobe Photoshop 差不多,不用写代码



    Adobe Muse 里做完直接在 Adobe Muse 里填 Ftp 账号上传就完事了
    非常快速简单,比如这个网页: http://nullice.com/about/,从 0 到发布半天就做完了。
    ys0290
        60
    ys0290  
       2015-08-31 19:51:20 +08:00 via iPhone
    楼主,参考上面各位搭建一个 wordpress 博客,如果真的有困难,亮出 ssh 账号和域名账号,有人会帮你搭建,别忘了给人发红包,备份一下 wordpress 的目录,特别是主题目录,然后开始修改主题。安装火狐浏览器或者谷歌的,右键查看元素,然后修改主题,觉地好看了,打开博客后台,把修改的样式保存进去
    bandaonanhai
        61
    bandaonanhai  
       2015-08-31 20:01:16 +08:00
    59 楼 @BGLL 说的很对,楼主可以试一下 Adobe Muse ,无论 win 端还是 mac 端都有中文版。 既所谓的不懂代码的设计师也可以制作、发布网站的工具。这是一款用单纯设计师的角度去制作网站的软件,做个普通网站是没问题,也能达成你百分之七八十的想法,当然深挖问题的话,像代码质量这类还是有问题的。如果想更进阶,还是像楼上各位说的那样学一下基础吧。
    gamexg
        62
    gamexg  
       2015-08-31 20:22:00 +08:00
    大家居然建议平面设计人员去买 vps ,难度太大了。楼主直接买个虚拟主机吧。

    虚拟主机不用自己配置服务器,商家都给你配好了,就像 windows 拷贝文件一样直接通过 ftp 把文件拷到虚拟主机上面即完成了网站的部署,简单实用。
    ljcarsenal
        63
    ljcarsenal  
       2015-08-31 21:58:19 +08:00
    不应该先爆个照么, 23333
    fxxkgw
        64
    fxxkgw  
       2015-08-31 22:55:58 +08:00
    @ljbha007 你好 汉子可以加么 最近接触一些 web 东西 身边没人可请教
    Sukizen
        65
    Sukizen  
       2015-09-01 01:55:09 +08:00
    不用急,既然是设计师,先学会设计出你的网站图。

    然后代码这些先学基本的 XHTML,CSS ,当然也可以直接学 HTML5 ,差不了多少。
    但是一开始就玩动态语言系统,上什么 VPS ,简直是浪费时间。

    再有天赋的人,步子也是一步一步迈。
    jsnikan
        66
    jsnikan  
       2015-09-01 04:13:52 +08:00
    http://www.zihu.net/
    看看这个站怎么样
    zhpooer
        68
    zhpooer  
       2015-09-01 07:43:36 +08:00
    好吧 换个简短的地址 https://jinshuju.net/f/imuuNd#rd
    ljbha007
        69
    ljbha007  
       2015-09-01 08:19:44 +08:00
    @fxxkgw 加呗
    LancerComet
        70
    LancerComet  
       2015-09-01 09:17:54 +08:00
    先学 Html ,再学 CSS ,最后摸摸 JS ,这种话在下觉得其实很沉重,但又找不到更好的回答,总之找个教程把基础的东西了解一下,现在的线上资源很丰富,不仅是 W3CSchool 了。
    risker
        71
    risker  
       2015-09-01 10:14:50 +08:00
    @sallylau 综上推测,你想实现自己设计的作品,体验从零到一过程,非 WordPress 、 Ghost 之类。推测正确的前提可以学习 FreeCodeCamp ,课程适合零基础用户,简明易懂、体系完善、开源免费且有社区支持。同时可以考虑一下技能交换,当然也可以不用考虑,因为 FreeCodeCamp 课程有社区支持。

    http://www.freecodecamp.com/
    railgun
        72
    railgun  
       2015-09-01 10:16:17 +08:00
    你们一上来就 VPS ,会把人家吓跑的。
    楼主的需求我觉得找个虚拟主机就行了,新浪就有 http://www.sinacloud.com/
    在它的网站把你做好的网页上传上去就行了。
    网页制作我觉得倒不难,用 dreamwaver 弄,或者直接开 chrome 浏览器的控制台调,所见即所得。
    看看 html+css 教程,还是很简单的,在线教程就看 w3cschool 。做动画会复杂一点。
    mengzhuo
        73
    mengzhuo  
       2015-09-01 13:08:18 +08:00
    还要 vps ……
    我建议上来就改 lofter 之类的主题
    aksoft
        74
    aksoft  
       2015-09-01 13:13:54 +08:00
    在线制作。。 HTML5 CSS3 还有动画一大坨,还学什么?
    niinaranpo
        75
    niinaranpo  
       2015-09-01 21:37:37 +08:00
    既然是要学 html+css 那么最简单的办法就是用 github pages+Jekyll ,基本上用不到 html/css 之外的知识,

    图片其实最好是找图床,一个就几十 M 对于不管是虚拟主机还是 vps 还是 github 都是蛮酸爽的。。


    //当然如果你用得不是 mac ……当我什么都没说。。
    sallylau
        76
    sallylau  
    OP
       2015-09-01 23:52:04 +08:00
    通过各位大侠的指导,已经在看 html 的教程了,也会去尝试下 adbe muse !非常谢谢大家!^o^
    sallylau
        77
    sallylau  
    OP
       2015-09-01 23:52:58 +08:00
    @niinaranpo 我用的是 mac 但是我还不怎么玩的来 github 不知道你说的 github pages+Jekyll 是啥..额..
    niinaranpo
        78
    niinaranpo  
       2015-09-02 00:09:29 +08:00
    @sallylau
    github.com 是托管代码的
    https://pages.github.com
    jekyll 是一个静态网页生成器(用 markdown 写东西然后用它生成.html )
    http://jekyllcn.com

    简单得说就是 github 给你提供空间(和独立域名 XXX.github.io ),你用 mac 安装 jekyll ,然后就可以写博客了
    进阶可以自己设计模板, jekyll 的文件结构也非常简单容易学习。


    当然如果不是以写博客为主,也可以自己写静态网页直接放到 github 就可以了。
    flied
        79
    flied  
       2015-09-03 23:39:35 +08:00
    dribbble
    zcool

    作品请上传到以上两个网站。
    好好学习专业技术,设计工具熟练了学习设计思想,别折腾这些对你来讲意义不大的事。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5925 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 02:57 · PVG 10:57 · LAX 18:57 · JFK 21:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.