网页设计理论与实务（微课版）全套PPT课件.pptx

田登山06十月20241-浏览器与网页基础1-浏览器与网页基础.pptx2-网页文本处理.pptx3-常用标记.pptx4-CSS基础.pptx5-CSS布局属性.pptx6-设计复杂布局网页.pptx7-js基础.pptx8-基于对象的JS编程.pptx

教学内容浏览器的工作原理网站与网页网页设计辅助软件构建第一个网页

一、浏览器的工作原理有了互联网，人们获取信息变得越来越容易，只需通过浏览器输入网址就可以从网页查看世界各地的信息，网页页面通过链接或者按钮跳转到其它页面，继续浏览信息。对用户来说系统的运作是透明的，无需了解就能使用互联网，增加了系统的友好性；但对于程序设计人员而言，就需要了解浏览器的运作机制。

1.1网络基础计算机网络，是指将地理位置不同的具有独立功能的多台计算机及其外部设备，通过通信线路连接起来，在网络操作系统、网络管理软件及网络通信协议的管理和协调下，实现资源共享和信息传递的计算机系统。简单地说，计算机网络就是通过电缆、电话线或无线通讯将多台计算机互连起来的集合，实现资源的共享。

1.1网络基础分类：（1）局域网（LocalAreaNetwork，简称LAN）（2）城域网（MetropolitanAreaNetwork，简称MAN）（3）广域网（WideAreaNetwork，简称WAN）计算机通过网卡连接局域网，再通过本地局域网连接到互联网。

1.2TCP/IP协议网络接口层提供TCP/IP协议的数据结构和实际物理硬件之间的接口。IP层负责数据的包装、寻址和路由，同时提供网络诊断信息。TCP提供端到端的通信服务。

1.2TCP/IP协议应用层协议有HTTP、Telent、SMTP。用户在使用互联网时，主要面向应用层的协议，而所有应用层协议都是以传输层（TCP）为基础。用户通过应用层发送的信息，经TCP/IP协议的传输层控制，能够准确无误的从一台计算机传送到另外一台计算机。

1.3IP地址与进制十进制：985=9×102+8×101+5×100二进制：计算机，一个位（bit）存储0或者1每8个位为一个字节（byte）1个byte表示的是无符号整数（即正整数），那么对应的最小值和最大值分别是11111111，转换成十进制即0和2551×27+1×26+1×25+1×24+1×23+1×22+1×21+1×20=255

1.3IP地址与进制十六进制：组成：数字0、1、2、3、4、5、6、7、8、9加上字母A、B、C、D、E、F组成（A、B、C、D、E和F分别表示十进制数10、11、12、13、14和15）最小值为00，最大值为FF。十六进制值FF转换为十进制整数过程表示为：F×161+F×160=15×161+15×10=255一个字节拆分为两个4位，每4位就是一个十六进制数。

1.3IP地址与进制IP地址：IPv4协议中，IP地址是一串32位的二进制数值，用于在TCP/IP通讯协议中标记每台计算机的地址。一个32位IPv4地址是由四个字节的二进制代码组成，操作系统把每个字节转换为十进制，并通过英文符号“.”进行分割，转换为便于人类理解的十进制。例如：二进制IPv4地1010100000000110用点分十进制表示为，这就是IPv4地址的点分十进制表示方法。

1.3IP地址与进制随着互联网和物联网的发展，43亿个IPv4地址已经无法满足需求。IPv6中IP地址的长度为128位，以保证地球上所有需要联网的设备都可以分配一个IPv6地址。Windows下查看ip本机地址

1.4课堂思政案例曾经跟牛顿争夺微积分发明权属的莱布尼茨是根据中国易经发明了二进制。易经八卦的表示方法，可以用三句话进行概括：太极生两仪，两仪生四象，四象生八卦。两仪呢其实就指万事万物一阴一阳两种形态，用一个阴爻一个阳爻来表示（阴爻用中断线“--”表示或数字“0”表示，阳爻用连线“—”表示或数字“1”表示），一阴一阳两个元素对应数字0和1。

1.4课堂思政案例四象分别对应的二进制数是00、01、10、11，这组二进制数换算成十进制数分别是0、1、2、3。从卦象上：分别称为少阳，太阳，少阴，太阴，一般指天象中的四象：青龙（东）、白虎（西）、朱雀（南）、玄武（北）八卦：坤（kūn）艮（gèn）坎（kǎn）巽（xùn）震（zhèn）离（lí）兑（duì）乾（qián）分别对应的二进制数是：000、001、010、011、100、101、110、111，对应十进制0-7。

1.5域名与DNS0是哪个单位的电脑？域名，就是一种便于用户记忆的、符号化的地址方案，用来代替数字形式的IPv4地址。WWW.GOV.CN代替0

1.5域名与DNS在Inte