CSS & DHTML for Web专业设计

概述

第1章　样式表基础

1.1　大型项目

1.2　用级联样式表布局Shelley主页

1.3　定位元素

1.3.1　用<STYLE＞定义位置

1.3.2　用<DIV＞来划分内容

1.3.3　用Z-index叠放

1.4　给元素添加样式

1.4.1　修改HTML标记

1.5　类

1.5.1　用<SPAN＞紧密控制

1.5.2　级联和重叠

1.5.3　ID选择器

1.6　小结

1.7　高级项目

第2章　DHTML起步

2.1　在Shelley主页上添加 DHTML交互性

2.2　弹出式搜索窗口

2.3　用JavaScript弹出二级导航

2.4　穿梭于一个特征缤纷的屏幕中

2.5　小结

2.6　进一步实践

第3章　跨浏览器编程

3.1　将Shelley主页的DHTML代码写成跨洲览器的

3.2　用eval（）语句为两种浏览器编写代码

3.3　编写层可见性代码

3.4　避免与浏览器相关的特征

3.5　小结

3.6　进一步实践

第4章　为DHTML准备门面

4.1　一个大项目

4.2　为电子商务准备Stitch页面

4.3　门面概貌

4.4　创建CSS和JavaScript

4.5　小结

4.6　进一步实践

第5章　动画层

5.1　为三种产品创建动画产品展示

5.2　动的单层

5.3　动的多层

5.4　另一种方法

5.5　小结

5.6　进一步实践

第6章　拖动层

6.1　创建可拖动层

6.2　代码如何工作

6.2.1　事件（Event）

6.2.2　浏览器差别

6.2.3　对象（object）

6.2.4　拖动与用户界面

6.2.5　剪切区

6.3　核心代码

6.4　我们省略了什么

6.5　小结

6.6　进一步实践

第7章　一个真正的交互性测试：第一部分　

7.1　为 Shelley Biotechnologies创建一个完全交互性的测试

7.2　功能说明

7.2.1　测试的问题

7.2.2　评分

7.2.3　进度／导航

7.2.4　测试之后

7.3　构建问题

7.4　徜徉于问题中

7.5　小结

7.6　进一步实践

第8章　一个真正交互式的测验：第二部分

8.1　介绍

8.2.1　会发生什么

8.2.2　测验进度显示部分的图像及代码

8.2.3　测验结束

8.3　小结

8.4　本书总结

8.5　进一步实践

附录A　CSS样式属同性参考手册

A.1　方框属性

border-top, border-bottom, border-right, border-left

border-color

border-top-color, border-right-color, border-bottom-color,boder-left-color

border-style

border-top-style, border-right-style, border-bottom-style

border-width

border-top-width, border-right-width, border-bottom-width,border-left-width

clear

float

margin

margin-top, margin-right, margin-bottom, margin-left

padding

padding-top, padding-right, padding-bottom, padding-left

A.2 颜色和背景属性

background-color

background-image

color

A.3 分类属性

display

list-style-type

A.4 字体属性

font-family

font-size

font-style

font-weight

A.5 文本属性

line-height

text-align

text-decoration

text-indent

text-transform

A.6 定位属性

left

top

visibility

width

z-index

附录B 杂项参考手册

B.1 好的Web资源

B.2 外部样式表

B.3 定位属性

B.4 度量单位

B.5 颜色

附录C JavaScript参考手册

c.1 基本对象

Array

Boolean

Date

Function

Math

Number

Object

String

c.2 操作符

+

*

/

+=

&

|

<<

>>

>>>

<,>,<=,>=

,

++

|=

%

?:

delete

c.3 控制语句

break

continue

do/while- NOT ECMA

for

for/in

if

if/else

labe1 NOT ECMA

return

switch/case- NOT ECMA

while

with

C.4 全局函数

escape

eval()

isFinite()

isNaN ()

parseInt ()

parseFloat ()

toString() NOT ECMA

unescape ()

c.5 语句

//,/*...*/

this

var

附录D 跨浏览器DOM参考手册

D.1 A

hash

host

hostname

href

name

pathname

port

protocol

search

target

D.2 Anchors

length

D.3 Applets

length

D.4 Area

事件处理程序

hash

host

hostname

href

name

pathname

port

protocol

search

target

D.5 Button

事件处理程序

form

name

type

value

D.6 Checkbox

checked

defaultChecked

form

name

type

D.7 Document

alinkColor

bgColor

cookie

domain

fgColor

lastModified

linkColor

location

referrer

title

URL

vlinkColor

clear ()

close ()

open ()

write (), writeln ()

anchors[]

applets[]

applets[]

forms[]

images[]

links[]

D.8 Elements[]

D.9 Embeds

length

D.10 Event

screenX,screenY

type

D.11 fileUpload

事件处理程序

form

name

tyPe

value

select ()

D.12 Form

事件处理程序

actlon

enceding

length

method

name

target

reset ()

submit ()

elements[]

D.13 Forms[]

length

D.14 Frames[]

length

D.15 Hidden

form

name

type

value

D.16 History

length

back()

D.17 Images[]

事件处理程序

length

border

height, width

hspace, vspace

lowsrc

name

D.18 Links[]

length

D.19 Location

hash

host

hostname

href

pathname

port

protocol

search

reload

replace ()

D.20 Navigator

appCodeName

appName

appVersion

platform

userAgent

javaEnabled ()

D.21 Option

defaultSelected

index

length

selected

text

value

D.22 Password

defaultValue

form

name

type

value

blur()

focus()

select()

D.23 Radio

事件处理程序

checked

defaultChecked

form

name

type

D.24 Reset

form

name

type

D.25 Screen

availHeight, availWidth

colorDepth

height,width

D.26 Select

form

length

name

selectedIndex

type

D.27 Submit

form

name

selectedIndex

type

value

D.28 Text

事件处理程序

defaultValue

form

name

type

value

blur()

focus()

select ()

D.29 Textarea

defaultValue

form

name

value

blur()

focus()

select ()

D.30 Windows

closed

defaultStatus

history

location

name

opener

parent

self

status

top

alert ()

blur()

clearInterval ()

clearTimeout ()

close ()

confirm ()

focus()

open()

prompt()

scroll()

setInterval()

setTimeout ()

frames()