利用angular cli与bootstrap制作简单的网页，本人小白一个，大牛看到可忽略。不喜勿喷！
大大大前提：基本工具要备好
先在电脑上装一个linux系统，我装的是Ubuntu 14.04，装完系统后你首先要下一个搜狗输入法；安装sublime text以及需要的插件；其次你得装个Google浏览器，npm，node，angualr cli，bootstrap
以下开始做实验：
1创建项目my-app，利用sublime text来打开。
在终端打上命令:
$ ng new my-app
创建成功后，再运行项目：
$ ng serve
在终端上敲上subl，然后将项目文件夹拖进去
2在app.component.html上编辑html5，确认网页的组成部分
提示：此处弄的只是静态网页！
在对一个网页编辑之前，需要知道你想要做的网页由几部分构成，然后针对对象来写代码。
例如：我想要做的网页由侧边栏，底部，正文组成，实现基本功能：
1侧边栏的点赞，分享
2底部的轮播，点赞，分享，收藏，评论，返回顶部
如果你还有能力，可以弄导航，动态动画嵌入等一些....
然后开始在app.component.html 上写代码。
3编辑中遇到的问题及解决方法
a、实现侧边栏的点赞收藏功能
调用bootstrap中的字体图标来实现
详细看链接http://www.runoob.com/bootstrap/bootstrap-glyphicons.html
b、正文的导入
在正文中输入图片时小心图片的所在路径表达，相对路径和绝对路径的表达
其次图片建议保存在asset/imgs 文件夹中
c、底部轮播项
调用bootstrap中的轮播即可
详细看连接：http://www.runoob.com/bootstrap/bootstrap-carousel-plugin.html
d、返回顶部的功能
在<head>中写上<header class="bs-docs-nav navbar navbar-static-top" id="top">
在<body>中写上
<div style="position:fixed; bottom:0; right:0; width:100px;
color:#282828">
<a href="#top" class="back-to-top"> 返回顶部
</a>
</div>
即可
e、如何在图片上写上文字
添加如下
<style type="text/css">
#div1{
position: relative;
width: 265px;
height: 100px;
}
#img1{
width: 100%;
height: 100%;
}
#span1{
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
text-align: center;
font-size: 18px;
color: #272822;
}
</style>
在<body>中加入对应的标签即可，例如
<div id="div1">
<span id="span1" ><strong>流川枫</strong> </span>
<img id="img1" src ="assets/imgs/cdd5a18ef1607fc90f6086bb4897bd8b.jpg" alt="First slide" class="img-thumbnail" >
</div>
4保存好改动，重新运行，即可看到自己制作的网页