SHIKI · 实践手记
无代码建独立站 上手系列教程 #1 网站搭建基础 by zion/momen
拖拉拽出一个个人网站, 没想到这么简单
想要建设个人网站,但不会代码?
那么一定要锁定我的这个无代码搭建网站系列啦!

会一步一步带你搭建起来一个还不错的个人网站
如果你只是想练手的话,用它们的免费版就可以实现所有功能
针对国内用户我们用这个搭建

针对海外用户我们用这个搭建

今天是第一课
所以需要了解一下网站搭建的基础
以免之后搭建的时候感觉自己是一只无情的傀儡
了解背后的逻辑,才能更灵活的搭建
网站里面的内容是怎么布局的?

因为每个设备的大小都不一样
为了让网站上的各种元素能够自动调节适应屏幕大小
我们会把文字、图片、按钮等等东西
放到一个一个盒子当中
这种盒装结构让网页可以在不同设备展示
初识HTML和CSS
网站的可见部分主要通过HTML(标记语言)和CSS(层叠样式表)来实现
HTML负责结构和内容
而CSS则控制样式和布局
传统网站搭建就是靠这两个代码来实现的

网站的背后:数据库 服务器 域名
为了方便同样类型的东西在网页上出现
文章、商品信息这种重复性的内容
就会被放到一个类似excel的表格里面
这样一个页面布局就能显示完成所有表格里面的内容

整个网站里面的数据信息都会存放在服务器里面
有了域名大家就可以通过这个网址来访问我们的网站

无代码平台的搭建逻辑是什么?
我们了解了网站背后的逻辑之后,来看看无代码平台怎么帮我们省事儿的
⭕无需手动编写HTML或CSS代码,直接拖拽就可以
⭕所有组件都嵌入到盒子中,自动适应不同的屏幕尺寸
⭕提供了预设的数据库模板和云服务器,无需用户自行管理
了解了这些之后
我们就可以正式开始学习无代码的网站搭建啦
