第1章 样式表基础 1
1.1 大型项目 1
1.2 用级联样式表布局Shelley主页 1
1.3 定位元素 1
1.3.1 用<STYLE>定义位置 1
1.3.2 用<DIV>来划分内容 4
1.3.3 用Z.index叠放 5
1.4 给元素添加样式 6
1.4.1 修改HTML标记 7
1.5 类 9
1.5.1 用<SPAN>紧密控制 13
1.5.2 级联和重叠 14
1.5.3 ID选择器 14
1.6 小结 14
1.7 高级项目 14
第2章 DHTML起步 15
2.1 在Shelley主页上添加DHTML交互性 15
2.2 弹出式搜索窗口 15
2.3 用JavaScript弹出二级导航 18
2.4 穿梭于一个特征缤纷的屏幕中 20
2.5 小结 25
2.6 进一步实践 25
第3章 跨浏览器编程 26
3.1 将Shelley主页的DHTML代码写成跨浏览器的 26
3.2 用eval()语句为两种浏览器编写代码 26
3.3 编写层可见性代码 27
3.4 避免与浏览器相关的特征 28
3.5 小结 28
3.6 进一步实践 28
第4章 为DHTML准备门面 29
4.1 一个大项目 29
4.2 为电子商务准备Stitch页面 29
4.3 门面概貌 29
4.4 创建CSS和JavaScript 33
4.5 小结 35
4.6 进一步实践 37
第5章 动画层 38
5.1 为三种产品创建动画产品展示 38
5.2 动画单层 39
5.3 动画多层 40
5.4 另一种方法 42
5.5 小结 43
5.6 进一步实践 43
第6章 拖动层 44
6.1 创建可拖动层 44
6.2 代码如何工作 45
6.2.1 事件(Event) 45
6.2.2 浏览器差别 46
6.2.3 对象(object) 47
6.2.4 拖动与用户界面 48
6.2.5 剪切区 49
6.3 核心代码 50
6.4 我们省略了什么 56
6.5 小结 57
6.6 进一步实践 57
第7章 一个真正的交互性测试:第一部分 58
7.1 为Shelley Biotechnologies创建一个完全交互性的测试 58
7.2 功能说明 58
7.2.1 测试的问题 59
7.2.2 评分 59
7.2.3 进度/导航 59
7.2.4 测试之后 59
7.3 构建问题 60
7.4 徜徉于问题中 64
7.5 小结 80
7.6 进一步实践 80
第8章 一个真正交互式的测验:第二部分 81
8.1 介绍 81
8.2 测验进度和航行 81
8.2.1 会发生什么 81
8.2.2 测验进度显示部分的图像及代码 83
8.2.3 测验结束 87
8.3 小结 89
8.4 本书总结 89
8.5 进一步实践 90
附录A CSS样式属性参考手册 91
A.1 方框属性 91
border-top,border-bottom,border-right,border-left 91
border-color 92
border-top-color,border-right-color,border-bottom-color,border-left-color 92
border-style 93
border-top-style,border-right-style,border-bottom-style,border-left-style 94
border-width 94
border-top-width,border-right-width,border-bottom-width,border-left-width 95
clear 96
float 96
margin 96
margin-top,margin-right,margin-bottom,margin-left 97
padding 98
padding-top,padding-right,padding-bottom,padding-left 98
A.2 颜色和背景属性 99
background-color 99
background-image 99
color 99
A.3 分类属性 100
display 100
list-style-type 100
A.4 字体属性 101
font-family 101
font-size 101
font-style 102
font-weight 102
A.5 文本属性 103
line-height 103
text-align 103
text-decoration 103
text-indent 104
text-transform 104
A.6 定位属性 104
left 104
position 105
top 105
visibility 105
width 106
z-index 106
附录B 杂项参考手册 107
B.1 好的Web资源 107
B.2 外部样式表 107
B.3 定位属性 107
B.4 度量单位 108
B.5 颜色 108
附录C JavaScript参考手册 110
C.1 基本对象 110
Array 110
Boolean 112
Date 112
Function 115
Math 116
Number 118
Object 119
String 121
C.2 操作符 124
+ 124
- 124
* 124
/ 124
= 124
+= 124
& 125
| 125
<< 126
>> 126
~ 126
^ 126
>>> 126
<,>,<=,>= 126
, 126
+++ 126
-- 127
== 127
!= 127
% 127
?: 127
delete 127
C.3 控制语句 128
break 128
continue 128
do/while——NOT ECMA 128
for 128
for/in 128
if 129
if/else 129
label——NOT ECMA 129
return 130
switch/case——NOT ECMA 130
while 130
with 130
C.4 全局函数 131
escape 131
eval() 131
isFinite() 131
isNaN() 131
parseInt() 131
parseFloat() 131
toString()——NOT ECMA 131
unescape() 131
C.5 语句 132
//,/*.../ 132
this 132
var 132
附录D 跨浏览器DOM参考手册 133
D.1 A 133
hash 133
host 133
hostname 134
href 134
name 134
pathname 134
port 134
protocol 134
search 134
target 135
D.2 Anchors 135
length 135
D.3 Applets 135
length 135
D.4 Area 136
事件处理程序 136
hash 136
host 136
hostname 136
href 136
name 136
pathname 137
port 137
protocol 137
search 137
target 137
D.5 Button 137
事件处理程序 138
form 138
name 138
type 138
value 139
D.6 Checkbox 139
checked 139
defaultChecked 139
form 139
name 139
type 139
D.7 Document 140
alinkColor 140
bgColor 140
cookie 140
domain 141
fgColor 141
lastModified 141
linkColor 141
location 141
referrer 141
title 142
URL 142
vlinkColor 142
clear() 142
close() 142
open() 142
write(),writeln() 143
anchors[] 143
applets[] 143
forms[] 143
images[] 143
links[] 143
D.8 Elements[] 143
D.9 Embeds 144
length 144
D.10 Event 144
screenX,screenY 144
type 144
D.11 fileUpload 145
事件处理程序 145
form 145
name 145
type 145
value 146
select() 146
D.12 Form 146
事件处理程序 146
action 146
encoding 146
length 147
method 147
name 147
target 147
reset() 147
submit() 147
elements[] 147
D.13 Forms[] 148
length 148
D.14 Frames[] 148
length 148
D.15 Hidden 148
form 148
name 149
type 149
value 149
D.16 History 149
length 149
back() 150
D.17 Images[] 150
事件处理程序 150
length 150
border 150
height,width 150
hspace,vspace 151
lowsrc 151
name 151
D.18 Links[] 151
length 151
D.19 Location 151
hash 151
host 152
hostname 152
href 152
pathname 152
port 152
protocol 152
search 152
reload 153
replace() 153
D.20 Navigator 153
appCodeName 153
appName 153
appVersion 153
platform 153
userAgent 154
javaEnabled() 154
D.21 Option 154
defaultSelected 154
index 154
length 154
selected 154
text 154
value 154
D.22 Password 155
defaultValue 155
form 155
name 155
type 155
value 156
blur() 156
focus() 156
select() 156
D.23 Radio 156
事件处理程序 156
checked 156
defaultChecked 156
form 157
name 157
type 157
D.24 Reset 157
form 158
name 158
type 158
D.25 Screen 158
availHeight,availWidth 159
colorDepth 159
height,width 159
D.26 Select 159
form 159
length 159
name 159
selectedIndex 159
type 159
D.27 Submit 160
form 160
name 160
selectedIndex 160
type 161
value 161
D.28 Text 161
事件处理程序 161
defaultValue 162
form 162
name 162
type 162
value 162
blur() 162
focus() 163
select() 163
D.29 Textarea 163
defaultValue 163
form 163
name 163
value 163
blur() 163
focus() 163
select() 164
D.30 Windows 164
closed 164
defaultStatus 164
history 164
location 164
name 164
opener 164
parent 165
self 165
status 165
top 165
alert() 165
blur() 165
clearInterval() 165
clearTimeout() 165
close() 166
confirm() 166
focus() 166
open() 166
prompt() 167
scroll() 167
setInterval() 167
setTimeout() 167
frames[] 168