恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
手把手教你建立个人网站-前期准备
0.0°
2016-04-19 原创文章 教程 举报 3685 56 33 6

本文讲述了一个静态网站的设计到重构到架设全部流程,还讲述了一个蛋疼设计师的诙dan谐teng日常,嘛,表在意后面这一句就是了。

        最近重新改版了一下个人网站,好多小伙伴看过后表示也想拥有一个,问我是怎么搞出来的。说实话这个问题太复杂了,我如何才能三言两语把这套江湖绝学给您解释清楚呢?深思熟虑两秒钟后,我觉得还是洗洗睡吧。

Image title


当然,不能辜负小伙伴的期望不是,所以响应人民的号召,在这里献上一系列关于建站的教程。不要给我发红包,我是雷锋。

Image title


首先,要注明一下,这个教程是针对以下两种生物的:


有相关技能经验的老鸟们


愿意学习相关知识并且努力的菜鸟们


所以,大神请略过,懒癌患者请退避。

好了,教程正式开始,掌声在哪里?啪啪啪~~~啪啪啪~~~

Image title


一、前期准备

一个网站的基础是什么呢,没有别的可以唯独没有这个不行的东西是什么呢?没错,空间(服务器)和域名。这里先讲这个是因为备案需要很长时间,足够你撸好几个个人网站的时间,所以,赶紧先搞定这一步吧骚年。

空间就是你网站的存身之处,一般都是各个服务器机房里面的某台机柜里面的某片刀片服务器里面的某分之一。

Image title


当然你要是土豪可以包下整片服务器甚至整个机柜,这个用来放个人网站有点太玄幻我们就先不提了,一般都是大网站才那么干,夸张点的例如腾讯网在全国很多地方都有机房。

除了这个其实空间的解决办法还有另外一种,就是拿你自己的电脑当做服务器,不过如果你想要保证每时每刻都能访问的话就得7x24不间断开机了,这个还是不推荐。除非你想这样。。。

Image title


说完空间再说域名,域名是什么呢?就跟我们住的房子一样,你邀请朋友来总得给他个地址吧。网络上每个终端都有独一无二的标识,这个标识类似于你设置路由器时候输入的那个192.168.1.1,换成房子的解释就是东经XXX度北纬XXX度海拔XXX米。说真的,你要是真这样给朋友发地址我保证你一辈子没朋友。所以,这时候就要换成更容易理解更好记的地址---广东省深圳市南山区XX街道XX大厦XXX。也就是把210.16.190.53这样的换成www.zzuid.com,通俗易懂了吧。

Image title


好了,搞懂了空间域名是神马东西我们就来开始做前期准备。

首先你得购买这两个东西,万网或者美橙互联都还是比较不错的,其他一些小的虚拟运营商尽量不要贪便宜去买,除非你愿意尝试一下想上自己个人网站的时候卡得不要不要的酸爽感受。声明一下,这里真不是广告。

Image title


域名购买

Image title

Image title

Image title

Image title




在域名查询框输入你想要的域名,看看有没有被注册,有哪些被注册了,被注册就得重新想一个域名,脑洞开起来。

我们可以看到,美橙互联的域名价格更加便宜,其实不光如此,他们的空间也比万网更便宜。不过万网的服务功能什么的会更好一点,就比如万网有代备案系统,备案要方便的多。所以具体选择哪家就看自己决定了。

个人网站一般都很小,所以选择最小的套餐就可以了,下面是两家最便宜套餐的价格

Image title

Image title



这个根据自己需求去选就可以了,土豪请随意。

我当初是在万网买的,代备案系统还是很好用的,不过后来觉得美橙互联便宜又在这边买了空间,中间需要备案转移,不过不是很麻烦就是了,在网站上自助办理就行。

空间域名买好了,接下来我们要为域名备案,只有备案后你这个域名才能用。具体备案流程网站上都有,我发个当时备案的流程大家感受一下,说实话我觉得这一步最麻烦了。

从下往上倒着看。

Image title

Image title


好了,最麻烦的一步我们给解决了,下面得把你的域名“绑定”到你买的空间上,实际上这一步在服务商产品管理面板里叫做---域名解析。在我的域名里点击域名管理,选择域名解析,然后按照说明一步步来就可以了。

Image title


好了,至此域名空间都已经准备好,还差最后一步前期准备。

下载一个FTP软件,推荐FileZilla,我用着感觉挺好用的

Image title


在服务商产品管理面板里点击我的虚拟主机,然后点击主机管理,设置你自己的FTP账号和密码,然后复制主机IP地址,就是那个类似210.16.190.53这样的一串灭绝人性的数字。

打开FZ,文件-站点管理器-新站点,输入IP地址和FTP账号密码,连接。OK,你进入了,人生的第一次,自己的空间,是不是戳中了某种特别的爽点。

Image title


左边的上下两个窗口依次是本地的文件树和文件列表,右边的窗口是服务器的文件树和文件列表,我们主要看下面的那个窗口就行。

当你制作好了网站,就在左边找到网站的存放目录,然后双击打开右边的wwwroot文件夹,把网站文件(例如图中的images文件夹、js文件夹、index.html)拖到右边的窗口内,等待上传完毕就好了。

至此,前期准备完成,请大家下载安装好PS、AI、DW,下一篇将带大家开始网站的设计过程,敬请期待。

Image title


更新:2016-04-19

收藏

56人已收藏

  • 0

    作品

  • 0

    粉丝

  • 0

    关注

  • 手把手教你建立个人网站-葵花宝典高阶篇01
  • OWS-基线数据库 APP
  • OWS-OI-Portal
  • 2015年部分平面设计

    猜你喜欢

      2016-04-19 原创文章 教程 举报 3685 56 33 6

      手把手教你建立个人网站-前期准备

      0.0°

      你确定要举报手把手教你建立个人网站-前期准备

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年04月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      33
      56
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录