Question

bootstrap制作网页-怎么用bootstrap设计一个登陆页面

Answer 1

如何用bootstrap创建一个网站

您好,如何创建Bootstrap网站和其它网站做法相同,用Bootstrap做好后上传到你购买好的主机上,把域名解析到你的主机就可以了。Bootstrap只不过是一个CSS辅助,或者说他是一个框架而已。他的主要就是节省很多经常用的CSS和代码效果。

怎么用bootstrap设计一个登陆页面

看一下具体的代码.这里需要注意的是,那个模版,是在系列教程一中.

class="container"让页面能够做到居中.注意该标签不能嵌套使用.

role属性是html5中新增的一个属性,可以让你更好的自定义一些属性供你使用.

class="form-control"该标签是把一些表达标签的width都设置为100%.

其中btn是bootstrap中默认定义的一个button也就是按钮的样式.

其中btn-lg是指最大的样式.还有btn-xs,btn-sm,btn-md.分别对应不同的设备.手机,平板,pc等.

这里又重新写了2个样式,一个是表单的最大width.设置成了330px.是因为登录不需要太过宽,要不然不太好看.第二个样式,是因为在默认的btn-lg是占一行,所以,就会把两个表单文本框放在各自的行上.但是紧挨着太狠.所以,做了一个3px的下间距.

不同的btn大小展示,从图就可以看出来这几个的区别.怎么试用?你动手做一下就明白了.

怎么制作自己的网页？

初级前端

主要学习三个部分:HTML,CSS,JavaScript

一、html+css部分:

这部分特别简单,到网上搜资料,书籍视频非常多。css中盒子模型,流动,block,inline,层叠,样式优先级等这些自学起来也是非常容易。最后再深入了解下浏览器差异性,ie9以下兼容简单了解就行了,ie9以下浏览器被淘汰掉是趋势,低版本没必要浪费大量时间去学习兼容主流浏览器,googlechrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多,建议在实践中多多积累。

二、JavaScript部分。

1.基础学习:

难点,也是重点,要学的内容实在很多,如果没有其他编程语言的基础的话,学起来可能要费些力,有很多比较抽象的概念,必须要深入理解,比如闭包、原型、面向对象、封装等,要理解透彻。看书是必不可少的,找一本优秀的js书从头到尾,反复研究学习,第一遍可以快速翻阅,大体知道了解概念即可,第二三遍就需要深入学习了。另外,js面向对象编程必须要学习,非常重要,个人推荐一本书,StoyanStefanov著,凌杰译的《javascript面向对象指南》。边学边练,实践出真知。

针对那些有条件的人来说,很多小伙伴更喜欢的是自学。但是一个人自学毕竟力量是有限的,为了让想学习的人可以更好的学习,给大家推荐一个裙,前面是611,中间是肆二8,最后面就是壹四二,这里有很多想学习的人和你一起交流,也有大牛每天晚上免费教学,想要学习的人都可以加入我们,但是我们只欢迎想学习的人,不是来学习,随便看看的就不要进了。

2.jQuery学习:

这些基础知识掌握好之后,还需要学jQuery,这是一个非常优秀的Javascript库,大型开发必备。它简化了Javascript的复杂操作,消除了Javascript跨平台兼容问题,提供了大量实用方法,有良好的文档和帮助手册,是一个非常成熟的Javascript库。慕课网学习视频幕课网。学习方法也很简单,照着产品文档做几个页面就行了,不用面面俱到,以后遇到问题查文档就行了。

大概流程就是这样,

3.进阶学习:

有了以上知识,对于大多数小型网站,你应该已经可以写出能够工作的代码了。但要想成为更专业的前端,你还需继续努力。更高的要求大概还有四方面:易维护,可测试,高性能,低流量(移动端)。

中高级前端

1.工具学习习:大型项目中,前端代码构建已经不是简单的压缩一下了,依赖管理、模块合并、各种编译步步不可缺少,需要学会使用grunt、gulp等前端构建工具,要学习的还有:包管理器bower、npm,代码优化CSSLint、JSHint、JSLint,CSS预处理器less、sass,代码管理及版本控制svn、Git,web框架/服务器Node、Express,代码规范、HTML模块化、css模块化。

2.布局框架学习如Bootstrap。

3.新技术html5学习。

4.js框架学习,requireJS、AngularJS等,往前端架构师靠近。

5.nodejs学习。

到招聘网站,参考任聘要求,准没错,举例如下:

1.精通html和css,能制作符合W3C标准的静态页面;

2.精通JavaScript编程,对面向对象编程思想有深刻理解;

3.精通主流Javascript库/框架jQuery;

4.理解并掌握JavaScript语言核心技术DOM、BOM有Javascript性能优化经验;

5.对浏览器兼容性有深入的研究,精通各种浏览器问题;

6.了解、AngularJs等MVC框架并有实际项目开发经验;

7.了解等服务器后台技术和拥有一定的C编程能力者优先;

8.对交互体验、可用性、用户体验有一定程度的理解;

9.有良好的责任心和团队合作能力、能承受较大的压力;

自己动手搜索下吧,确定目标和方向,以上是个人路线,仅供参考。