分享 新手做网站的准备,入门贴

ibugs · 2015年01月25日 · 最后由 webpress 回复于 2016年08月29日 · 5775 次阅读

正文

一、网站前期的准备

  • 买域名
  • 租服务器
  • 编写网站代码

总体就这三步,但是每一点都有好多必须要要了解的地方。

二、使用到的工具

  • 新网域名服务
  • DNSpod
  • locvps
  • Bootstrap
  • nginx + mysql + ubuntu + rails
  • 百度网盘,七牛云存储

最终的效果图

三、疑问?

  • 如何购买域名?购买什么域名比较好?域名多少钱?
  • 如何租用服务器?国内的服务器和国外的服务器又什么区别?
  • 如何绑定域名和IP地址呢?
  • 我不会CSS,如何写出漂亮的界面?

四、为啥要购买域名呢?

举个例子,每个人出生的时候,都会有一串数字,这串数字会更随着你一生。它就是身份证,14xxxxxxxxxxxxxxxxxx这串数字是你在地球上生活的的唯一标识符。 但是考虑到它的实用性,父母叫你的时候不可能叫你的身份证号吧,所以就给你起了个名字。狗蛋儿
狗蛋儿对应的就是 14xxxxxxxxxxxxxxxxxx。上学同学叫你狗蛋儿,老师叫你狗蛋儿,女朋友叫你狗蛋儿。别人只需要知道你的名字就好了,不需要知道你的身份证是多少。

在互联网中,每个机器设备都会有唯一的标识符,IP地址。但是记忆IP地址太不靠谱了,所以有人就想了个招,给它起个名字吧。

如,办一个公司,买一个一个公网服务器,就有了公网的IP地址(就相当于有了个儿子,儿子有了身份证号),但是想让外面的人知道,就向域名服务商购买域名(给儿子起了个名字)将域名和购买的公网IP地址绑定(公安局办户口),两者就关联在一起了。

五、如何购买域名?

国内的著名域名提供商有新网、万网。
由于楼主一直使用新网的域名服务,所以这里推荐新网

购买域名之前,简单介绍下域名的种类和一些特性

1、com域名

  • 英文名 company 。
  • .com是目前国际最广泛流行的通用域名格式。
  • com为company简称,表示公司企业。.com是目前国际最广泛流行的通用域名格式,现全球的用户超过1.1亿个。所有国际化公司都会注册.com域名。
  • .com域名的在互联网域名系统是一个顶级域名(TLD) 。
  • 如果做SEO优化,及谷歌广告推广等使用,请使用com域名,cn, info域名,这些域名在搜索中权重较高。如果你注册一个后缀是xx的域名,别人的一看便是非法网站,就没兴趣浏览了。

2、org域名

  • 英文名 organization 。
  • .org适用于各类组织机构,包括非盈利团体。在注册方面,org域名的资格没有任何限制,任何一个国家的个人或企业均可注册。
  • .org域名与·com·net同是目前国际最广泛流行的通用域名格式。

3、net域名

  • .net是国际最广泛流行的通用域名格式。一般用于从事Internet相关的网络服务的机构或公司,是建立全球商业品牌,国际化形象的第一选择。

4、me域名

  • .me域名是欧洲西南部的国家黑山共和国(Montenegro,原为南斯拉夫社会主义联邦共和国的一部分,2006年宣布独立)的国家域名。.me域名是全球最新推出的顶级域名。
  • 对注册.me域名的资格没有任何限制,任何一个国家的个人或企业均可注册。虽然没有使用限制,但是在北京.me域名,备案肯定会通不过。

回到之前的问题。既然做了上面的介绍,推荐购买.com域名。 域名一定要简单明了,比如百度(baidu.com), 谷歌(g.cn 谷歌中国域名),dota(dota.uuu9.com),资料介绍,知名公司的网址的平均长度为7.5。

还有,域名中尽量不要添加“-”(中横线),因为会降低爬虫检索的权重。

购买域名前,搜索自己心爱的域名是否被购买了。

综上所述,楼主购买了
www.le1024.com

le代表了 快乐,愉悦。 1024所表达的含义,类似于“顶”、“非常棒”。

网站的宗旨,分享有趣,有爱,有故事的视频。

六、如何挑选服务器

1、国内服务器推荐

阿里云(稳定,安全,服务好),价格相对适中。 双核,2G内存,2M带宽,20GB固态硬盘 194RMB/每月。 为啥推荐阿里云呢?因为阿里云提供备案服务,只需要提供身份证及网站负责人备案图片(阿里云与照相馆合作,免费拍照,费用阿里云出),资料准备好之后,最后提供给ICP(因特网内容提供商英文全称为 Internet Content Provider )审核,等待审核之后,ICP会短信通知你。

国内播放视频,必须办理视频许可证。

国内服务器优点:速度快,网络相对稳定,选择阿里云,扩展比较方便 。 国内服务器缺点:必须要备案,没有备案,域名不会解析到公网IP地址

注意:千万别相信,某宝上,一天快速备案的广告。

吐槽一下,电视剧,电影有审核,制作网站也需要审核,屏蔽谷歌,facebook等等,中国在文化上的闭关锁国上越走越远。

其余的国内服务器没用过,不便瞎说。

2、国外服务器推荐

Linode:美国VPS提供商,专注于基于XEN虚拟的VPS,成立于2003年,办公地点在新泽西。所提供的VPS服务颇多好评。但只支持信用卡这一种付款方式,在国内购买多有不便。最基本的服务方案是Linode 1G,10$每月。

locvps: 采用Intel Xeon CPU,标准1U服务器,ECC错误效验内存,G口网络接入,Raid10+BBU磁盘阵列,保障您的VPS稳定运行。 CPU:2 CPUs内存:512 M硬盘:15 G端口:2 M流量:不限。

楼主就使用的 locvps,原因,某运维推荐的。

国外服务器优点:不需要备案,限制少 。 国外服务器缺点:速度略慢

如果你由于某些因素,不备案的话,选择国外服务器是不错的选择。

七、 如何绑定域名和IP地址呢?

首先需要知道, DNS(Domain Name System,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)。

在一个TCP/IP架构的网络(例如Internet)环境中,DNS是一个非常重要而且常用的系统。主要的功能就是将人易于记忆的Domain Name与人不容易记忆的IP Address作转换。而上面执行DNS服务的这台网络主机,就可以称之为DNS Server。基本上,通常我们都认为DNS只是将Domain Name转换成IP Address,然后再使用所查到的IP Address去连接(俗称“正向解析”)。事实上,将IP Address转换成Domain Name的功能也是相当常使用到的,当login到一台Unix工作站时,工作站就会去做反查,找出你是从哪个地方连线进来的(俗称“逆向解析”)。

这里我们介绍下免费提供DNS解析的工具DNSpod,DNSPod是中国第一大DNS解析服务提供商、第一大域名托管商。它除了实时生效、不限制用户添加的域名和记录数量、提供URL转发、搜索引擎优化、域名共享管理、域名锁定、IPv6的支持、动态域名解析、API接口、批量修改管理等先进功能外,还拥有:云DNS、DNSPod DNS Protector(DNSPod 自主研发的DNS 防护软件)、宕机监控、安全中心、7*24小时专业技术支持。并且所有功能都是免费向所有用户提供。

新修改域名DNS指向DNSPod的DNS域名,虽DNSPod服务器的生效时间是实时的,但因各地ISP服务商刷新域名DNS的时间不一致,所以导致解析在全球生效一般需要0--72小时

使用DNSpod解析域名,具体主要流程

  • 在域名提供商管理后台,配置域名DNS为DNSpod提供的 f1g1ns1.dnspod.net f1g1ns2.dnspod.net

具体操作如下:

  • 登陆 http://dcp.xinnet.com/Modules/agent/domain/domain_manage.jsp
  • 选择[域名管理]

  • 选择 【域名状态设置】,先为域名解锁(否则无法修改DNS)

  • 然后再选择 【修改域名DNS】
  • 若【当前状态】中有状态信息,则将且所有状态移至【增加状态】栏内;继续操作步骤

  • DNS地址修改完成后再将【域名状态设置】恢复原状。
  • 选择域名服务器为 【填写具体信息】,修改域名DNS服务器为DNSPod的2个DNS短地址(对应6台服务器)
    f1g1ns1.dnspod.net f1g1ns2.dnspod.net

  • 点击保存,然后等待全球递归DNS服务器刷新(最多72小时)。

  • 在DNSpod 管理平台,设置域名,并解析到服务器IP地址

如图

DNSpod设置完毕之后,最快当时便可以解析到IP地址。

八、我不会CSS,如何写出漂亮的界面?

我也不会写css,我推荐 大名鼎鼎的 BootstrapBootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。

为所有开发者、所有应用场景而设计。 Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。

Demo one

Demo two

需要深入了解的Bootstrap栅格系统

其实Bootstrap还提供了好多实用的组件,如

自己琢磨下,研究研究,一定能写出漂亮的网页。

九、 宣传语

le1024 每天推荐1~3段,有趣、有爱、有故事的视频。 为您工作、学习、生活之余增加一点快乐的感觉。 欢迎关注 happyforni 微信公众号。 你的开心快乐,就是我最重要的决定!

十、服务器软件安装

ubuntu 安装 nginx
ubuntu 安装 mysql
ubuntu 安装 ruby及rails环境

原标题,《我是如何在两天内做一个网站的》--简书 格式有修改,本人原创,转载至ruby-china,欢迎各位大神批评、指正。

共收到 21 条回复

这广告做的很用心

#1楼 @mybuild 嘿嘿,初期推广,多多包涵。

不会CSS你能使得动Bootstrap?我不信。

#1楼 @mybuild 一楼真相帝

#3楼 @woojuno 只懂非常简单的一些,Bootstrap 有好多主题模板,可以搬下来用。

这广告做的不错,在宣传的同时还普及一下知识。

#6楼 @ucooling 能这么想,欣慰啊、、

确实不错,真学到知识了,如果广告都这样,社会就更和谐了,哈,顶下!

ruby少年加油!

加油..

做网站第一步是准备网站内容.

#8楼 @xzgyb 谢谢,加油

#11楼 @debugger 个人觉得,前期网站的部署和配置是一个麻烦事,而且有很多难点。所以重点把前期准备和部署情况说明下。

#13楼 @ibugs 有了内容,网站才有意义,准备好内容再解决技术问题.

15楼 已删除

#14楼 @debugger 恩,你说的挺对的,内容其实准备了两个月。两天的时间内,只是准备了网站的框架。

加油,相信你一定能做的更好的。既然选择了远方,便只顾风雨兼程 :plus1:

非常不错的教程!很适合我这样的新手!

le1024.com,好域名,嗯嗯 1024,1024,1024

#19楼 @ikunsam 嘿嘿,看来大家都懂了,不过此 1024 非 彼 1024

很好很强大

新手学习如何建立网站的全套流程与详细解释 (文字和视频教程)

就网店|就网站(JiuStore)可以让你在1个小时就学会自己做专业的网站。其实,创建一个网站 (企业网站,个人网站,公司网站),电子商务网店,或独立博客一点都不复杂,网站制作流程也十分的简单,不懂建网站的步骤也没关系!我们的免费视频教程可以让您简单、轻松在一个小时学会!

用WordPress建站视频教程 (免费WordPress建站资源)

1) 用WordPress搭建完整网站视频教程 (从零开始只需1小时) 该视频对所有的浏览者或读者免费开放。你只要跟着这个视频教程做,你就可以自己动手搭建一个专业的网站。我们会一步步教你如何建立你的第一个网站。

在YouTube观看:

在土豆观看: http://www.tudou.com/programs/view/eDy87n_Cbpo/

2) 建立WordPress电子商务网站视频 (WooCommerce教程)

如果你已经根据第一个视频教程建立了一个网站或者你已经拥有自己的WordPress网站,我们这个视频将会教大家如何使你的网站成为一个专业的电子商务网站。同样的,你也不需任何的专业知识来搭建一个功能强大的电子商务网站。

如果你需要建立一个代购网站,你也可以跟着该视频操作。你的代购网站可以收美元,人民币或其它货币。 美国代购网店:https://www.jiustore.com/dai-gou-online-store/

观看链接:https://www.jiustore.com/video/

因为建设网站简单,所以学习如何建立自己的网站是趋势。 了解更多:https://www.jiustore.com/build-your-own-website/

网站和网络发展介绍 现在随着互联网的快速发展,个人, 生意, 或者企业,都需要通过网络展示自己的形象或销售商品。很多人都不了解如何去制作一个网站,不清楚其中的具体细节,并都觉得建网站是一件非常复杂的事情。其 实,创建一个网站一点都不复杂,你不需要学习HTML语言, 学习PHP语言, 学习CSS, 学习图片处理, 学习网页制作等等。你更不需要去看那些教你制作网页和网站的书。你只要跟着视频教程操作就可以从零开始,用一个小时左右就可以做出一个完整的网站。

还有,目前互联网上的网站基本都是使用免费网站搭建平台做出来的。真的可以零基础1个小时学会做网站吗? 对,你看看我们以上的视频教程就知道了。

就拿 https://www.jiufree.com/ 这个网站来说,建设该网站也仅用了大概半小时左右。你觉得这个网站专业吗? 我们另外的一个网站:https://www.jiustore.com/ 也仅仅用了大概一个小时搭建。JiuFree 和 JiuStore 这两个网站都是使用免费网站搭建平台做的,也就是说用的程序是一样的,只是网站主题不一样而已。

从视频教程上,你可以看到我们从零开始建立 http://www.jiuwp.com/ 这个网站也只需1个小时。如果不需要讲解,直接操作,我的同事在30分钟内就可以完成这个网站。

最重要的是,自己建设一个网站,可以不断丰富网站内容,不断地开展推广和运营,通过网站给你带来持续不断的收入,同时网站本身的价值也会越来越大。

US Domain Center 每个网站都需要域名(Domain Name)和空间(Hosting)。我们建议使用美国的公司http://www.usdomaincenter.com/ 的域名(网址)和空间(高速空间)。无论你在中国,美国,加拿大,或其它国家,你都是使用它们的服务。US Domain Center不但接收不同的货币(人民币,美元,加币,或其它货币),它的主机中间遍布世界各地,保证网站的运行速度快。看看以下两篇文章来深入了解美国主机空间的好。

1) 用美国主机空间建站有哪些好处: https://www.jiustore.com/us-hosting-benefits/

2) 最佳美国主机空间推荐 | US Domain Center (美国域名注中心) : https://www.jiustore.com/us-domain-center-recommended/

3) 如何用支付宝(AliPay)或银联(UnionPay)购买US Domain Center的域名和空间: https://www.jiustore.com/alipay-unionpay/

每一个网站都需要两样东西

  1. 域名(网址,如 wpdaren.com 或 http://www.wpdaren.com/) wpdaren.com 和 http://www.wpdaren.com/ 同一个域名。你的域名可以加或不加前缀。

  2. 空间 (储存和把你的网站发布到互联网去) 好消息是,域名和空间都可以在同一家公司购买,它们加起来的费用是每年几十美元。如果你在 US Domain Center购买的话,你可以直接登陆你的帐户点击安装WordPress (最受欢迎和最容易的免费网站建立平台)。你也会在以下的视频教程里看到。

讲解怎么购买域名和空间, 并安装WordPress (12分钟) 视频链接:https://www.jiustore.com/start-wordpress-site/

安装WordPress后,你的网站就马上上线了。你只要在手机,电脑,或平板电脑的网站输入栏打进你的域名 ,你就可以看到你的网站。

关于US Domain Center US Domain Center(美国域名中心)是一家知名的美国域名注册商。它不但为世界各地(中国,美国,加拿大,和澳大利亚等等)提供域名注册服务,它还提供高速空间 (主机空间)。还有,如果使用US Domain Center的域名和空间,你无需备案。还有,该公司也接受不同的货币支付(人民币,美元,和加币等等)。

域名注册 (Domain Registration) 选择US Domain Center (美国域名中心)的几个原因:

  1. 域名查询及批量查询及注册易如反掌
  2. 免费赠送专业电邮(如, info@yoursite.com)
  3. 自动将专业邮件指向已存在的邮箱帐号
  4. 拥有全部域名管理权, 可以随意更改信息
  5. 免费的DNS服务和管理
  6. 免费的域名防盗保护, 防止域名未经准许被转出US Domain Center
  7. 免费提供各种域名注册的售前售后咨询服务

高速主机空间 (Hosting) US Domain Center也提供高速主机空间(Hosting)。该公司的全球数据中心让网页更快加载,并保证99.9%正常运行时间。

英文官网: http://www.usdomaincenter.com/

中文官网: http://cn.usdomaincenter.com/

安装WordPress后,你可以登入你的网站后台,开始来发布内容。

如何进入WordPress网站后台 WordPress网站后台登陆默认地址是网站域名+后台目录。

yoursite.com/wp-admin (把yoursite换成你的域名)就可以。

例如,我们的域名是 jiustore.com,那么我们WordPress网站后台的登陆地址是 jiustore.com/wp-admin

如何设计你的网站 WordPress有过万种免费的主题(网站样本)给你用。只要你去外观 (Appearance)及点击主题 (Themes)来搜索就可以安装你想要的主题。安装主题只需要一个点击就可以 (不需要专业知识)。你也可以使用http://www.websonplan.com/ 的WordPress主题。

以上的这些资料视频教程都有教!希望对你有帮助。

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册