响应式主页（如何制作响应式页面）

本文目录一览：

• 1、网站建设的类型一般有哪些
• 2、github怎么部署响应式个人主页
• 3、BootStrap中怎样学习响应式导航条

网站建设的类型一般有哪些

展示型网站：网站框架比较简单，主要是宣传公司、服务、产品、案例、公司简介等等。营销型网站：网站主要是以网络推广和销售为主，增加公司产品的说服力，经过专业营销技术进行品牌包装，从而达到推广和销售的目的。

营销型网站 产品展示型网站 现在时代在不断进步，有很多企业是专门研发产品来运营的，所以站基本上都是围绕着对研发的产品进行介绍。

集团型网站 这种通常就是比较大的集团公司，比如世界500强等企业，做的集团展示型网站，这种网站的风格要求必须高端大气，能够突出品牌形象，展示企业实力。

网站建设大概分为以下几种类型：企业官网 企业官网是大部分网站都会使用的网站类型，它的主要功能就是对自己公司的品牌、服务、产品进行一个宣传展示的作用。

常见的网站类型包括： 企业官网：用于展示企业形象、产品服务、新闻动态等信息，是企业对外宣传的重要渠道。 电商网站：用于在线销售商品或服务，包括B2C、B2B等不同类型。

门户型网站建设 门户型网站类型想必大家都没陌生，只要看到门户网站，脑子里就会自然的跳出新浪，网易这些门户网站大佬的名字。门户网站一般规模比较大，包含的信息比较广泛，有论坛，新闻资讯，社区等多元化的功能。

github怎么部署响应式个人主页

在Github创建一个个人空间，有两种方法，一种纯代码手工创建。这里要涉及的专业知识就比较多了，有兴趣的朋友可以深入研究一下。如下图：第二次方法就是，利用Github Pages自动生成网站页面。

注册账号：地址： https：//github.com/输入账号、邮箱、密码，然后点击注册按钮.图1 第1步 初始设置注册完成后，选择Free免费账号完成设置。

打开站点下的 _config，yml 文件，添加 deploy 信息 注意将username改为你的GithHub用户名。这样几步下来就可以部署成功了，以后可以直接凭过程中设置的网址访问你的个人网站。

如果你想制作个人主页或者个人简历发布到网上，但是又没有自己的vps、云服务器，那么Github Pages可以帮到你。

在github上新建一个仓库 填写仓库的名字，勾选public和Initalize this repository with a README.并点击创建。

BootStrap中怎样学习响应式导航条

首先需要说的是twitter bootstrap是非常优秀的一个前端开源框架，它为所有的组键都提供了详细的用例，让你能够轻易地通过复制黏贴而附加到你的设计中。

Bootstrap 导航栏 导航栏是一个很好的功能，是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的，随着可用视口宽度的增加，导航栏也会水平展开。

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

做法：为了给导航栏添加响应式特性，您要折叠的内容必须包裹在带有 classes .collapse、.navbar-collapse 的 中。折叠起来的导航栏实际上是一个带有 class .navbar-toggle 及两个 data- 元素的按钮。