菜鸟学编程——前端入门

处日集团2019-06-05 03:58:52

今天呢,我们说一说菜鸟编程入门——前端的事。


相信很多同学或者同志,在选择走编程这条路的时候,选择的入门技术或者敲门砖都是前端。为什么呢,答案显而易见,因为前端相对入门简单。下面呢就简单说说前端入门需要掌握的基本技术或知识。


什么是前端呢?!搜狗定义:前端对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层。


前端设计一般是UI设计师的工作,我们只说前端开发。


从上图也可以看出,要想入门首先得了解两个基本概念:HTML和CSS。


HTML:超文本标记语言 (Hyper Text Markup Language)。大家都知道,我们上网一般都是访问网站,网站里面存放的都是一个个的网页,而网页是一个文件,通常是HTML格式(文件扩展名为.html或.htm),也就是说网页是由n个HTML文档组成的。所以要想做网页,我们得先了解html。HTML经历了多个版本的发展,它的最新应该已经到5.2了。(本文及以后都以HTML5为标准)


HTML文档里可以包含文字、图片、 链接,甚至音乐、 程序等非文字元素。这些元素通过相应元素标签进行添加,然后即可在网站上显示出来。当然没有布局及样式的话,就是浏览器默认的布局排列。在HTML元素里可以通过style添加样式,但是我们要尽量做到表现与结构分离,所有会把样式设计分离出来,放在css样式表中(下面介绍)。


CSS: 级联样式表(Cascading Style Sheet)。css样式表就是用来为HTML文档内容进行样式设置的。例如进行文字排版,字体大小设置,布局设置等。可以让你的网页看起来更加美观。


这两个呢是最好学的,刷下慕课网,简单的看看课程基本就会了,或者图书馆借本书看一看、敲一敲基本就可做出简单网页。


下面简单介绍一下初学者使用的解释器,任意打开一个浏览器,按f12进入开发者模式,然后点击控制台,在控制台里面就可以简单的敲代码了,回车即可运行。是不是迫不及待的想要去敲一下呢,好的,下面附一些截图及课程网址。


f12控制台如下:

慕课网免费网址(需先注册):https://www.imooc.com/learn/9


下次内容介绍:

  1. 介绍新的文本编辑器

  2. 进行简单的网页布局