如何快速的开发网页

如何快速的开发网页

开发工具与关键技术：Visual Studio 2015 如何快速的开发网页
作者：李国旭
撰写时间：2019年6月7日

那么我们首先可能会想到用插件，因为插件可以帮助我们快速地开发网页等这些方面的设计，但是插件毕竟是人家开发出来的而不是我们自己设计的；有些地方报错我们都不知道是什么问题，这就是个问题啦！所以说尽量少用插件，个人的建议吧！也不是说不能用。下面我将给大家讲一个目前最流行的前端框架“Bootstrap”也是现阶段我们开发软件都会用到的组件。
什么是Bootstrap呢？Bootstrap是一个用于快速开发Web应用程序和网站的前端的框架。通过Bootstrap构建的项目看起来是一样，但是我们不需要知道太多的HTML和CSS知识就可以构建一个网站；但是，我们就得明白一个道理“高楼都是始于一个牢固的地基”bootstrap是一个通用的框架，就像智能机器人，我们需要给这个机器人注入一些语言动作等等让它具有独特性。同理，如果没有良好的HTML和CSS的基础是不行的。如下图的新增from表单的模态框所示：

上面的是新增的from表单的模态框，接下来我们来看一下怎么创建导航部分，那么就需要在HTML文件中，紧跟着body的开始标签之后，添加下面的代码。

导航的最外面是一个大容器，紧接着就nav导航的开始，ol标签下面的li标签包裹的内容“page”的属性是一个面包屑，然后大容器的下面“row”和“col”这两个是连着一起使用的栅格布局。通过一个带有 ‘container’ class 的 div 开始一个网格。那么请注意，我们将要开发做一个能伸能缩的网站，而不是像之前的静态的网页一缩起来样式就会乱作一团，在这里，容器有一个单一的 class，默认是 responsive。容器 div 嵌套了若干个带有 ‘row’ class 的 div第一行中有三个，用来创建 Bootstrap 网格的行，给每行都分配足够的等份一共就十二等份。注意：我们在做这个之前一定要引用bootstrap的JS脚本文件和bootstrap的CSS的文件。表格呢我们就需要用到layui这个东西来初始化数据表格，引用一下他们layui的脚本文件就可以用它里面的样式，这些脚本文件就可以帮助我们快速地开发网页和网站等等类似这样项目。效果图如下所示：