您现在的位置是:时尚 >>正文

网站是怎么做出来的

时尚73人已围观

简介你打开浏览器,输入一个网址,按下回车,页面就出来了。这个过程背后藏着一整套流水线,从一行行代码到你能看见的按钮和图片,中间要经过好几个环节。 最基础的东西是HTML。它不是什么编程语言,更像一套标记符 ...

你打开浏览器,网站输入一个网址,做出按下回车,网站页面就出来了。做出这个过程背后藏着一整套流水线,网站从一行行代码到你能看见的做出按钮和图片,中间要经过好几个环节。网站

最基础的做出东西是HTML。它不是网站什么编程语言,更像一套标记符号,做出告诉浏览器“这是网站标题”“这是段落”“这里放一张图”。比如你看到的做出这篇文章,每个字都被包裹在类似 <p> 和 </p> 的网站标签里。没有HTML,做出浏览器就不知道内容该怎么摆。网站我刚开始学的时候,觉得这玩意儿太简陋了,连个居中都要靠 <center> 标签——后来这个标签还被淘汰了。

光有内容不够,还得好看。CSS就是干这个的。同一个HTML文件,换个CSS样式表,能从黑白文档变成花里胡哨的电商首页。颜色、间距、圆角、阴影,全归它管。有个挺有意思的事:很多新手会花一整天调一个按钮的渐变,最后发现是浏览器缓存没刷新。我干过这事,不止一次。

页面要动起来,或者要跟用户交互,就得靠JavaScript。点一个按钮弹出菜单、滚动时加载新内容、表单验证你填的手机号对不对——这些都是JS在干活。它跑在用户的浏览器里,所以叫“前端”。前端代码有个特点:任何人右键“查看源代码”都能看到。所以别把密码写进去,真的有人这么干过。

但网站不能只有前端。你登录账号、发一条评论、看到自己的订单列表,这些数据得存在某个地方。那就需要后端。后端跑在服务器上,用户看不见。它负责处理请求、读写数据库、判断你有没有权限。常见的后端语言有Python、Java、Node.js、PHP等等。我见过一个创业团队用PHP写了整个系统,跑得也挺好。技术选型这事,够用就行,别老追新。

数据库是后端的仓库。用户信息、文章内容、评论、订单,全塞在里面。MySQL、PostgreSQL、MongoDB,各有各的脾气。关系型数据库像Excel表格,严格但可靠;文档型数据库像一堆JSON文件,灵活但容易乱。选哪个,看你存什么数据。我个人的经验是:如果数据之间关系复杂,别用MongoDB,后期查询会把你逼疯。

把这些东西串起来,还需要服务器和域名。服务器就是一台永远开机的电脑,放在机房里。域名是给人看的地址,比如 example.com。DNS负责把域名翻译成服务器的IP地址。你买域名、租服务器、把代码传上去、配好环境,网站才算真正上线。这一步坑最多。防火墙、端口、SSL证书、跨域问题,随便一个都能卡你半天。

最后,网站做出来不是终点。要监控它有没有挂,要备份数据,要防SQL注入和XSS攻击,要随着用户量增长加服务器。一个能用的网站,背后是前端、后端、运维、安全好几拨人配合的结果。小团队可能一个人全包,大公司则拆得很细。

所以下次你点开一个网页,可以想想:有人写了HTML搭骨架,有人用CSS穿了衣服,有人用JS让它会说话,有人在服务器上盯着数据库别出错。这一整套下来,才换你屏幕上那几秒钟的加载。

Tags:

相关文章

  • 杰克琼斯船长

    时尚

    杰克琼斯船长站在码头边,海风把他的胡子吹成一面乱旗。他手里攥着一张发黄的航海图,图上有块地方被铅笔圈了又圈,最后圈出一个洞——那是他找了十一年的岛。 没人信那座岛存在。港口的老水手们提起他就摇头,说那 ...

    【时尚】

    阅读更多
  • 2017中国城市海外网络传播力建设报告

    时尚

    2017年12月,北京师范大学新媒体传播研究中心发布了一份报告,名字很长,叫《2017中国城市海外网络传播力建设报告》。里面有个数字挺扎眼:中国城市在海外社交媒体上的平均传播力指数,连及格线都没摸到。 ...

    【时尚】

    阅读更多
  • 王者荣耀科技网站

    时尚

    《王者荣耀》的官方网站,我每隔几天就会点开一次。不是为了查英雄攻略,也不是看赛事回放,纯粹是去看那些“版本更新公告”底下的评论区。那里比游戏本身热闹多了——有人用三千字论证某个英雄该削,有人用表情包刷 ...

    【时尚】

    阅读更多


友情链接