我的WEB学习生涯（持续更新）

来源：互联网发布：数据库论文编辑：程序博客网时间：2024/06/15 14:18

我的WEB入门帖！！！

2015年上半年，我大一下学期，此时还不能选选修课，于是蹭课“网页设计与网站建设”，算是初步了解，不过蹭课没有完成作业，所以了解只停留在了解。

收获是接触到html，知道html由<head><body>组成等基本的知识，拷了很多个特效和网页的模板。

2015年下半年，大二第一学期，我们学院举办了全校性科技比赛——IT节，我在老师的模板的基础上改了内容和一些样式，这是我第一次认真读html的代码，也顺便接触了css。

大二第二学期末，itaem团队招成员，怀揣着对团队学习氛围的向往，我去面试。一轮只是简单的自我介绍，二轮是做一个页面和一个手机音乐APP的UI，这时我做的页面代码是自己打的，但是图还是从网上各种抠下来=。=其中的一些效果是看了极客学院的视频然后应用的，比如幽灵按钮。初学网页可能会遇到个问题就是网页上方有条空白，可以在<head>的最后加上下面语句。

收获就是开始自己从空白写页面，这是我第一次认真写html的代码和css的代码，然后在出现问题的时候百度或者翻书。

2015-2016的寒假，此时我意识到自己的学习很不系统，都是从各种实例中学的的代码，实例中没有出现的功能我就不知道。于是我买了一本div+css网页样式与布局从入门到精通，通过记笔记，整理出各种功能，有了比较系统的了解。我的建议是，不仅要记笔记，而且要亲自试试打代码，最好先鼓捣一下实例，然后才大概知道代码是在干什么。

2016年上半年，大二第二学期，itaem三轮是给我们两张图并描述其效果，两张图是网页在不同大小的屏幕上的不同效果，也就是响应式布局。itaem给了7天时间完成，而发布任务时我根本就不知道响应式布局是什么。后来是通过看书，运用洪荒之力2天看完2本书=。=然后知道了……响应式布局分成两种，自适应布局和流式布局。自适应布局就是把各种元素的width 设置成百分比，而不是多少px。这样元素的大小就会随着屏幕的大小而自动缩放；流式布局就是写几套css，分别对应不同的屏幕大小，1.css中将仅用2.css才显示的部分display:none;，流式布局在<title></title>后加上

然后初学者可能不知道，手机屏幕的像素比电脑还高，我知道时震惊了=。=后来我过了三轮面试，成为了团队的一员，跟着大神做项目……最近我看了师姐的代码，接触到bootstrap框架，因为我还不会js，如何实现华丽丽的特效呢，bootstrap给我打开了一个新世界http://bootstrap.evget.com/，可以通过点击最上方的起步、CSS、组件、JavaScript插件看到各种特效及其代码，只需关联其js或css文件就能调用，而且在网站上他还会给出相应代码实现出来的效果，根据效果挑选想要的代码非常方便。

0 0