一起自学前端开发!

html基础知识---前端入门教程

来源:原创    更新时间:2017-08-07 15:58:50    编辑:编辑    浏览:3274

基础概念

学习前端 知识之前需要了解几个基本的概念,了解这些概念有助于学习前端的知识。以下是几个基础概念的简单介绍。

一、互联网

要知道什么是互联网之前,要先知道什么是网络, 网络是由节点和连线构成,表示诸多对象及其相互联系。 我们把各种信息用文件的形式存储起来,这些文件互相连接而形成的网络就是互联网。

在互联网中,这些文件之间是可以相互访问的。

 

二、文件

在本章节中讲到的文件是指计算机文件,计算机文件属于文件的一种,与普通文件载体不同,计算机文件是以计算机硬盘为载体存储在计算机上的信息集合。

文件的种类多种多样,常见的文件有word文件,Excel文件,txt文件,视频文件,图片文件等。 

三、服务器

服务器,也称伺服器,是提供计算服务的设备。

服务器是互联网上文件放置的位置。

用一个简单的例子来对比:

个人使用的电脑是私人的领地,其他人不能随意访问。

服务器类似一个公共的电脑,是公共的场所。

文件放在服务器上是共享的,可供所有人访问。

 

四、域名和IP

文件放置在服务器上,如果要访问一个服务器,需要知道服务器一些相关信息,例如服务器名或者服务器的编号。

我们把给服务器取的名字就叫做域名,例如 前端大学 网的域名:qianduandaxue.com

把服务器的编号称作 IP, IP 是全球统一的。IP是由四个数字组成,例如:127.0.0.1

域名和IP不能随便取,不然会冲突,所以需要去申请。 

一般域名和IP都是向服务商购买的,比如阿里云。

 

五、域名解析

互联网是通过IP地址来寻找服务器的,通过IP可以精准定位到服务器。

如果把域名和IP绑定起来,域名指向到IP,建立一对一的链接关系,这就叫做域名解析   

 

六、网页

网页是构成网站的基本元素,是承载各种网站应用的平台。

网页的本质也是文件,是html文件,是一种特殊的,可以被浏览器解释的文件。

举例:

1500611464224324.png

七、浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。

常用的浏览器:360浏览器,fireFox浏览器、QQ浏览器、chrome浏览器,傲游浏览器等等。

不同的浏览器因为浏览器的内核不同,解析网页会有一定的差别。

通常,前端使用chrome浏览器。

 

了解了以上几个概念就可以更加快速地开始学习前端开发的知识了。

 

 学习的知识

 

前端开发要学习的知识很多,大致上可以分为以下几种:

 

一、 HTML

HTML是超文本标记语言,是用来编写的网页的内容(结构)。

HTML可以说是一个网页的肉身。

代码展示:

图片1.png

二、CSS

CSS是层叠样式表,用来编写网页的外观(样式)。

CSS可以说是网页的皮相。

代码展示:

1500631188124107.png

三、  

只有HTML和CSS的网页是一个静态的页面,可以看做是一个植物人。

是脚本,用来编写网页的功能(行为。)

可以看做是网页的灵魂。

代码展示:

1500631239129779.png 

四、服务器相关知识

当一个网页完成后,需要让别的用户能够访问,那么就需要知道一些服务器相关的知识,比如如何把网页放到服务器上,服务器的配置和服务器的管理。   

02.png

五、动态网页

通常一个网页能够根据不同的用户展示出不动的内容,这样的网页叫做动态网页。

动态网页需要配合后台的知识来实现,后台语言有很多,PHP就是其中一种。

PHP代码展示

03.png

六、数据库

在网络中,一些数据需要被存储起来,例如用户的注册信息等。

通常我们都是使用数据库来存储这些数据。

数据库(Data )是按照数据结构来组织、存储和管理数据的建立在计算机存储设备上的仓库。

数据库举例:MySQL

MySQL的一个可视化界面:

1500631595130859.png

七、框架

学习完了以上的知识后,你已经会制作网页了,但是亲自去将一个个代码编写出来的方式开发网页的效率很低。为了提高开发的效率,需要学习使用各种框架。

框架是已经被编写好的代码,可以直接拿来使用。

主流的一些框架有:jQuery、bootstrap、Vue、thinkPHP。

05.png

06.png

QQ截图20170720120149.png



上一篇:已经是第一篇

下一篇:第一个网页---前端入门教程

评论区

表情

共4条评论

相关内容

点击排行

随机新闻

评论排行榜