A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

从哪里开始
        当然,从最基础的开始。这里最重要的莫过于学会怎样切割页面,所谓切割,即能通过div标签的嵌套方式进行页面分割,配合少量的css样式,勾勒出想要的,但并不美观的页面。若能至此,那么就基本pass了。总结起来,即熟悉常用的标签在界面上产生的效果。
       对于小白,在学习阶段,难免会碰到例如导航栏是怎么切割出来的,毫无头绪,怎么办呢?
       打开浏览器,任意搜索一网页,通过浏览器自带的调试工具(F12进入调试)开始调试。
       简单来说,即通过此类工具快速定位到所需查看的模块,然后参照他人的做法,仿制自己的页面。在前端学习过程中,个人认为,大量的仿制为重要的且必不可少的学习过程。
当页面切割不成为时,相关css样式的使用当然也应跟进,尽量让自己的页面美观。
从哪里转折
       话说,当对一个页面有足够的的了解后,这里的足够即指的是当看到一个网页,我们能比较快速的判断其是通过什么手段切割并制作其中的各个模块,并通过实践证明自己的想法切实可行。那么,我们可以开始第二阶段的学习了,即转折。
       现在,我们已会切割页面了,一个网页拿到后,对于其中的每个页面模块,我能判断其使用了哪些标签。那么问题来了,我的界面还是那么让人糟心,怎么办呢?
这里,我们就要学习一些前端的工具。如果说每一个网页的制作都需要我们前端工程师一行一行的把代码敲出来,那绝对够呛!
       我们一定听说过bootstrapjquery等等啥的,虽然不知道它有什么用,或者知道但是不会用。所以,在这里就得学会,怎么使用这些已开发好的前端资源。如果我说图2导航栏图是我花了一两分钟时间做出来的,可信吗?
   绝对可信,因为仅仅是引用了bootstrapjquery资源,并从教程上拖拽了一块导航栏(附件中附有该demo,以及所需的资源包,源码有注释)。
   值得一提的是,这里我们需要做的,并不是跟着教程学习,而是找一个属于自己的idea(若无,那么依然可以仿制,只不过这次徐得保持功能及美观,但不必全然相保持一致,理由就是同样的功能实现,在界面上却可以有不同的展示方式),使用这些工具,去拖拽,想要什么,从教程上找到相应的模块,拿到后通过不断的修改实践并应用,自然而然就会掌握。
     值得注意的是,万不可被教材教程牵着走,前端知识庞大,当然是用什么即学什么。

25 个回复

倒序浏览
面对生活的选择,可怕的不是“大环境”,而是我们自己。勇于走出自己的舒适圈,勇于挑战自己,加油……
回复 使用道具 举报 1 0
选择了,便走下去。
回复 使用道具 举报 1 0
只要心中有天堂,哪里都是天堂
回复 使用道具 举报 1 0
没有思想的人生,就像没有舵的船
回复 使用道具 举报 1 0
成功,就是以自己喜欢的方式度过一生
回复 使用道具 举报 1 0
发光并非太阳的专利,你也可以发光
回复 使用道具 举报 1 0
有些路很远,走下去会很累,可是不走,会后悔!
回复 使用道具 举报 1 0





最可怕的是你庸庸碌碌过一生,还骗自己平淡才是真
回复 使用道具 举报 1 0
当你停下来休息的时候,不要忘记别人还在奔跑。
回复 使用道具 举报 1 0
人还是要有梦想的,万一实现了呢?
回复 使用道具 举报 1 0



我不怕千万人阻挡,只怕自己投降
回复 使用道具 举报 1 0
放轻松 就当漫游地球

别害怕 宇宙都温柔
回复 使用道具 举报
自己喜欢的日子,就是最美的日子;适合自己的生活,是最好的活法。
回复 使用道具 举报
小www 中级黑马 2019-12-10 13:03:30
15#
坚持梦想,你会成功的
回复 使用道具 举报
加油加油呀                  
回复 使用道具 举报
做一个比昨天更好的人,是给自己最好的礼物。
回复 使用道具 举报
做一个比昨天更好的人,是给自己最好的礼物。
回复 使用道具 举报
祝愿前程似锦~
回复 使用道具 举报
青春就像一只容器,装满了不安躁动青涩与偶尔的疯狂。
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 加入黑马