1.1 Web概述-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

单元1 Web前端开发概述 1.1 Web概述 PART 01 Web系统原理 主要内容 CONTENTS PART 04 主流浏览器介绍 PART 03 网站与网页 PART 02 前端与后端 2 Web系统原理 B/S体系架构 　　第一层是浏览器，即客户端，只有简单的输入输出功能，处理极少部分的事务逻辑。 　　第二层是Web服务器，扮演着信息传送的角色。 　　第三层是数据库服务器，它扮演着重要的角色，因为它存放着大量的数据。 Web系统原理 B/S架构采取浏览器请求，服务器响应的工作模式。 B/S架构工作流程 前端与后端 　　前端也称为客户端，简单来说，可以在应用程序或浏览器上看到的所有内容都属于前端。 　　后端也称为服务器端，也就是在系统“后面”所发生的事情。同样，在后端服务器和浏览器或应用程序之间存储网站、应用数据和中间媒介的服务器都属于后端。 前端与后端   前端 后端 专业知识 前端Web开发人员需要精通HTML，CSS 和JavaScript。 后端开发人员应该拥有数据库，服务器，API等技能 职位描述 前端开发人员团队设计网站的外观，并通过测试不断修改。 后端开发人员团队开发软件，并构建支持前端的数据库架构。 独立开发服务 除非网站是一个简单工作的静态网站，否则不能单独提供前端服务。 后端服务可以作为BaaS（后端即服务）独立提供。 项目目标 前端开发人员的目标是确保所有用户都可以访问该网站或应用，并在所有视图中做出响应。 后端开发人员的目标是围绕前端构建程序，并提供所需的所有支持，并确保站点或应用始终正常运行。 前端和后端开发的区别 前端与后端   前端 后端 编程语言 HTML，CSS，JavaScript PHP，Python，SQL，Java，C# 框架 Angular.JS，React.JS，Backbone.JS，Vue.JS，Sass，Ember.JS，NPM Laravel，Express，ASP.NET 数据库 Local Storage,CoreData,SQLite, Cookies,Sessions MySQL，Postgre SQL，MongoDB，Oracle，SQL Server 服务器 - Ubuntu，Apache，Nginx，Linux，Windows 其他 AJAX，Babel，Dojo，Flux，Socket.IO 微服务,负载均衡，Redis，消息队列 前端和后端开发技术栈的区别 网站与网页 　　网站是用于展示特定内容的相关网页的集合。 网站与网页 　　根据网站文件存放的位置，网站可以分为远程站点和本地站点。远程站点存储于网络服务器上，本地站点存放在本地计算机的硬盘上。 网站与网页 　　网页是构成网站的基本元素。网页主要由文字、图像、超链接等元素构成，除此之外，网页的元素还可以包括动画、音频和视频等等。 网站与网页 主页是一个网站的入口网页，也称为首页。 大多数作为首页的文件名是index或default。 网站与网页 　　静态网页是标准的HTML文件，不包含在服务器端运行的程序，浏览器就可以运行。静态网页一般用来存放无需用户参与，更新较少的信息。 网站与网页 　　动态网页是跟静态网页相对的一种网页形式，其显示的内容可以随着时间、环境或者用户的操作而发生改变。 张三 ****** ****** 　　以数据库技术为基础，需要服务器和客户端的共同参与运行。 网站与网页 　　静态网页和动态网页的区别 更新和维护 交互性 响应速度 主流浏览器介绍 浏览器最重要的部分是浏览器内核，它决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的显示效果也可能不同。 浏览器内核又可以分成两部分：渲染引擎(Rendering Engine)和JS引擎。 主流浏览器介绍 浏览器内核工作原理 主流浏览器介绍 目前最为主流浏览器有五款，分别是IE（微软最新推出的Microsoft Edge）、Firefox、Google Chrome、Safari（Mac OS中的浏览器）、Opera。 序号 浏览器 内核 1 IE浏览器 Trident内核，也是俗称的IE内核，最新Edge浏览器采用谷歌的Chromium内核 2 Chrome浏览器 统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核 3 Firefox浏览器 Gecko内核，俗称Firefox内核 4 Safari浏览器 Webkit内核 5 Opera浏览器 最初是自己的Presto内核，后来是Webkit，现在是Blink内核 6 360浏览器、