前端三剑客 HTML+CSS+JavaScript ① 基础入门

光永远会照亮你

        —— 24.4.18

一、C/S架构和B/S架构

C:Client（客户端）

B:Browser（浏览器）

S:Server（服务器）

C/S 架构：

B/S 架构：

大型专业应用、安全性要求较高的应用，还要采用C/S架构

总结：

应用软件，有两种架构模式：C/S架构、B/S架构

前端工程师主要开发B/S架构的应用 —— 写网页

二、认识WEB

1.认识Web

网页主要是由文字、图像和超链接等元素构成，当然，除了这些元素，网页中还可以包含音频、视频 以及flash等，一个或多个网页，构成了一个网站

网页是如何形成的？

前端人员写出代码 ——> 通过浏览器进行渲染 ——> 最终呈现出客户眼中的网站

总结

网页由图片、链接、文字等元素组成，我们后面的任务是要把这部分网页元素通过代码写出来

2.浏览器（显示代码）

        浏览器是网页显示、运行的平台，常用的浏览器有IE、火狐、谷歌、Safari和Opera等，我们平时称为五大浏览器

        五大浏览器因为他们都有领先的市场份额以及自己独有的浏览器内核

2.1 浏览器市场份额

谷歌公司研发的谷歌浏览器chrome

2.2. 常见浏览器内核

浏览器内核是什么？

        内核时浏览器的核心，用于处理浏览器所得到的各种资源，负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

五大浏览器，四大内核

3.Web标准

通过以上浏览器不同内核不同，我们知道他们显示页面或者排版就有些许差异

目标

        记忆

                能说出网页中web标准三层组成

        理解

                能结合人来表述web标准三层

web标准不是某一个标准，而是由W3C组织和其他标准化组织制定的一系列标准的集合

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

W3C就类似于现实世界中的联合国

3.1 为什么要遵循WEB标准？

通过以上浏览器不同内核不同，我们知道他们显示页面或者排版就有所差异

3.2 Web标准的好处

通过web标准可以让不同我们写的页面更标准统一以外，还有许多优点：

1.让Web的发展前景更广阔

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

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

4.降低网站流量费用

5.使网站更易于维护

6.提高页面浏览速度

3.3 Web标准构成

三层构成：主要包括结构、表现和行为三个方面

①结构：结构用于对网页元素进行整理和分类，我们主要学的是HTML

②表现：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS

③行为：行为是指网页模型的定义以及交互的编写，主要学的是JavaScript

Web标准小结

web标准有三层结构，分别是结构（html）、表现（css）、行为（JavaScript）

结构类似人的身体，表现类似人的着装，行为雷死人的行为动作

理想状态下，他们三层都是独立的，放在不同的文件中