web基本概念认识

web开发是干什么的？----通过一些技术开发出一些网页，如一切大家可以看到的网页，百度  淘宝  csdn等等。

网页上都有些什么呢？ 文字（文本）、图片、按钮、输入框、视频、音频、Flash等等

网页都是通过浏览器来看的，也就是我们写好的源代码都是通过浏览器进行翻译，展示给用户看。常见的浏览器有IE（内核是trident）、火狐Firefox（内核是gecko）、谷歌Chrome（内核是blink）、苹果浏览器Safari（内核是webkit，苹果公司产品基本都使用该浏览器）、欧鹏Opera（内核是Presto）。

    备注：浏览器内核是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及格式信息，通常我们开发的网页源代码，都需要对不同浏览器做兼容。

开发网页所写的源代码需要遵循一定的规范，了解如下概念：

1. w3c：万维网联盟组织，用来制定web标准的机构。
2. web标准：制作网页要遵循的规范
3. web标准细分为结构标准（相当于人的身体）、表现标准（相当于人的衣服）、行为标准（相当于人的动作），这些标准分别对应源代码的三个组成部分必须遵循的标准。

开发网页时都有几部分，主要有三部分：

1. 结构部分（Structure）----.html文件部分   
2. 表现部分（Presentation）----.css文件部分
3. 行为部分（Behavior）----.js文件部分

写好了一个网页，网页上有按钮，有对应的行为，需要从服务器上拿到数据，这就需要浏览器和服务器进行联系，返回数据，概念了解如下：

1. 浏览器通过http协议（还有哪些通信协议？TCP/IP协议？）向服务器发送请求
2. http协议：超文本传输协议，也就是浏览器和服务器端的网页传输数据的约束和规范（要遵循这样的规范才能进行数据的传输）。更深层的原理？？？？
3. url协议：规定url地址的格式，平时我们写的网址都是url地址。

   协议规定格式：  scheme://host.domain:port/path/filename

                              scheme: 定义因特网服务的类型  。常见的就是https（safe）  ---什么是因特网服务？？？

                              host：  定义域主机（http 的默认主机是www）-----什么是域？？？

                              domain: 定义因特网域名  比如：w3school.com.cn  

                              :port   定义端口号（网页默认端口 :80，可以不写，通常也都没写）

                               path:   网页（html文件）所在服务器上的路径          

                               filename:   文件名称

    我们开发网页时，都是在本地新建了一个名字为save_config.html文件，然后在编辑器中选择用浏览器查看，在浏览器中显示该页面，地址栏显示的地址是file:///E:/2018year/web_pro/practice/save_config.html，这就是用到了url协议生成了一个url地址，由于是本地网页（网页源码放在本地，实际项目中开发的网页对外发布后，一般是部署在某个服务器上，用户需要拿到一个地址来访问该服务器上的网页的），所以host.domain:port没写，默认会访问127.0.0.1.???:80（why？？？），本机域名是什么？？

    当你在浏览器输入网址的地方，写的地址不规范时（因为不是所有人都了解互联网，所以也不知道网页地址应该怎么写，很可能只写几个关键字），浏览器会按照url规范把你写入的关键字组合成一个规范的url地址来打开对应的html网页，如果这个网址不是你想要的，则你需要修改更精确的关键字再次搜索对应的网页，也就可能会打开你想要的网页了。

    https://www.baidu.com/这种后面的file路径省略，这是什么理论？？？

    开发工具：vscode、WebStorm、sublime（插入图片吗？？？对于web小白来讲，估计不知道这些开发工具都长什么样儿）

    学习开发技能的基本思路：

    第一：明确需求，我们要做哪些网页，网页上都显示什么内容

    第二：多多浏览网页，页面的空白处点击检查，弹出页面的源码，点击到页面上显示的内容，会自动跳转到HTML源码和css源码。我们就可以看到都用了什么标记，标记里面用到了哪个属性，css有哪些属性，时间长了，自然熟练知道这个标记里面都可以使用什么属性，css都有哪些属性了。

 

    上面我还有好多疑问，如果哪位web大牛看到了，不怕浪费时间的话，可以教我，或者告诉我网址，我去自己写，非常感谢看这篇文章的友友们。