纯HTML+CSS构建的web前端项目架构分析
作者:业余UI设计师
前言:想必每个有一些想法的人在网上浏览的时候都会对网站感到好奇。尤其是当你浏览一个让你眼前一亮的网站时，你是不是也有这样一种想要拥有它的冲动？当然，我就是那种人。
反正有两种方法可以拥有自己的网站。一种是花钱找别人给你建。当然，如果你是选择这种方式的有钱人，可以看这里！二是通过学习，自己动手做自己的网站。然后，我将介绍一种纯HTML+css构建的最基本的前端界面网站结构。说白了就是静态网页。当然，这个网站建成后还是会很精致很完美的。
现在HTML升级到HTML5，CSS升级到css3，他们的知识体系和技术支持已经相当完善。大规模的改动和升级在未来很长一段时间内很少会遇到。现在正是向他们学习的好时机。珍惜一切，把握当下。别的不多说，干货奉上↓↓↓↓
其实一个简单的静态页面网站的搭建很简单，学起来就是这样。当然，你不能随便拿个记事本编辑。那还不错，会浪费时间。浪费时间就是浪费生命吗？不可取。有时候学会正确使用工具也是一种能力。接下来，我将通过一个编程辅助软件，一步一步的分享自己建立网站的全过程。不要慌，新手。下载辅助软件的链接，一些安装设置，一些个人使用经验。如果你想要，就在评论区输入“想要”，我看到了就分享给你。我是一个好男人到底，你看完觉得好，记得关注；也可以在评论区留言，我们一起探讨进步。
步骤1:在我们的电脑桌面上创建一个新文件夹，作为我们网站项目的通用文件夹。
步骤2:在这个文件夹中:创建一个名为我们网站项目首页的文件；创建三个名为
图一第三步:打开我们已经设置好的“Visual Studio Code”编程软件，将我们已经创建好的文件夹直接拖动到我们编程软件的窗口。该软件将自动识别并加载我们新创建的项目。诸如
第四步:我们通过快捷键组合快速生成一个基本的HTML5网页框架。诸如
图三我们网站页面的基本架构已经建立，剩下的会添加进去。今天到此为止吧。
还不知道如何安装辅助编程软件的同学可以试试或者在评论区输入“想要”，我会私信给你。
感觉作者还是有良心的，关注我吧，让你建立自己的网站，不迷失！
下一期我会讲一下架构中增加的内容以及后续的网站架构。请在评论区留言，告诉我你心目中的网站是什么样的。
