Web前端开发技术项目教程课件 1.1.1 知识点1：网页和网站概述.pptx

网页和网站概述信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》

前端技术开发知识储备网页概述1HTTP协议2URL地址3网站概述4

01网页概述前端技术开发

网页概述前端技术开发01网页定义网页是构成网站的基本元素，是承载各种网站应用的平台，通过链接可以从一个页面跳转到另一个页面。网页功能网页具有信息展示、用户交互、数据传递等多种功能，是互联网信息传播和交流的重要工具。

网页概述前端技术开发01网页组成要素文字网页中的文字是传递信息的主要方式，包括标题、段落、列表等多种形式。图片网页中的图片可以丰富页面内容，提高用户体验，包括静态图片和动态图片。动画动画可以使网页更加动态和吸引人。可以是GIF动画，也可以是CSS或JavaScript动画。视频视频是多媒体元素中最为生动的一种。通过视频，网页可以展示教学内容、广告宣传等。

网页概述前端技术开发01网页分类静态网页是事先编写好的HTML文件，内容相对稳定，用户访问时直接从服务器上获取。静态网页动态网页可以根据用户请求动态生成内容，具有更强的交互性和实时性。动态网页0102

02HTTP协议介绍前端技术开发

HTTP协议介绍前端技术开发02HTTP（HyperTextTransferProtocol，超文本传输协议）是一种用于传输超文本（如HTML）的协议，它在互联网上应用非常广泛，构成了WWW（WorldWideWeb，万维网）的基础。定义HTTP协议用于从Web服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。作用

HTTP协议介绍前端技术开发02InternetWeb服务器客户机(浏览器)home.html用户通过浏览器访问某个网页后，浏览器和Web服务器执行以下动作：HTTP1浏览器与服务器建立TCP连接(80端口)2浏览器请求文档：GET/home.html3服务器作出响应，将文档home.html发送给浏览器4释放TCP连接5浏览器显示home.html中的内容TCP连接建立TCP连接请求文档HTTP请求报文响应文档HTTP响应报文释放TCP连接

03URL地址前端技术开发

URL地址前端技术开发03URL功能通过URL可以访问互联网上的各种资源，如网页、图片、视频、音频、文档等。它是互联网上资源之间互相链接的基础。URL定义URL（UniformResourceLocator，统一资源定位符）是用于完整地描述互联网上某个资源的地址（包括协议类型、主机名、路径及文件名等）。

URL地址前端技术开发03URL的基本结构：协议类型://域名:端口号/路径[?查询]http://localhost:8080/news/detail.jsp?id=1协议域名：端口号文件路径查询字符串

04网站概述前端技术开发

网站概述前端技术开发04定义网站是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。功能提供信息发布、产品展示、在线交流、网上交易等功能，是企业、组织或个人在互联网上展示形象和提供服务的重要窗口。

小结前端技术开页概述URL地址HTTP协议04网站概述

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》