文档介绍：课程复****3月14号
?
与web有何区别?
浏览器,URL,HTTP,WEB服务器,HTTP的主要作用?
了解网站开发的流程!
3月14号复****br/>HTTP协议是基于什么范式的?
HTTP响应状态字4XX和5XX分别表示什么?
网页按照内容来分通常分为哪三种?
网页上通常包含哪些元素?
表单和表格的主要功能分别是什么?
请求/响应
客户端/服务器端错误
主页、内容页和索引页
文本、声音、图像、动画和数字视频等
用户交互/网页布局
静态网页设计与HTML语言
静态页面的体系结构
静态网页的特征
静态网页的内容固定不变;
静态网页的制作比较方便;
静态网页的体系结构
Client
(浏览器)
Web Server
硬盘
HTML页面
从硬盘获取文件
文件返回
页面请求
静态网页设计与HTML语言
Web环境下,采用标记来管理文本内容的现实和格式,常用的标记语言有:
SGML:标准通用标记语言,元语言
HTML:超文本标记语言,Web显示语言
XML:扩展标记语言,定义数据结构,适合数据传输
GML(1969)
SGML(1985)
XML(1998)
XHTML
MathML
WML
SVG
cXML
ebXML
HTML(1993)
静态网页设计与HTML语言
标记语言家族
静态网页设计与HTML语言
特点
平台兼容
文本文件
Web服务器不处理标记,由客户端浏览器解释
丰富的多媒体显示、各种布局处理
不足
HTML过多的考虑布局,缺乏对结构化数据的表示能力;
链路丢失后不能自动纠正、下载的内容太多、搜索不方便、时间长等缺点;
HTML中有限的标记不能满足众多Web应用的需要,缺乏可扩展性
HTML第一讲:基础
静态网页设计与HTML语言
HTML文档的编写方法
手工直接编写
记事本等, .html格式
使用可视化HTML编辑器
Frontpage、Dreamweaver等
由Web 服务器( 或称HTTP 服务器) 一方实时动态地生成。
静态网页设计与HTML语言
网页文件命名
*.htm或*.html
无空格
无特殊符号(例如&符号),只可以有下划线“_”,只可以为英文、数字
区分大小写
首页文件名默认为: 或
HTML 文件结构
<html>...</html>
<head>...</head>
<body>...</body>
元素:是HTML语言的基本部分。元素总是成对出现,每一对元素一般都有一个开始的标记(如<body>),也有一个结束的标记(如</body>)。元素的标记要用一对尖括号括起来,并且结束的标记总是在开始的标记前加一个斜杠。
静态网页设计与HTML语言