CSS＆DHTML for Web专业设计PDF电子书下载

第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