html教程PPT课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
16
MVC模式
MVC是一种目前广泛流行的软件设计模式，早 在70年代，IBM就推出了Sanfronscisico项目计 划，其实就是MVC设计模式的研究。近来，随 着J2EE的成熟，它正在成为在J2EE平台上推荐 的一种设计模型，也是广大Java开发者非常感 兴趣的设计模型。
MVC英文即Model-View-Controller，即把一个 应用的输入、处理、输出流程按照Model、 View、Controller的方式进行分离，这样一个 应用被分成三个层——模型层、视图层、控制 层。
17
HTML 语法示例1：
<HTML> <HEAD>
<TITLE>欢迎学习 HTML</TITLE> </HEAD> <BODY>
<H3>我的第一个 HTML 文档</H3> </BODY>
</HTML>
运行结果
18
基本结构标识
<html> <head> </head> <body> </body>
HTTP：Hyper Text Transfer Protocol超文本传输 协议
web page：网页 web servers：网络服务器 web clients：网络客户端 web browser：浏览器 HTML tags：HTML标记
6
基本概念
HTTP：超文本传输协议 HTML：超文本标记语言 网页：用于存储网页信息的文件 网络服务器：用于存储网络文件的计算机 客户端：用于浏览网页的一端的计算机 浏览器：用于浏览网页的软件平台 浏览器类型：IE 、Netscape Navigator、MyIE等
HTML
1
全部内容
基本概念 HTML基本标识符 CSS－－样式表 Javascript
2
基本目标
学会基本的标记的功能及属性设置 学会对样式表的设置 学会基本的js方法及自定义函数 自己设计并实现简单的个人网站(静态)
3
基本英语单词
Client： 客户机程序，顾客, 客户, 委托人 www：world wide web 万维网 element：元素 value：值，价值 request：请求 response：回答, 响应 standard：标准 document：文件 attribute：属性
4
基本英语单词
form： 表单 frame： 框架 table：表格 background：背景 color：颜色 title：标题 embed：嵌入 head：头，头部 body：身体 Image:图片
5
基本英语单词
HTML：Hyper Text Markup Language超文本标记 语言
<br> <hr> <link> <img> <frame> <input> <bgsound> <meta> <base>
当我们畅游Internet时，我们透过浏览器所看到的网站， 是由HTML (HyperText Markup Language) 语言所构 成。HTML ( 超文件标记语言 ) 是一种建立网页文件的 语言，透过标记式的指令 (Tag)，将影像、声音、图 片、文字等连结显示出来。
10
概述
HTML标记是由 < 和 > 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。它是一种介于前台和后台 的语言。HTML网页文件可由任何文本编辑器或网 页专用编辑器编辑，完成以 .htm 或 .html 为文件 后缀保存将HTML网页文件由浏览器打开显示，若 测试没有问题则可以放到服务器 (Server) 上，对 外发布信息。
7
用户如何从浏览器获得资源
请求
HTTP传输 输入地址
internet
8
基本概念
网络分类： 按照范围分：广域网(WAN)、城域网(MAN)、局域网 (LAN) 按拓扑结构：总线型结构,星型结构,环形结构,网状结 构
网络的拓扑结构是指网络中通信线路(揽线)和计算机、 以及其他组件的物理布局。
9
概述
将任务合理分配到Client端和Server端来实现，降 低了系统的通讯开销。目前大多数应用软件系统 都是Client/Server形式的两层结构
15
B/S模式
B/S（Browser/Server）结构即浏览器和服务器 结构。它是随着Internet技术的兴起，对C/S结 构的一种变化或者改进的结构。在这种结构下， 用户工作界面是通过WWW浏览器来实现，极 少部分事务逻辑在前端（Browser）实现，但是 主要事务逻辑在服务器端（Server）实现，形 成所谓三层3-tier结构。这样就大大简化了客户 端电脑载荷，减轻了系统维护与升级的成本和 工作量，降低了用户的总体成本（TCO）。
<HTML> 网页文件格式。 <HEAD> 标头区 : 记录文件基本资料，如作者、编写时间。 <TITLE> 标题区 : 文件标题须使用在标头区内，可以在浏览 器最上面看到标题。 <BODY> 本文区 : 文件资料，即在浏览器上看到的网站内 容
21
单标识
<!-- --> 注意：c语言中的两种注释
</html>
注意：在HTML中是不分大小写的。 标记要书写规范，包括标记的缩进!
19
HTML基本标识符
HTML文件基本架构 单标识 特殊标识 排版标识 字体标识 列表标识 表格框架表单标识 其他标识
20百度文库
HTML文件基本架构
<HTML> 文件开始 <HEAD> 标头区开始 <TITLE>...</TITLE> 标题区 </HEAD> 标头区结束 <BODY> 本文区开始 本文区内容 </BODY> 本文区结束 </HTML> 文件结束
11
如何保存一个HTML文件
HTML网页文件可由任何文本编辑器或网页专用编辑 器编辑，完成后以 .htm或 .html 为文件后缀保存
12
编辑工具
FrontPage Dreamweaver 记事本 ……
13
关于设计模式的解释
C/S模式 B/S模式 MVC模式
14
C/S模式
C/S （Client/Server）结构，即大家熟知的客户机 和服务器结构。
MVC模式
MVC是一种目前广泛流行的软件设计模式，早 在70年代，IBM就推出了Sanfronscisico项目计 划，其实就是MVC设计模式的研究。近来，随 着J2EE的成熟，它正在成为在J2EE平台上推荐 的一种设计模型，也是广大Java开发者非常感 兴趣的设计模型。
MVC英文即Model-View-Controller，即把一个 应用的输入、处理、输出流程按照Model、 View、Controller的方式进行分离，这样一个 应用被分成三个层——模型层、视图层、控制 层。
17
HTML 语法示例1：
<HTML> <HEAD>
<TITLE>欢迎学习 HTML</TITLE> </HEAD> <BODY>
<H3>我的第一个 HTML 文档</H3> </BODY>
</HTML>
运行结果
18
基本结构标识
<html> <head> </head> <body> </body>
HTTP：Hyper Text Transfer Protocol超文本传输 协议
web page：网页 web servers：网络服务器 web clients：网络客户端 web browser：浏览器 HTML tags：HTML标记
6
基本概念
HTTP：超文本传输协议 HTML：超文本标记语言 网页：用于存储网页信息的文件 网络服务器：用于存储网络文件的计算机 客户端：用于浏览网页的一端的计算机 浏览器：用于浏览网页的软件平台 浏览器类型：IE 、Netscape Navigator、MyIE等
HTML
1
全部内容
基本概念 HTML基本标识符 CSS－－样式表 Javascript
2
基本目标
学会基本的标记的功能及属性设置 学会对样式表的设置 学会基本的js方法及自定义函数 自己设计并实现简单的个人网站(静态)
3
基本英语单词
Client： 客户机程序，顾客, 客户, 委托人 www：world wide web 万维网 element：元素 value：值，价值 request：请求 response：回答, 响应 standard：标准 document：文件 attribute：属性
4
基本英语单词
form： 表单 frame： 框架 table：表格 background：背景 color：颜色 title：标题 embed：嵌入 head：头，头部 body：身体 Image:图片
5
基本英语单词
HTML：Hyper Text Markup Language超文本标记 语言
<br> <hr> <link> <img> <frame> <input> <bgsound> <meta> <base>
当我们畅游Internet时，我们透过浏览器所看到的网站， 是由HTML (HyperText Markup Language) 语言所构 成。HTML ( 超文件标记语言 ) 是一种建立网页文件的 语言，透过标记式的指令 (Tag)，将影像、声音、图 片、文字等连结显示出来。
10
概述
HTML标记是由 < 和 > 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >，< / 结束标记 >所构成 ) 。它是一种介于前台和后台 的语言。HTML网页文件可由任何文本编辑器或网 页专用编辑器编辑，完成以 .htm 或 .html 为文件 后缀保存将HTML网页文件由浏览器打开显示，若 测试没有问题则可以放到服务器 (Server) 上，对 外发布信息。
7
用户如何从浏览器获得资源
请求
HTTP传输 输入地址
internet
8
基本概念
网络分类： 按照范围分：广域网(WAN)、城域网(MAN)、局域网 (LAN) 按拓扑结构：总线型结构,星型结构,环形结构,网状结 构
网络的拓扑结构是指网络中通信线路(揽线)和计算机、 以及其他组件的物理布局。
9
概述
将任务合理分配到Client端和Server端来实现，降 低了系统的通讯开销。目前大多数应用软件系统 都是Client/Server形式的两层结构
15
B/S模式
B/S（Browser/Server）结构即浏览器和服务器 结构。它是随着Internet技术的兴起，对C/S结 构的一种变化或者改进的结构。在这种结构下， 用户工作界面是通过WWW浏览器来实现，极 少部分事务逻辑在前端（Browser）实现，但是 主要事务逻辑在服务器端（Server）实现，形 成所谓三层3-tier结构。这样就大大简化了客户 端电脑载荷，减轻了系统维护与升级的成本和 工作量，降低了用户的总体成本（TCO）。
<HTML> 网页文件格式。 <HEAD> 标头区 : 记录文件基本资料，如作者、编写时间。 <TITLE> 标题区 : 文件标题须使用在标头区内，可以在浏览 器最上面看到标题。 <BODY> 本文区 : 文件资料，即在浏览器上看到的网站内 容
21
单标识
<!-- --> 注意：c语言中的两种注释
</html>
注意：在HTML中是不分大小写的。 标记要书写规范，包括标记的缩进!
19
HTML基本标识符
HTML文件基本架构 单标识 特殊标识 排版标识 字体标识 列表标识 表格框架表单标识 其他标识
20百度文库
HTML文件基本架构
<HTML> 文件开始 <HEAD> 标头区开始 <TITLE>...</TITLE> 标题区 </HEAD> 标头区结束 <BODY> 本文区开始 本文区内容 </BODY> 本文区结束 </HTML> 文件结束
11
如何保存一个HTML文件
HTML网页文件可由任何文本编辑器或网页专用编辑 器编辑，完成后以 .htm或 .html 为文件后缀保存
12
编辑工具
FrontPage Dreamweaver 记事本 ……
13
关于设计模式的解释
C/S模式 B/S模式 MVC模式
14
C/S模式
C/S （Client/Server）结构，即大家熟知的客户机 和服务器结构。