教任何人一个小时内学会做网站

教任何人一个小时内学会做网站  计算机学者 2019-01-07 19:38:31


2019年的到来，我们看到了互联网覆盖了各行各业，无论是老板、高管、自由职业、创业ing、网店店主、B2B/B2C、网红卖家等等，大都需要用到互联网做事情。很多人都拥有自己的网站，但是这些网站却大致相同，毫无特点，并且关键的数据信息和网页访问都受制于人。所以，拥有一个自己的网站，对于一些网店店家、网红卖家、知名博主、创业者、企业家等人来说，是十分有必要的。
做一个网站的过程

• 用相关工具做好网页
• 把网页复制到别人可以访问到的地方
• 让别人用一个网址可以访问你的网页
  

五分钟演示如下：
第一步，使用电脑上的记事本，编写网页代码，保存并英文命名

本地双击打开文件，即可在浏览器看到


第二步，把网页复制到别人可以访问到的地方别人可以访问的地方，我们称之为“网站空间”，也就是我们的“服务器”。
把文件传输到服务器上，我们需要一个传输工具“FlashFTP”，购买好网站空间“服务器”之后，我们能看到服务器的详细信息，如：IP地址，端口号，账号，密码等等，选择默认配置好网站服务的“服务器”，把我们编写的文件使用“FlashFTP”上传到网站空间中的“www”文件夹中，等待上传成功即可。


这个时候，我们可以用“IP地址+网址的路径”进行访问编写的网页，如下：


第三步，让别人用一个网址可以访问你的网页我们需要购买一个域名，比如我们访问百度网站时输入的网址 就是域名——“www.****.com”
购买好域名之后，我们在域名服务中找到解析，添加一条解析记录，填写主机记录——www，类型——A，记录值——[您购买的服务器IP地址]，保存等待几秒钟即可。


此时，我们就可以使用域名访问网页了


此时，三步做完，简单的网页就做好啦。


详细介绍网站制作过程第一步，使用相关工具做好网页网站制作工具的三个基本组成：HTML、CSS、JavaScript
HTML（HyperText Markup Language）：超文本标记语言，创建浏览器可以识别的文本内容
CSS（CascadingStyleSheets）：层叠样式表，用于网页的样式和布局
JavaScript：世界上最流行的脚本语言，为向 HTML 页面增加交互性
HTML是一个十分钟就能入门的语言，新手不需要掌握，现在的开发工具普遍可以自动生成，会打字就会写网页。从HTML开始做网页就像从造螺丝开始做一部汽车，后来慢慢有了更简便快捷的方法。
学习资源网上有很多，找到HTML、CSS、JavaScript即可开始入门学习，每一个知识点都可以进行实战练习。
在任何浏览器上，点击右键，可看到如下：


可以看到具体代码，不过目前大多数是开发工具生成，完全手写出来的很少


推荐使用开发工具：DreamWeaver，Sublime text，WebStorm，VS Code等等
新手工具（DW）使用介绍：


目前DW已经被开发人员淘汰，但是作为入门学习使用，仍然是一大利器。
第二步，把网页复制到别人可以访问到的地方使用到的工具：FlashFTP
ftp是指文件传输协议，文件传输协议ftp(file transfer protocol)是internet传统的服务之一。ftp使用户能在两个联网的计算机之间传输文件，它是internet传递文件最主要的方法。使用匿名(anonymous)ftp，用户可以免费获取internet丰富的资源。除此之外，ftp还提供登录、目录查询、文件操作及其他会话控制功能。flashfxp是一款功能强大的fxp/ftp软件，集各种优秀ftp工具软件的优点于一身，同时还具备无需安装，解压即可使用的绿色软件标准。
需要拥有的网站空间：服务器
购买渠道有某里云，某讯云等，购买最便宜的1核1G服务器即可够用，购买时选择已经配置好网站环境的服务器，先获得服务器的详细信息，如IP地址，端口，账号密码(可在购买时的网站里设置或重新设置)，通过FlashFTP登陆，弹出的鉴权窗口选择允许，找到配置到的web服务器地址，这里找到www文件夹即可，把文件从桌面拖到www文件夹中，上传成功即可使用IP地址+文件名访问。


第三步，让别人用一个网址可以访问你的网页我们熟知的网址其实是一种域名，比如某宝的网址www.***.com，这里我们也去购买一个域名，跟服务器购买渠道相同即可，域名几十块上下一年，即买即用。
域名介绍：域名使用DNS解析协议，DNS解析协议将域名地址解析到IP地址，在全世界能上网的地方，只要输入网址，即可看到我们的网页。
域名购买成功后，进入域名解析，添加一条解析记录，如上述过程中解说


等待几分钟即可生效，此时再访问输入网址即可




附加内容介绍一下大家访问网站的过程


想即刻体验网站开发效果的，可以下载自动生成模版的工具，即拖即看，各种模块一应俱全，适合敏捷开发，需要一定基础和时间去做微调。
谢谢观看！

• wesome 1月前
  这种更像是一个了解过程的Demo，实际 Web 开发会复杂一些，对转行或入门用户是有一定帮助的。复杂点在于，我们前期开发可能需要框架，结构化以及编译，打包过程。后期需要处理缓存，优化，网站负载均衡，分布式缓存，以及静态文件CDN等。当然，作者说的域名解析也是一方面，但这个属于可视化配置了，难度不是很高。补充一点，网站域名还需要备案，否则属于不安全网站。
  回复    6
• 野猪156427997 1月前
  你们一群人嘲笑作者～！做为一个10多年的做站老鸟，我倒觉得他讲得很好，从最简单的讲起，让新手一目了然，不会觉得做站是一件难事。另外一点是做站很少自己从头到尾写代码的，都是拿现成的缝缝补补凑合用
  

我知道答案 本帖寻求最佳答案回答被采纳后将获得系统奖励10 天空金币 , 目前已有0人回答

踩一下，嘿嘿嘿嘿