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

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

正文

一、网站前期的准备

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

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

二、使用到的工具

  • 新网域名服务
  • 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,欢迎各位大神批评、指正。

这广告做的很用心

#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 主题。

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

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