请选择 进入手机版 | 继续访问电脑版

HTML5星空

WEB该怎么学?

[复制链接]
发表于 2017-7-25 10:10:56 | 显示全部楼层 |阅读模式

来源 http://www.th7.cn/


我该从何开始说爱你?


一提起前端,相信刚入门的大家一般都会有这种感觉 “简单!我见过!不就是一堆HTML标签砸上去!待老夫先去跟HTML大战300回合”,说罢,跑去学习HTML了,在这里我建议大家千万不要去学HTML!对!我用了这么多特效标注这句话就是想要强调这个事情,因为大家都是有编程基础的,至少都知道html文档是由标签组成的,那么剩下的我们只要学习这些标签就行了,然后我们辛辛苦苦学习了一遍之后,你会发现你能写出这样的网页了: 
 
很挫败!有没有!这就是我建议大家先去学习css的原因,因为写css是基于html标签的基础上的,理论上css可以满足你对一个静态网页所有的幻想,学了css之后的网页会变成这样!

对,你绝对想不到这个和上面的那个哈哈哈竟然是用了相同的控件!对!这就是我建议先学css的第二个原因,因为css是给html标签加特效的,所以我们学习css的过程中可以顺便学习html的标签,这样,其一你可以直观的感受到什么html标签能写出什么样的样式,其二可以增加你的学习热情,其三可以给你充足的幻想。打个比方,你是怎么喜欢上一个妹纸的?肯定是第一眼看上去很漂亮或者很有气质(你可以说我肤浅,但我肤色真的很深=.=),有了很好的第一印象你才会想深入的接触她,想要了解她的过往,想要拥抱她的未来。咳咳!这就是我说的,只有喜欢了才会钻研才会创新。

上一部分讲述了学习web前端,本人建议先学习css,那么我们想学会css,需要怎么做呢?

学习选择器

我们知道css是给网页加特效的,那么网页这么多标签要给谁加特效呢?这里要提到两个知识点Id和class选择器组合选择符属性选择器,这里重点学习前两个,第一个是我们给html标签附上id和class(虽然有时能实现同样的效果,但是注意他俩的主要区别:id是唯一的,class可以用于很多地方,就好比你在一个教室里喊:“喂!XXX”或者喊“喂,那个穿校服的”效果肯定不一样是吧~另外,id附加特效是先找到你,再给你加特效,而class是先搞出特效,再去找你们;第二个是我找到了你,我还想找你的家属或朋友的时候用到的,当你开始学习动态维护DOM树的时候,他会变得很有用!

学习语言特征

这里的语言特征指的是你想驾驭一门语言,就要找到他和那你之前见过语言不一样的地方!比如css里面inline和block这种特性(如何控制控件并排放还是竖着放)、hover如何跟用户进行交互的、hide和none的区别(同为隐藏,前者看不见了但还占用页面空间),js里面的作用域、数据类型,java里面的万物皆对象,JVM机制等等。

看大神们的代码

让我印象最深的就是如何在html里面画一个三角形?因为css是不能直接画三角的,但是你想想一下一个只有边框没有内容的文本,你给他去掉三个边,那么剩下一个边是不是就是一个梯形?再把这个梯形的宽缩小,上面的边变成一个点的时候是不是就是一个三角形?这就是css里面的奇技淫巧,类似的造作还有很多,大家一起去发现呀!

自己动手写一个小网页

请花上十分钟时间,看看自己是否也能跟着写一个



该视频全套专辑观看地址:

http://v.qq.com/detail/9/9vokpzqzehcsofc.html

每天学一点小白快速进阶大神

推荐阅读:

【小白学堂】div内图片文字如何水平居中对齐

【设计学院】网页设计电商美工banner构图四大法则

【css3】实现鼠标经过元素,上标线由中间向两边展开

【干货】你的网页设计总是不好看是不是犯了这几种错误

【配色】快速上手!10分钟学会超好用的「九宫格」配色技巧

【设计学院】设计选择怎样的字体?掌握这七大套路设计无忧


设计|DW教程|AE教程|前端资讯

微信ID:WEB_wysj

▲长按二维码关注


阅读原文入群免费领取全套视频




回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

更多资源及Java+大数据个人原创视频,
可关注本站官方公众号观看:
快讯

     京ICP备14042305号

html5star team © 2012-2013 html5星空 Comsenz Inc.

GMT+8, 2020-7-11 10:50 , Processed in 0.385572 second(s), 92 queries .

快速回复 返回顶部 返回列表