4、少数标记是单独使用如：

、

---

3、常用标记（图像、超链接和表格）

北京教育学院丰台分院

北京教育学院丰台分院

单击此处文件下载（chapter02/section3/download.asp）

（chapter02/section4/myform.asp）

用户注册

用户名：

4、HTML的表单（chapter02/section4/myform.asp）

两种表单数据的传递方法：

GET和POST方法

GET方法：

将表单数据附加在Action属性指定的URL地址之后，并在URL地址与表单数据间加上一个“？

”分割符，表单的各个数据项间用“&”分割符。

http:

//localhost/test.asp?

txtid=012&txtusename=ucau

GET方式一次最多只能提交256个字符；

POST方式是将表单数据作为一个独立的数据块直接发送给服务器；

表单中的界面对象

单行文本域

隐藏域

口令域

单选按钮

男

女

列表框

硕士以上

大学本科

大专

中专以下

按钮

5、HML的其他常用标记；（chapter02/section5/duomeiti.asp、moveleft.asp）

多媒体

滚动的内容

6层叠样式表CSS（chapter02/section6/myform.asp）

层叠样式表（CascadingStyleSheet）是一系列格式设置规则，它们控制Web页面内容的外观。

术语cascading表示向同一个元素应用多种样式的能力。

例如，可以创建一个CSS规则来应用颜色，创建另一个CSS规则来应用边距，然后将两者应用于页面上的同一个文本。

所定义的样式向下“层叠”到您的Web页面上的元素，并最终创建您想要的设计。

优点1：

使用CSS可以非常灵活并更好地控制具体的页面外观，从精确的布局定位到特定的字体和样式。

CSS允许您控制HTML无法独自控制的许多属性。

例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。

通过使用CSS以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。

除设置文本格式外，还可以使用CSS控制Web页面中块级别元素的格式和定位。

例如，可以设置块级元素的边距和边框、其他文本周围的浮动文本等。

优点2：

它提供了便利的更新功能；更新一处的CSS规则时，使用该已定义样式的所有文档的格式都会自动更新为新样式。

CSS格式设置规则由两部分组成：

选择器和声明。

选择器是标识格式元素的术语（如P、H1、类名或ID），声明用于定义元素样式。

在下面的示例中，H1是选择器，介于括号（{}）之间的所有内容都是声明：

H1{

font-size:

16pixels;

font-family:

Helvetica;

font-weight:

bold;

}

声明由两部分组成：

属性（如font-family）和值（如Helvetica）。

上面的CSS规则为H1标签创建了一个特定的样式：

链接到此样式的所有H1标签的文本都将是16个像素大小、Helvetica字体和粗体。

在Dreamweaver中可以定义以下样式类型：

●自定义CSS规则（也称为类样式）使您可以将样式属性应用于任何文本范围或文本块。

（请参见应用类样式。

）

.mystyle{

font-family:

"新宋体";

font-size:

24px;

font-weight:

300;

color:

#FF0000;

}

●HTML标签样式重定义特定标签（如h1）的格式。

创建或更改H1标签的CSS样式时，所有用H1标签设置了格式的文本都会立即更新。

H1{

font-size:

16pixels;

font-family:

Helvetica;

font-weight:

bold;

}

●CSS选择器样式（高级样式）重新定义特定元素组合的格式设置，或重新定义CSS允许的其他选择器表单的格式设置（例如，每当h2标题出现在表格单元格内时都应用选择器tdh2）。

高级样式还可以重新定义包含特定id属性的标签的格式设置（例如，#myStyle定义的样式可应用于包含属性值对id="myStyle"的所有标签）。

--

tdh2{

font-family:

"宋体";

font-size:

x-large;

font-weight:

500;

color:

#000099;

}

#mystyle{

font-family:

"宋体";

font-size:

36px;

color:

#FF0000;

}

-->

CSS规则可以位于以下3个位置：

●内部（或嵌入式）CSS样式表是一系列包含在HTML文档文件头部分的style标签内的CSS规则。

body{

margin:

auto;

padding-top:

100px;

padding-right:

0px;

padding-bottom:

0px;

padding-left:

0px;

background-color:

#FFCCFF;

}

●外部CSS样式表是一系列存储在一个单独的外部CSS（.css）文件（并非HTML文件）中的CSS规则。

利用文档文件头部分中的链接，该文件被链接到Web站点中的一个或多个页面。

●内联样式是在标签的特定实例中在整个HTML文档内定义的。

14.5pt;color:

red">这是直接在标记符号中应用的样式的方法

注意：

手动设置的HTML格式设置会覆盖通过CSS应用的格式设置。

要使CSS规则能够控制段落格式，必须删除所有手动设置的HTML格式。

CSS样式设置

1.定义CSS类型属性

2.定义CSS样式背景属性

3.定义CSS样式区块属性

4.定义CSS样式方框属性

5.定义CSS样式边框属性

6.定义CSS样式列表属性

7.定义CSS样式定位属性

8.定义CSS样式扩展属性

课后问题：

1、请访问“丰台教育信息网”的首页，查看源代码，在这个页面中使用了哪些HTML标记语言，使用了哪些CSS样式；

2、总结描述所有的CSS样式的应用，对于课堂上没有提到的CSS样式请查阅Dreamweaver的帮助信息；

3、自己制作一个“用户信息注册界面”的表单，运用CSS样式编排其字体、色彩、格式等元素；

第三讲JavaScript

教学重点：

1、JavaScript的语法特点，函数的定义、调用，变量的作用域；

2、条件控制语句、循环控制语句；

3、JavaScript中几个常用对象的应用；

教学要求：

1、回顾和复习以前C语言的基本语法知识；进一步加深理解Javascript语法知识；

2、深刻理解有关函数中变量的作用域和各类控制语句的功能；

3、理解和灵活运用JavaScript中常用的几个对象的属性和方法；

教学内容：

1、什么是JavaScript?

JavaScript是Netscape公司推出的一种嵌入HTML文档的，基于对象的脚本描述语言。

利用它可以进一步的增强网页的交互性、方便操作和控制各种浏览器对象，实现控制浏览器外观、状态和运行方式的目的。

利用它还可以实现对用户所输入的数据进行有效性检验，从而减轻服务器的负担。

其语法与C语言很相似。

2、在网页中使用JavaScript

window.alert（"欢迎进入"）;

如果一段javascript应用到多个网页，可以将其放入到扩展名称为：

Js文本文件。

在需要使用"JavaScript"的页面中插入方法：

（chapter03/section1/javaexample.asp）

3、JavaScript语法基础

1、JavaScript的数据类型

JavaScript提供四种基本的数据类型，分别为数值型、逻辑型、字符串型和undefined类型

2、常量、变量（chapter03/section2/mathexpression.asp）

varnum=24,id="36";

x=num+id;//Number（id）结果为60

window.alert（"x的值为：

"+x）;//显示的结果为“2436”

通过上例需要注意的问题：

●Javascript语句区分大小写，语句以分号作为结束符号；

●用//来注释语句

●变量需要用var定义可以给多个变量赋初值；

●变量的类型转换，数值型转换成字符型进行连接运算；需要用类型转换函数。

3、表达式

●条件表达式（条件）?

A：

B（chapter03/section2/logicexpression.asp）

age=20;

man=（age>=18）?

"adult":

"minor";

window.alert（"thismanisa"+man）;

●算术表达式、关系表达式（==、===、>=、<=等）、逻辑表达式（&&、||、!

等）

（chapter03/section2/samevalue.asp）

document.write（"3"==3）;//显示true

document.write（"3"===3）;//显示false

4、函数：

函数的定义：

function函数名（形式参数）{

函数体

return表达式

}（chapter03/section2/usefucntion.asp）

函数的调用：

格式1：

varname=函数名（实际参数）//有返回值时用

格式2：

函数名（参数值）//无返回值时用

JavaScript的函数