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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 王旭东 初级黑马   /  2019-11-24 21:08  /  600 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 王旭东 于 2019-11-24 21:10 编辑

我是一个0基础学习web前端的小白,也从学校毕业几年了,并不能很快的进入到学习状态。俗话说的好,兴趣是最好的老师,相信自己可以尽快进入学习的状态之中。

目前web前端职位对于技术要求高,所以最应该注意的问题按照老师的要求去学习,熟悉的掌握每一个技术,有不懂得要随时要老师同学请教。前面没学好,后期会感觉很迷茫。

这段时间只要学习了了解什么是前端,网页的布局


gif      jpg      png的区别
gif——很小 质量低 支持动画 支持透明度    一般用于小的动态图片

jpg——大小一般 质量一般(有丢失 失真) 不支持动画 不支持透明    用于制作产品图

png——大 质量高 不支持动画 支持透明    用于制作logo以及常年不换的小图标

PNG8    PNG24的区别
png8——颜色值少 质量一般 大小一般 支持全透明

png24——颜色值多 质量大 大小也大 支持全透明或者半透明

以上就是我web前段第一阶段的学习,有问题希望大家给予意见。下阶段将进入第二阶段的学习  HTML    CSS  JS的学习当中,很多初学者容易犯的错误是眼高手低,只看不写。代码是一种需要多加练习的知识,一味地看和读,并不能提升我们编辑代码的能力,只有在书写过程中才会发现一些我们预料不到的错误,例如单词不熟悉、拼写错误、结构混乱等。初学者会常感觉到无处下笔,开始时可以先进行模仿,模仿代码过程中要顺势进行思考。我们常挂在嘴边的一句话就是初学的代码写三遍,一遍认知,二遍思考,三遍应用。
温故而知新,对于初学的知识点,受到我们知识储备的限制,总会有一些是不能深入理解的。建议先平稳的进行过渡,不必急于将知识理解的太透彻。每隔一段时间,例如学习css7/8天后再回头看一下HTML结构和css前1/2天的知识,此时会发现之间没有理解的知识点,自然而然的就领会了。
每学习一个阶段,要对近期的知识点进行汇总,重新梳理整体的知识框架,这样可以帮助我们系统的掌握知识点。例如css中最重要的五个部分:框模型、文字、背景、浮动、定位。
总结时既需要总结细节知识点,又要从整体去深入理解运用。
从各个方向,熟练的、系统的总结知识点,可以让我们对知识点的理解更加透彻。
最近在学习web前端网页制作,所以在看HTML和CSS相关的网站,学习了很多的知识,在此只拿HTML来说一下。前端真的要背诵记忆的地方很多,很多接触HTML的人都说HTML很简单,当然这种简单是针对web后端和Java而言的。
在html学习中,没有什么太大的难点,需要注意的就是各种标签名在html文档中的作用,包括标签名在结尾时要加斜杠,以防学习后面知识过程中可能造成遗忘,可以通过后面的学习,不断的练习与积累就可以牢记html的知识。
css最明显的作用就是可以把页面的布局和页面外观给完全分离出来,分离出来的css内容部分,它可以通过外部链接到html文本中实现改变外观的效果,这一类被我们称作外部样式表;它也可以通过内部css的方式使用style标签写在body前面来实现改变外观的效果。相对于从html文档中设置标签属性,css更简单化,可以直接给统一选择器下的文档标签设置属性。css是通过给文档标签设置id、class类名、或者直接通过文档标签名设置的样式属性(id选择器、class选择器、元素选择器)。css中还有:子选择器、后代选择器、分组选择器、嵌套选择器。css可以设置的属性包括以下几大类:①字体类别、字体大小、字体加粗、字体斜体。②文本颜色、文本居中、下划线、缩进、行高。③背景颜色、背景图片、定位、是否滚动、重复。④浮动。⑤表格、边框属性、样式。⑥链接类别、伪类和伪元素。⑦隐藏、显示文本、指针样式。这些知识点种类比较多,需要多加记忆。个人觉得重难点在于浮动、定位这两点,还需要注意的就是字体和背景的简写顺序不能记错了。
其实HTML学习的话,重要的就是一个标记的学习,这大概是学习一门语言最基础的一部分吧。但是也不是说背一背就解决问题的,选择IT,程序员这一方面,只要多练习,多敲代码感觉就好了,所以熟练的使用这些标记其实不是很大的问题,对自己来说,比较难的是一个表格和框架,也许会有人说,表格有什么难的,就行列的问题啊,但是不知道为什么,在学习的那几天对于表格的学习和接受能力都没有别的那么好,表格的整体框架能搭出来,但是就是对于表格的美化总做不到自己心里所预期的那样。其实练习的话也是挺多的,对于表格的网页练习做了应该也有一二十个的,但是就是没那么理想,所以这方面的话也是需要自己多加练习和修正的,因为表格的用处还是挺大的。HTML的学习方面还有框架和表单,框架的话,就是一个网页的主体了,网页的大致形式基本上从你的框架结构就可以知道的,学习框架,重要的就是网页的布局如何划分,然后利用框架的嵌套,浮动就可以解决的,学习过程也不会是很大的难度。


想想HTML还学了些什么呢?表单!表单对前端开发来说还是挺高的,因为我们能在一个网页中看到很多的表单应用。包括用户的注册啦,密码验证啦,还有搜索栏之类的,几乎全是表单的应用。表单学习比较重要的地方应该就是那十来个表单控件的应用,这些表单控件进一步区分的话还有就是单边标记和双边标的的表单控件,因为很多单边标记的表单,他的值一般只能是存在value当中,如果不注意的话,很多时候我们会忘记写上这个value。这个阶段的表单感觉并不是那么难,当然,学到后面的JS之后,相对于表单验证之类的才感觉难了很多。




  就我目前对HTML的理解来看,HTML就像是一幅画板。里面涉及的基本格式就像是各色颜料,而其余各种元素就是要描绘出的形态。想象一下如果你能灵活的运用这些元素,那么你就能随心所欲的设计出独具个人特色的网页。所有需要获取相关内容的人都需要浏览你的网页,想想就觉得满满成就感。所以这么意义非凡的一件事,希望真正想学的人不要因为太多东西要背要记忆而放弃。我们可能要敲上成千上万行的代码,但是如果内心足够喜欢,相信这也是一件非常快乐的事。




总之,学习编程就是需要敲代码,牢记相关概念多练!多练!多练!
以上是对学习方法的一些建议,当然针对不同人的不同情况,要适当的去摸索属于自己的学习方法。唯一不变的就是,无论如何,多练习书写代码是掌握计算机语言最直接有效的方式。



0 个回复

您需要登录后才可以回帖 登录 | 加入黑马