基于WEB程序设计基础
表格的功能
以表格方式显示数据
排版
举例
框架(frame)
基本语法
<frameset rows=“…” cols=“…”>… </frameset>
<frame src=“url”>
<noframes>…</noframes>
<frame>和<body>标签不能同时使用
<noframes>…</noframes>之间的内容只出现在不支持框架的浏览器中
各窗口的大小设置
rows和cols的属性
rows=(n1,n2,...)或cols=(n1,n2,...)
n1可以是点数也可以是整个frameset的宽度和高度的百分比
举例
border
border=0
noresize
多重框架
frameset的嵌套
举例
框架的内容
src属性
src=“url”
name属性
name=“名称”
<a herf=“url” target=“名称”>
举例
特殊的target
_BLANK、_NEW、_PARENT、_SELF、_TOP
举例
Web网站的实现原理
Client/Server的结构
基于HTTP的通讯原语
HTTP 1.1
GET
POST
性能优化
持久连接
Cache
表单(Form)
提供Client与Server通讯的渠道，这是可以基于Web进行程序设计的基础
基本语法
<form action="url" method=*> ... ... <input type=submit> <input type=reset> </form>
Action:设定Form被提交后的动作
Method:数据传输的方式，GET/POST
Name:用来标识一个Form
Input标签
这是最常用的Form标签，有以下属性
基本语法
<Input type=* name=“名称” ...>
* = Text、Password、Radio、Checkbox、Reset、Submit、Image、Hidden
文字输入
<input type=* value=值 其他属性>
*=text,password
*=password时，输入内容显示为*
单行文字输入
size
maxlength
<TextArea 属性> :可以输入多行文本内容
Name:指定一个名称
Rows、Cols:指定输入的行数和列数
举例
选择
复选框
<input type=checkbox> <input type=checkbox checked> <input type=checkbox value=**>
单选框
<input type=radio value=**> <input type=radio value=** checked>
举例
列表框
Select和Option
Name:选择项的名称
Size:
Size=值，显示列表框
不设置Size，显示下拉框
Multiple:多选，用Ctrl配置鼠标实现多选
举例
其他
<Input type=* value=**>
*=Submit，提交按钮
*=Reset，重置按钮
*=Image，图象坐标
*=Hidden，隐含发送的数据
用table对Form排版的例子
层叠样式表(CSS)
目的:在有限的标签基础上产生多样的表现形式
定义样式规则，自定义文档的显示方式
控制页面的布局、字体、颜色等各种效果
作用
扩展HTML标签的功能
美化网页
控制页面布局
减少使用图片的情况
同时控制一批网页的显示风格
加入CSS
链接到CSS文档
<link rel=“stylesheet” href=“url” type=“text/css”>
<head>...</head>中加入CSS定义
<style type=“text/css”>...</style>
使用注释<!-- ... -->
在标签中直接使用CSS
<标签 style=“...”>
CSS叙述产生重复时采用就近原则
举例
新增的标签
Link标签
<LINK REL="stylesheet" TYPE=“text/css" HREF="url">
Style标签
作用于文档的CSS
Span标签
用于标记由相关联样式表定义其特别样式的文本，如果没有样式表指令，不影响显示
CSS语法
基本语法
标签1,...,标签n
{ 属性1:属性值;...属性n:属性值 }
Class
对同一个选择符可以定义不同的类，能使相同的标签在不同的地方显示不同的样式
注意：单元名和类值是由句点分隔开的。当类值本身包含句点时，这种用法将带来一些问题。CSS语法规则使用反斜线来“逃避”类似句点这样的特殊字符。(“\.”)
ID
唯一指定单元标识符，同一文档中，没有两个单元的ID值是相同的。
举例
常用的css属性(一)
字体属性
font-family
font-style
font-variant
font-weight
font-size
font
常用的css属性 (二)
颜色和背景
color
background-color
background-image
background-repeat
background-attachment
background-position
background
line-height
常用的css单位
长度单位
相对长度
em、ex、px
绝对长度
in、cm、mm、pt、pc
百分比单位
颜色单位
预定义颜色white、black、red等
RGB颜色
#rrggbb、rgb(r,g,b)、rgb(r%,g%,b%)
CSS滤镜
CSS滤镜可以制作图形的显示效果
滤镜种类
Alpha滤镜
Blur滤镜
DropShadow滤镜
Glow滤镜
Gray、Invert、Xray滤镜
FlipH、FlipV滤镜
Wave滤镜
CSS的发展方向
所见即所得
打印
HTML的发展
动态HTML
XML
HTML的功能不能满足网页制作
