工坊打卡Day1-前端的初步了解

说点题外话

今天本来想着要早点打卡的，结果今天正好是学校第八届APP创意大赛的复赛彩排，今天基本上都在赶复赛要用的PPT，所以打卡时间只能延后了0.0。肝完后才发现我好像写好像有点多了了，复赛要求的是五分钟讲解加答辩，感觉我这五分钟不太可能整完，明天还需要再改改PPT加上准备一下复赛。

不过我在备赛的时候也发现了一些有趣的东西，比如上一届的优秀作品中对技术可行性分析中提到的ELO机制，也就是ELO评分算法原理（衡量选手水平的计算方法），所以就去了解了一下ELO算法的实现。

然后在我自己的APP设计中，我又去看了APP的开发流程。APP的开发不仅是需要一个新奇的idea，也需要前端和后端的配合，还有UI设计来负责APP的整个视觉界面。（我自己也用Adobe XD试了一下UI设计，但是可能是我还不会，感觉像是在用美图秀秀0.0）

回归正题

通过对软件的开发流程的了解，知道了前端是给用户做最直观的交互和展示的，后端处理前端给用户展示的东西，作为前端的依据。我最感兴趣的还是前端的东西，所以今天学习的是前端。

前端

学习路线

1. HTML5基础

2. CSS3基础

3. H5C3提高

4. 实战

HTML简介

目标

1. 说出网页基本组成

2. 说出什么是HTML

3. 说出常用浏览器

4. 说出web标准的三大组成部分

目录

1. 网页

2. 常用浏览器

3. Web标准

一、网页

1. 网站：在因特网上根据一定规则，使用HTML等制作的用于展示特定内容的相关网页的集合

2. 网页：通过浏览器阅读的网站中的一“页”，通常由HTML格式的文件组成。

1.网页的组成元素

图片、链接、文字、声音、视频构成网页，由他们再组成网站。

网页常以.htm或.html后缀结尾的文件，由HTML语言创作而来，因此俗称HTML文件。

2.HTML

HTML指的是超文本标记语言（Hyper Text Markup Language)，它是用来描述网页的一种语言

它不是一种编程语言，而是一种标记语言，标记语言是一种标记标签。由标签组成，图像标签、文字标签.......

• 超文本的含义

1. 超越了文本限制，有图片、动漫、多媒体等内容

2. 从一个文件跳转到另一个文件，与世界各地主机连接（超链接文本）

二、常用浏览器

网页是通过浏览器来展示的。

1. • 五大常用的浏览器

浏览器内核（渲染引擎）：负责读取网页内容、整理讯息、计算网页的显示方式并显示页面

Edge（IE） 内核：Trident

Chrome（谷歌） Blink

Firefox（火狐） Gecko

safari Webkit

opera Blink

Blink其实是WEBkit的分支（增强版），国内大部分浏览器都采用这两种方式（360、QQ、UC、搜狗等等）

三、Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。

W3C（万维网联盟）是国际最著名的标准化组织。

1 为什么需要Web标准

1. 可以让不同的开发人员写出的页面更标准、更统一

2. 让Web发展前景更广阔

3. 内容能被更广泛的设备访问

4. 更容易被搜寻引擎搜索

5. 降低网站流量费用

6. 使网站更易于维护

7. 提高页面浏览速度

2 Web标准的构成

1. 结构（类似于身体（最重要））：结构用于对网页元素进行整理和分类，主要是HTML

2. 表现（类似于装饰）：表现用于设置网页元素的版式、颜色、大小等外观样式，主要是CSS

3. 行为（类似于动作）：行为是指网页模型的定义及交互的编写，主要是Javascript

Web标准提出的最佳体验方案：结构、行为、样式相分离（既分别写到不同文件里）