Web设计基础 复习重点整理

自己整理的一些Web设计基础的重点内容,过几天就考了,复习用。

第一章 web技术概述

Web概述

Web全称World Wide Web,简称WWW,中文译名为万维网,有时也称全球信息网。Web是因特网提供的一项最重要的服务。→即web的本质是一个服务,依赖于internet硬件网络

HTTP(Hypertext Transfer Protocol)代表超文本传输协议,用于传输超文本数据,超文本可视为超链接和文本的结合,是指在文本中包含指向其他文档的链接文本。

HTML(Hypertext Markup Language)代表超文本标记语言,作为超文本数据基本发布语言。

Web四要素:
(1)统一资源定位符URL(Uniform Resource Locator),用于标识网上各种文档。
(2)http协议,使用http协议访问网上资源,是计算机之间传输数据的协议,相当于计算机之间的沟通语言。
(3)超链接hyperlink,提供信息资源之间自由访问的手段,也可以借助搜索工具或搜索引擎来查找。
(4)超文本标记语言html,显示信息内容,可以使web上任何一台计算机显示任何一个网站的页面,消除了不同计算机之间信息交流的障碍。

TCP/IP四层与OSI七层

TCP/IP协议(Transportation Control Protocol/Internet Protocol),传输控制协议/网际协议,拥有一套完整而系统的协议标准,实际上由一组协议构成,称为TCP/IP协议族。一般分为四层。

  • 应用层:向用户提供一组常用的应用程序,如文件传输,电子邮件等。
    主要协议:

    • Telnet 虚拟终端
    • FTP 文件传输
    • SMTP 简单电子邮件传输
    • DNS 域名服务
    • HTTP 超文本传输
  • 运输层(TCP):提供端到端的数据传输服务。

    主要协议:

    • TCP:传输控制协议,提供面向连接的可靠的数据传输服务。
    • UDP:用户数据报协议,它是一个面向无连接的协议。
  • 网际层(IP):定义数据报,处理路由。

    主要协议:

    • IP:网际协议,为每个数据包协商发送主机和接收主机地址,负责在网络上传输数据包
    • ICMP:控制报文协议
    • ARP:地址转换协议
    • RARP:反向地址转换协议
  • 网络接口层:接收网际层数据报,通过网络发送;从网络上接收数据送交网际层。

OSI七层模型:

  • 应用层:网络服务与最终用户的一个接口

    协议:HTTP FTP TFTP SMTP SNMP DNS TELNET HTTPS POP3 DHCP

  • 表示层:数据的表示,安全,压缩。

    格式:JPEG ASCII DECOIC 加密格式等

  • 会话层:建立,还礼终止会话

  • 传输层:定义传输数据的协议端口号

    协议:TCP UDP,数据报一旦离开网卡便进入传输层

  • 网络层:进行逻辑地址寻址,实现不同网络之间的路径选择。

    协议:ICMP IGMP IP(IPv4 IPv6)

  • 数据链路层:建立逻辑链接、进行硬件地址寻址、差错校验。

  • 物理层:建立、维护、断开物理连接。

IPv4

采用点分十进制表示法,由一个4字节的32位二进制数组成。一个IP只能分配给一个主机,一个主机可以拥有多个IP。网络号全球统一分配,主机号由本地分配。

每个IP地址都包含两部分,即网络号和主机号。
网络号:用于识别主机所在的网络;
主机号:用于识别该网络中的主机。
当分配给主机号的二进制位越多,则能标识的主机数就越多,相应地能标识的网络数就越少,反之亦然。

IP地址分为五类,A类保留给政府机构,B类分配给中等规模的公司,C类分配给任何需要的人,D类用于组播,E类用于实验,各类可容纳的地址数目不同。

A类第一位是0,B类前两位10,C类前三位100,D类前四位1110,E类前四位1111

特殊的IP地址:

(1)广播地址,主机地址位都是1,可以向网上的所有主机发送信息,比如148.08.255.255可以向148.08网段所有主机发信息
(2)本地网络地址,主机位都是0,比如210.44.0.0
(3)回放地址,用于网络软件测试及本地机进程之间通信的地址,127.0.0.1

子网掩码

把一个IP地址分解为对应的网络地址,子网地址和主机地址。子网掩码是一个4字节2进制数,网络号和子网号全是1,主机号部分全是0,经过与IP地址进行与运算后得到网络号,子网号和主机号。比如已知网络的IP地址为10.187.49.58,子网掩码255.254.0.0,运算结果是10.186.0.0

域名

当客户与internet上某台主机交换信息时,使用域名,DNS会自动把它转换为IP地址。域名的结构:主机名.三级域名.二级域名.顶级域名从左到右表示的区域范围越来越大。地址解析从下至上逐级进行。

url

功能相当于通信地址,能以唯一且一致的方式定义每个资源在internet的位置。

格式:<协议>://<主机名>:<端口号>/<路径/文件名>

web工作机制图

web应用开发技术

  1. HTML是web技术的基础,是一种文本形式的标记符号语言,可以使用任何文字处理软件编辑处理
  2. CSS控制整个页面的结构和风格,统一高效地组织HTML元素
  3. JavaScript是一种解释性脚本语言,不需要编译,可以直接插入HTML中。
  4. ASP是微软公司推出的一种开发服务器端web应用程序的技术。
  5. JSP是Oracle公司推出的一种动态网页基础,基于Java,用于网上应用开发。
  6. PHP是服务器端的web应用程序开发技术,多平台特性,支持多种通用web服务器。
  7. servlet是运行在服务器端的Java程序,本质上是一个特定的Java类,符合Java的标准,具有Java的特点。

如何给学校规划IP地址

  1. 申请IP地址,根据实际需求选择申请何类型IP,有时需要用到子网
  2. 确定子网地址的位数与子网地址
  3. 主机地址分配方案
  4. 子网掩码确定

搭建web开发与运行环境

安装jsp

需要安装的东西:

  • JDK(Java Development Kid),Java软件开发工具包,包含Java运行环境JRE和开发过程中的库文件
  • web服务器Tomcat
  • 浏览器
  • 编程软件和开发工具如dw,eclipse
  • SQL server

第三章 信息系统开发案例

做一个网站需要准备哪些系统环境?

  1. 建设内部网络系统
  2. 将网络系统与internet互连
  3. 确定IP地址
  4. 确定域名

(外网ip和域名是重点)

第四章HTML

HTML标签结构

文件结构

注释格式 要区分jsp和html的注释格式

h1到h6 预格式化标记pre

表格容易出题tr是行,td单元格,th是单元格头 caption是表格标题

有序无序列表 ol ul

表单form input标记可以使用的控件类型 常用button text password submit reset

窗口框frameset rows是行高列表,代表水平分割情况,cols是列宽列表,代表垂直分割情况

常见案例:个人主页,课程表,js计算器

第五章CSS

CSS含义及用途:把网页展现的样式从网页中独立出来集中管理,如果需要改变样式,只要改变设定部分,HTML本身不用改。CSS可以用来统一风格和样式。

应用CSS样式的四种方式:

  1. 直接定义HTML标签的style属性
  2. 在HTML文档内定义内部样式表,style标签
  3. 嵌入外部样式表,在style标签内@import url(“”)
    注意:现已弃用
  4. 链接外部样式表link

第六章 JavaScript

JavaScript由JavaScript核心语言,JavaScript客户端扩展和JavaScript服务器端扩展三部分组成。

常见案例:例6.6用户输入账号 验证格式是否正确

运行机制

  1. 客户在浏览器的地址栏输入请求界面URL,该页面嵌入JavaScript程序段
  2. 浏览器将请求发送到服务器
  3. 服务器响应请求,将嵌入JavaScript的HTML文档发送到客户端
  4. 客户端浏览器从上到下逐行解释HTML标记和JavaScript脚本,并把JavaScript脚本交给脚本引擎执行,向客户展示执行结果。

特点

  1. 基于对象(不是面向对象),不支持类和继承
  2. 事件驱动,事件发生时对事件进行处理
  3. 动态,可以和客户进行交互
  4. 安全,不允许访问本地硬盘,不可以修改或删除文件,不能将数据存储在web服务器或用户计算机上
  5. 平台无关,JavaScript只依赖浏览器支持,与操作环境无关

JavaScript可以嵌入到HTML,可以使用link调用

JavaScript区分大小写(要区分注释的写法)

要注意浏览器是否支持JavaScript(应该现代的都支持吧

引入对象的三种方法

  • 内建对象
  • 环境支持
  • 自定义(自定义对象关键字function)

window对象的应用

JavaScript内置对象之一,最主要下层对象为document,每个window对象代表一个浏览器窗口。由于DOM采用分层结构和定义标准的方法,故使用JavaScript和文档对象模型可以控制页面的每一个元素。

主要方法:

  • alert() 警告对话框
  • confirm() 确认对话框
  • close() 关闭浏览器窗口
  • open() 打开新的浏览器窗口
  • prompt() 获取输入
  • setTimeout() 时间控制器,经过指定时间执行某程序
  • clearTimeout 消除时间控制器设置

JavaScript内置对象

注意大小写,JavaScript区分大小写

  • String对象
  • Math对象
  • Array对象
  • Date对象

第七章 JSP

尖括号内加%是JSP,不加是HTML

jsp注释客户端不可见

JSP运行机制

三个阶段:翻译 编译 执行

JSP特点

  1. 把页面表示层和逻辑层分开
  2. 生成可重用的组件
  3. 应用标记简化页面的开发
  4. 一次编写,各处运行

JSP语法

  1. 注释<%--注释内容--%>
  2. 声明<%!预定义内容%> 在里面写int i=1;之类的
  3. 表达式<%=表达式%>里面写1+1这种式子
  4. 代码片段Scriptlet<%代码%>直接在里面写大段Java代码
  5. 指令<%@指令%>提供全局信息
  6. 动作<jsp:动作>

由于jsp脚本使用Java语言,所以Java的三种注释方法都可以使用

JSP指令标记

指令标记通知JSP引擎如何处理JSP页面,不在客户端直接产生可见输出

inlcude指令为文件加载指令,加载需要嵌入的文本和代码。

<%@include file="文件URL"%>

page指令称为页面指令,是应用于当前页面的指令,用来定义JSP页面的全局属性并设置属性值。

<%@page language="java"%>

(指令标记语法注意事项比较详细,详情见课本)

JSP动作标记

JSP动作用来控制JSP引擎的行为,执行一些标准常用的JSP页面动作

jsp:include动作在即将生成的页面上动态地插入文件

jsp:forward动作标记把当前的jsp页面转到另一个页面

jsp:plugin动作标记的功能是将服务器端的Java小应用程序或JavaBean组建下载到浏览器端执行

JSP变量作用域

JSP以多线程方式工作,变量的作用域与线程有关

  1. 方法内的局部变量只在该方法的后续部分有效
  2. Java代码片段内局部变量,该局部变量的生存期是一个线程
  3. JSP页面全局变量生存期是整个JSP页面

第八章 JSP内置对象

  • request 得到客户端的信息,例如在form表单中输入的信息,作用域request
  • response 服务器对客户请求的相应,作用域page
  • session 客户端与服务器端建立的会话对象,存储客户访问的信息
  • application 保存服务器运行时的全局变量
  • out 向客户端发送信息,传送回应的输出信息流
  • expection JSP运行时抛出的异常对象

使用request对象得到客户提交的请求信息,并把信息封装在对象内。使用response对象内封装服务器的响应信息,并发送给客户。

从客户打开浏览器并连接到服务器开始,到客户关闭浏览器离开服务器为止,称为一个会话。会话对象保存浏览器和服务器之间多次请求和响应的过程。

application对象是所有客户共享的对象,它用于客户之间的数据共享,类似于服务器运行期的全局变量。服务器启动后,新建一个application对象,在多个客户访问时,共享同一个application对象;服务器关闭后,释放该application对象。

  • 每个客户拥有自己的session对象,保存客户自有信息
  • session对象生命期从客户打开浏览器与服务器建立连接开始,到客户关闭浏览器为止,多个请求之间持续有效
  • 可以使用session对象存储某个客户在一个会话期间的数据,例如记录某个客户的姓名和密码等,使用application对象存储服务器运行期所有客户共享的变量,例如记录所有客户的访问次数等等。
打赏
  • 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!
  • © 2018-2020 Shawn Zhou
  • Powered by Hexo Theme Ayer
  • PV: UV:

感谢打赏~

支付宝
微信