SHIKI · 实践手记

无代码建独立站 上手系列教程 #1 网站搭建基础 by zion/momen

拖拉拽出一个个人网站， 没想到这么简单

本文视频链接 猛烈点击！！！ https://www.bilibili.com/video/BV1aH4y137P2?t=205.3 想要建设个人网站，但不会代码？ 那么一定要锁定我的这个无代码搭建网站系列啦！ 会一步一步带你搭建起来一个还不错的个人网站 如果你只是想练手的话，用它们的免费版就 可以实现所有功能 针对国内用户我们用这个搭建 https://www.functorz.com/ 针对海外用户我们用这个搭建 momen.app 今天是第一课 所以需要了解一下网站搭建的基础 以免之后搭建的时候感觉自己是一只无情的傀儡 了解背后的逻辑，才能更灵活的搭建 网站里面的内容是怎么布局的？ 因为每个设备的大小都不一样 为了让网站上的各种元素能够自动调节适应屏幕大小 我们会把文字、图片、按钮等等东西 放到一个一个盒子当中 这种盒装结构让网页可以在不同设备展示 初识HTML和CSS 网站的可见部分主要通过HTML（标记语言）和CSS（层叠样式表）来实现 HTML 负责结构和内容 而 CSS 则控制样式和布局 传统网站搭建就是靠这两个代码来实现的 网站的背后：数据库 服务器 域名 为了方便同样类型的东西在网页上出现 文章、商品信息这种重复性的内容 就会被放到一个类似excel的表格里面 这样一个页面布局就能显示完成所有表格里面的内容 整个网站里面的数据信息都会存放在服务器里面 有了域名大家就可以通过这个网址来访问我们的网站 无代码平台的搭建逻辑是什么？ 我们了解了网站背后的逻辑之后，来看看无代码平台怎么帮我们省事儿的 ⭕无需手动编写HTML或CSS代码，直接拖拽就可以 ⭕所有组件都嵌入到盒子中，自动适应不同的屏幕尺寸 ⭕提供了预设的数据库模板和云服务器，无需用户自行管理 了解了这些之后 我们就可以正式开始学习无代码的网站搭建啦