← 返回全部文章

SHIKI · 实践手记

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

🏠 momen/Zion

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

无代码建独立站 上手系列教程 #1 网站搭建基础 by zion/momen封面
本篇配套视频

想要建设个人网站,但不会代码?

那么一定要锁定我的这个无代码搭建网站系列啦!

会一步一步带你搭建起来一个还不错的个人网站

如果你只是想练手的话,用它们的免费版就可以实现所有功能

针对国内用户我们用这个搭建

https://www.functorz.com/

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

momen.app


今天是第一课

所以需要了解一下网站搭建的基础

以免之后搭建的时候感觉自己是一只无情的傀儡

了解背后的逻辑,才能更灵活的搭建

网站里面的内容是怎么布局的?

因为每个设备的大小都不一样

为了让网站上的各种元素能够自动调节适应屏幕大小

我们会把文字、图片、按钮等等东西

放到一个一个盒子当中

这种盒装结构让网页可以在不同设备展示


初识HTML和CSS

网站的可见部分主要通过HTML(标记语言)和CSS(层叠样式表)来实现

HTML负责结构和内容

CSS则控制样式和布局

传统网站搭建就是靠这两个代码来实现的


网站的背后:数据库 服务器 域名

为了方便同样类型的东西在网页上出现

文章、商品信息这种重复性的内容

就会被放到一个类似excel的表格里面

这样一个页面布局就能显示完成所有表格里面的内容

整个网站里面的数据信息都会存放在服务器里面

有了域名大家就可以通过这个网址来访问我们的网站


无代码平台的搭建逻辑是什么?

我们了解了网站背后的逻辑之后,来看看无代码平台怎么帮我们省事儿的

⭕无需手动编写HTML或CSS代码,直接拖拽就可以

⭕所有组件都嵌入到盒子中,自动适应不同的屏幕尺寸

⭕提供了预设的数据库模板和云服务器,无需用户自行管理

了解了这些之后

我们就可以正式开始学习无代码的网站搭建啦

← 继续阅读其他文章