Contents - Wiley

redlemonbalmMobile - Wireless

Dec 10, 2013 (3 years and 8 months ago)

63 views

ix
Contents
Contents
Starting up
A
b
out Dreamweaver Di
g
ita
l
C
l
assroom
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
P
rere
q
uisite
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
Sy
stem requirement
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
Startin
g
A
d
o
b
e Dreamweaver C
C
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
R
esettin
g
t
h
e A
d
o
b
e Dreamweaver CC wor
k
spac
e
.

.

.

.

.

.

.

.
3
L
oadin
g
lesson
f
ile
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
5
W
or
k
ing wit
h
t
h
e vi
d
eo tutoria
ls
. . . . . . . . . . . . . . . . . . . . . . .
.
6
Settin
g
up for viewin
g
the video tutorial
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
7
Viewin
g
t
h
e vi
d
eo tutoria
l
s wit
h
t
h
e
A
d
o
b
e F
l
as
h
P
l
a
y
er. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
.
7
H
osting
y
our we
b
site
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
7
A
dd
iti
o
n
al
res
ou
rce
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
8
Lesson 1: Dreamweaver CC Jumpstart
Startin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
9
Wh
at is Dreamweaver
?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
0
D
esign an
d

l
a
y
out too
ls
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
0
Site mana
g
ement and File Trans
f
er Protocol
.

.

.

.

.

.

.

.

.

.

.
11
Co
d
ing environment an
d
text e
d
ito
r
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
11
Mobile desi
g
n and development
f
eature
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.
12
Who

u
ses Dre
a
mwe
a
ver
?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
3
D
reamweaver’s works
p
ace feature
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
3
L
ive View
a
n
d
Live C
ode

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
6
CSS Inspection an
d
t
h
e Ena
bl
e/Disa
bl
e Featur
e

.

.

.

.

.

.

.

.
1
6
R
el
a
te
d
file
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
17
Co
d
e Navi
g
ato
r

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
8
P
hotoshop smart ob
j
ect
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
9
Support for Content Management S
y
stems
.

.

.

.

.

.

.

.

.

.

.

.
1
9
H
TML5, CSS3, an
d
PHP co
d
e
h
intin
g
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
20
H
TML an
d
CSS Starter Pa
g
e
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
20
S
ub
versi
on

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

20
B
usiness Cata
ly
st integratio
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
21
How websites work
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
k
21
A sim
p
le flow char
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
21
COPYRIGHTED MATERIAL
Contents
Adobe Dreamweaver CC Digital Classroom
x
D
o
m
a
in n
a
mes
a
n
d
IP
add
resse
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

22
S
ervers
a
n
d
we
b
h
o
st
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
22
The r
o
le
of
we
b

b
r
o
wser
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

22
A
n intr
odu
cti
o
n t
o
HTM
L

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

22
Ta
g
structure an
d
attri
b
ute
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
3
The structure of an HTML documen
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
5
P
l
acing images in HTM
L

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

25
C
olo
rs in HTM
L
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
27
Case sensitivity an
d
w
h
itespace ru
l
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
28
Element hierarch
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
30
HTML5

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

30
Exp
l
orations in co
de
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
30
A

look

a
t t
h
e We
l
c
o
me Scree
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
31
Creatin
g
, openin
g
, an
d
savin
g

d
ocument
s

.

.

.

.

.

.

.

.

.

.

.

.

.
3
2
Creatin
g
new
d
ocuments
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
32
S
el
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
Lesson 2: Setting Up a New Site
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
5
Creatin
g
a new site
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
36
Ad
vance
d
site-creation option
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

39
Add
ing page
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
41
S
aving a page to
y
our sit
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
44
De
f
inin
g
pa
g
e properties
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

45
Wo
r
k
view
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

51
A

d
eeper
l
oo
k
into t
h
e Fi
l
es pane
l

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

53
Viewin
g
local file
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
54
S
electin
g
and editin
g
file
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

54
S
el
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
56
R
e
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
56
xi
Contents
Contents
Lesson 3: Adding Text and Images
S
tartin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

5
7
Ty
pograp
hy
an
d
images on t
h
e We
b
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
58
A
dd
ing tex
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
5
8
An intro
d
uction to st
yl
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
64
P
reviewin
g
pa
g
es in a we
b

b
rowse
r

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
69
U
n
d
erstan
d
ing
hy
per
l
in
ks

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
71
Creating
hy
per
l
in
ks
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
72
R
e
l
ative versus a
b
so
l
ute
hy
per
l
in
k
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
74
L
in
k
in
g
to an e-mai
l
a
dd
res
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
7
6
Creatin
g

l
ist
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
7
6
U
sin
g
t
h
e Text Insert pane
l
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
7
8
I
nsertin
g
ima
g
e
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
80
I
ma
g
e reso
l
utio
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
80
I
ma
g
e
f
ormat
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
80
Creating a simp
l
e ga
ll
er
y
pag
e

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

81
L
in
k
in
g
ima
g
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
84
Ed
itin
g
ima
g
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
85
A
dj
usting
b
rig
h
tness an
d
contras
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
85
O
ptimizin
g
ima
g
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
86
U
p
d
atin
g
ima
g
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
8
7
Self stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
88
Re
vi
ew

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

88
Lesson 4: Styling Your Pages with CSS
Startin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
89
Wh
at are Casca
d
ing St
yl
e S
h
eets
?
. . . . . . . . . . . . . . . . . . . . .
90
CSS replaces ine
ff
icient HTML st
y
lin
g
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
91
T
he bene
f
its o
f
CSS st
y
lin
g
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
92
H
ow
d
o
y
ou create CSS ru
l
es in Dreamweaver
?
.

.

.

.

.

.

.

.

.
94
U
n
d
erstan
d
ing St
yl
e S
h
eet
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
9
8
U
nderstanding wh
y
the
y
’re called Cascading
.

.

.

.

.

.

.

.

.

.
1
01
Creating and modif
y
ing st
y
les
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
02
Creating a c
l
ass st
yl
e wit
h
t
h
e CSS Designer pane
l
.

.

.

.

.
1
05
Creating and modi
fy
ing st
y
le
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
08
Advanced text formatting with CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
111
Contents
Adobe Dreamweaver CC Digital Classroom
xii
Fine-tuning page appearance wit
h
contextua
l

an
d
pseu
d
o-c
l
ass se
l
ector
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
114
Div ta
g
s an
d
CSS ID
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
117
Interna
l
versus externa
l
st
yl
e s
h
eet
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
11
9
Attac
h
ing an externa
l
st
yl
e s
h
eet to
y
our page
.

.

.

.

.

.

.

.
121
Modi
f
ying attached style sheet
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
122
Creating a new .css
f
ile (external st
y
le sheet)
.

.

.

.

.

.

.

.

.

.
1
24
S
el
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
26
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
26
Lesson 5: Creating Page Layouts with CSS
S
tarting up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
127
T
h
e CSS B
o
x m
od
e
l
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
28
The basics o
f
CSS mar
g
ins, paddin
g
, and border
s
.

.

.

.

.

.
1
28
Reviewin
g
t
h
e
element

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
29
Reviewin
g
t
h
e ID se
l
ector
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
29
Creating a centered container for
y
our page
.

.

.

.

.

.

.

.

.

.
1
31
A
b
so
l
ute versus re
l
ative positionin
g
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
13
5
Creatin
g
a
h
ea
d
er usin
g
a re
l
ative positione
d

d
iv
.

.

.

.

.

.
1
37
Positioning content wit
h
a
b
so
l
ute-positione
d

d
iv
s

.

.

.

.
1
39
A
dd
ing an intro
d
uction section to
y
our pag
e
.

.

.

.

.

.

.

.

.

.
1
39
Adding images to
y
our la
y
ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
141
P
h
otos
h
op inte
g
ratio
n

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
14
3
A
dd
in
g
Main an
d
Si
d
e
b
ar content area
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.
144
A
dd
ing a
dd
itiona
l
content an
d
st
yl
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
14
6
S
ettin
g
mar
g
ins an
d

b
or
d
er
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
147
Overriding default margins in CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
14
8
A
dd
ing
b
or
d
ers to e
l
ement
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
50
Future proo
f
ing
y
our la
y
ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
51
The
p
ros and cons o
f

A
b
so
l
ute
ly
Positione
d
CSS
l
a
y
out
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
15
2
S
elf stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
155
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
55
xiii
Contents
Contents
Lesson 6: Advanced Page Layout
S
tartin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
57
L
a
y
out wit
h
a
b
so
l
ute-position
d
ivs versus
la
y
out with float
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
58
Creatin
g
a
f
loated ima
ge
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
59
Creatin
g
co
l
umns wit
h
HTML an
d
CS
S

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
62
Creatin
g
t
h
e structure wit
h

d
ivs an
d
H
TML
5
sem
a
ntic e
l
ement
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
62
Setting the width and floating the column
s
.
. . . . . . . . . .16
5
U
sin
g
t
h
e
propert
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
67
Creatin
g
a
l
ist-
b
ase
d
navi
g
ation
b
ar
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
68
C
h
anging co
l
umn
l
a
y
out an
d
siz
e
. . . . . . . . . . . . . . . . . . . . 17
3
Creatin
g
the appearance o
f
equal hei
g
ht column
s
.

.

.

.

.
175
Appl
y
ing
f
inishing touche
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
17
8
Creating more sop
h
isticate
d

l
a
y
out
s
. . . . . . . . . . . . . . . . . .17
9
D
reamweaver F
l
ui
d
Gri
d
La
y
ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
80
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
81
Re
vi
ew
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
81
Lesson 7: CSS3 Transitions and Styles
Starting u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
83
U
nderstandin
g
the role o
f
CSS
3

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
84
A
dd
in
g
a CSS Transitio
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
84
Modif
y
ing a CSS Transitio
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
90
A
dd
in
g
CSS Transitions to a navi
g
ation menu
.

.

.

.

.

.

.

.

.
19
6
A
dd
in
g
a CSS Gra
d
ien
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
1
99
App
ly
ing a CSS Gra
d
ient to t
h
e page
b
ac
k
groun
d

.

.

.

.

.

203
Creatin
g
roun
d
e
d

b
or
d
er
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

206
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
1
0
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
1
0
Contents
Adobe Dreamweaver CC Digital Classroom
xiv
Lesson 8: Using Web Fonts
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
21
1
The basics of web font
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
212
W
e
b
Fonts in Dreamweaver C
C
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
212
Using A
d
o
b
e E
d
ge We
b
Fonts
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
1
3
Creating a custom
f
ont stack using web
f
onts
.

.

.

.

.

.

.

.

.
217
S
t
y
ling
y
our content with Adobe Edge Web Font
s

.

.

.

.

.
2
1
9
Addin
g
local web
f
onts with

.

.

.

.

.

.

.

.

.

.

.
220
S
t
y
ling
y
our heading with a local web fon
t
.

.

.

.

.

.

.

.

.

.

.

.
225
S
elf stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
22
8
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
228
Lesson 9: Working with Tables
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
229
Usin
g
ta
bl
es in we
b

d
esi
gn

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
230
Importin
g
ta
bl
e
d
at
a

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
30
S
e
l
ectin
g
ta
bl
e e
l
ements
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
23
2
Modif
y
ing table siz
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
234
Modi
fy
ing table structur
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
237
Creating a ta
bl
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
238
Formatting and st
y
ling tables in HTM
L
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
4
0
Formatting and st
y
ling tables with CS
S

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
4
5
Advanced CSS st
y
ling of table
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
4
8
Contro
ll
in
g
ce
ll
a
l
i
g
nment, pa
dd
in
g
,
a
n
d

bo
r
d
ers wit
h
CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
250
Creating alternate row st
y
ling with CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
252
Reusin
g
CSS
f
or other table
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
254
Data sortin
g
table
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
255
S
elf stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
57
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
57
xv
Contents
Contents
Lesson 10: Fine-Tuning Your Workflow
S
tartin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

259
Customizin
g
pane
l
s an
d
pane
l

g
roup
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
260
U
sing t
h
e Favorites ta
b
on t
h
e Insert
b
a
r
.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
6
3
R
esizin
g
t
h
e
d
ocument win
d
o
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
264
U
sin
g

g
ui
d
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
267
U
sin
g

g
ri
ds

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

2
7
3
Th
e ta
g
se
l
ecto
r
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
7
5
T
i
l
in
g

d
ocument
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

2
7
7
Self stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
7
8
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
7
8
Lesson 11: Adding Video, Audio and Interactivity
Startin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
7
9
Ma
k
in
g
we
b
content interestin
g

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

280
A
dd
in
g
vi
d
e
o

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
80
H
TML
5
vi
d
e
o
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
280
Fla
s
h
vi
d
e
o

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

283
Q
uic
k
Time an
d
Win
d
ows Me
d
ia
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
2
86
I
nsertin
g
F
l
as
h
animation
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
289
I
nsertin
g
E
dg
e Animate animation
s
. . . . . . . . . . . . . . . . . .
292
I
nsertin
g
soun
d
wit
h
t
h
e HTML5 au
d
io e
l
ement
.

.

.

.

.

.

.
2
94
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
298
Re
vi
ew
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
298
Lesson 12: Maximizing Site Design
Starting u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

299
Creatin
g
mo
d
u
l
ar pa
g
e e
l
ement
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
300
I
ntroducin
g
snippet
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

300
Th
e Sni
pp
ets
p
ane
l
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
301
C
reatin
g
new snippet
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
302
I
ntroducing librar
y
item
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

306
Modif
y
ing and updating librar
y
item
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

308
I
ntro
d
ucin
g
temp
l
ate
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
0
Creatin
g
a new templat
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
1
W
or
k
ing wit
h
e
d
ita
bl
e region
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

3
1
2
Contents
Adobe Dreamweaver CC Digital Classroom
xvi
Creating new pages
f
rom template
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
3
Modi
fy
ing template
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
5
R
epeatin
g
re
g
ion
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
6
P
uttin
g
repeatin
g
re
g
ions into actio
n
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
1
8
Detach from Template comman
d
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
31
9
S
elf stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
32
0
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
320
Lesson 13: Working with Code-editing Features
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
321
W
or
k
in
g
wit
h
co
d
e
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
322
Accessin
g
co
d
e wit
h
t
h
e Quic
k
Ta
g
e
d
itor
.

.

.

.

.

.

.

.

.

.

.

.

.
32
2
Usin
g
HTML5 Co
d
e-
h
intin
g

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
323
W
or
k
in
g
in t
h
e Co
d
e vie
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
325
Modi
f
ying the Code view workspac
e

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
325
The Codin
g
toolba
r
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
328
Collapsin
g
and expandin
g
ta
g
s and code blocks
.

.

.

.

.

.

.
330
Va
l
i
d
ating
y
our co
de

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
331
Hi
ghl
i
gh
tin
g
an
d
correctin
g
inva
l
i
d
co
de

.

.

.

.

.

.

.

.

.

.

.

.

.
331
R
unnin
g
a repor
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
33
3
Formattin
g
co
de

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
334
In
d
enting
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
337
S
el
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
338
R
e
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
338
Lesson 14: Building HTML5 Web Forms
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
33
9
The basics o
f
HTML5
f
orms
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
0
How forms work
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
k
3
4
0
Building a contact
f
orm
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
1
Insertin
g
the
tag

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
1
S
ettin
g

f
orm properties
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
4
Addin
g
form element
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
6
Addin
g
text field
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
4
7
Addin
g
a new HTML5 text field
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
34
9
A
dd
ing c
h
ec
k

b
oxes
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
35
0
xvii
Contents
Contents
A
dd
in
g
ra
d
io
b
utton
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
352
A
dd
in
g
ra
d
io
g
roup
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

353
A
dd
ing
l
ists an
d
menu
s
.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
5
4
A
dd
in
g
a Text Area
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

356
Addin
g
a File Upload
f
iel
d

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

357
Creating Su
b
mit an
d
Reset
b
utton
s
. . . . . . . . . . . . . . . . . . .
3
5
8
St
y
ling forms with CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
360
Attac
h
ing externa
l
st
yl
e
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

360
Setting a
b
ac
k
groun
d
co
l
o
r
. . . . . . . . . . . . . . . . . . . . . . . . . .
3
6
1
St
y
ling form elements
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
363
F
orm processin
g
an
d
va
l
i
d
atio
n

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

364
H
TML5 va
l
i
d
atio
n
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
6
5
Th
e V
al
i
da
te F
o
rm
b
e
ha
vi
or
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
367
A
l
oo
k
at t
h
e Be
h
aviors
p
ane
l

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

367
Setting an event or trigger
.
. . . . . . . . . . . . . . . . . . . . . . . . . .
3
6
9
Validatin
g

f
orm
f
ield
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
7
0
Chan
g
in
g
a
f
orm
f
ield’s behavior orde
r

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

3
7
1
Verif
y
ing field content
s
.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
7
2
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
7
3
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
7
3
Lesson 15: Adding Interactivity with the jQuery UI Library
Startin
g
u
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

3
7
5
I
ntro
d
ucing t
h
e jQuer
y
UI Wi
d
get
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

3
7
6
Th
e jQuer
y
UI Li
b
rar
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
7
6
A
l
oo
k
at t
h
e pro
j
ec
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
3
7
6
Th
e jQuer
y
Ta
bb
e
d
pane
l

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

3
7
8
St
yl
ing jQuer
y
UI Wi
d
gets wit
h
CS
S
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
381
T
he jQuer
y
UI Accordion panel
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
384
Create a sin
gl
e co
ll
apsi
bl
e pane
l

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

386
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
388
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
388
Contents
Adobe Dreamweaver CC Digital Classroom
xviii
Lesson 16: Responsive Design and Layout for Mobile Devices
S
tartin
g
up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
38
9
The rise of the mobile web
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
390
Dreamweaver tools for mobile la
y
ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
390
M
ob
ile we
b
site
f
e
a
t
u
res in Dre
a
mwe
a
ve
r

.

.

.

.

.

.

.

.

.

.

.

.

.
392
Previewing
y
our we
b
page using win
d
ow size
s
.

.

.

.

.

.

.

.
392
Media Queries de
f
ine
d

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
394
Creatin
g
me
d
ia querie
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
396
Creating a la
y
out optimized for mobil
e

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
399
Creating st
y
les for navigation and
a sing
l
e-co
l
umn
l
a
y
out
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
04
The basics o
f
Fluid Grid La
y
ou
t

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
08
Creating
y
our mo
b
i
l
e
l
a
y
ou
t

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
411
Creating a ta
bl
et
l
a
y
ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
414
Creating a three-column fluid la
y
out
f
or the deskto
p
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
41
6
S
t
y
ling elements in
y
our
f
luid grid la
y
ou
t

.

.

.

.

.

.

.

.

.

.

.

.

.
4
20
S
el
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
24
R
eview
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
24
Lesson 17: Managing your Website: Reports, Optimization, and Maintenance
S
tarting up
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
25
W
or
k
ing wit
h
t
h
e Fi
l
es pane
l
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
26
C
reatin
g
a remote connection
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
26
Viewin
g

f
iles on a remote web server
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
30
Transferrin
g
files to and from a remote server
wit
h
Get
a
n
d
P
ut

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
31
Using C
h
ec
k
In/C
h
ec
k
Out an
d
Design Notes
.

.

.

.

.

.

.

.

.

.
4
33
Check In
a
n
d
Check
Out

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
33
Checkin
g

f
iles in and ou
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
35
Usin
g

D
esi
g
n Notes
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
36
Sh
arin
g
Desi
g
n Note
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
37
Disp
l
a
y
ing Design Notes in t
h
e Fi
l
es pane
l

.

.

.

.

.

.

.

.

.

.

.

.
43
8
Testing site integrit
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
43
9
C
h
ec
k
ing
l
in
k
s sitewi
de
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
39
G
enerating site report
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
441
xix
Contents
Contents
U
n
d
erstan
d
in
g
report resu
l
t
s

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
44
3
A
dd
ressin
g
a
l
iste
d
item
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
44
4
Optimizing pages
f
or launc
h
. . . . . . . . . . . . . . . . . . . . . . . . .
445
Searc
h
engine visi
b
i
l
it
y
an
d

Searc
h
En
g
ine Optimization
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
44
5
T
it
l
ing
y
our
d
ocuments wit
h
t
h
e <tit
l
e> ta
g
. . . . . . . . . .
445
A
dd
ing meta
k
e
y
wor
d
s an
d

d
escriptions
.

.

.

.

.

.

.

.

.

.

.

.

.
44
8
L
aunc
h
ing
y
our sit
e

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
44
9
Site
l
aunc
h
c
h
ec
kl
is
t
.
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44
9
U
p
l
oa
d
ing
y
our sit
e

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
50
Gettin
g
hel
p

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
51
Suggeste
d
next step
s
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .45
2
W
e
b
site
d
esi
g
n resource
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
53
Sel
f
stud
y
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
454
Re
vi
e
w
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
454
Lesson 18: Dreamweaver CC New Features
Wha
t’s new in Dre
a
mwe
a
ver CC
?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

455
CSS Desi
g
ner pane
l
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
57
CSS3 transitions an
d
st
yl
e
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
457
j
Quer
y
UI wi
d
get
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
58
A
dd
iti
o
n
al
New Fe
a
t
u
res in Dre
a
mwe
a
ver CC
.

.

.

.

.

.

.

.

.
4
59
A
d
o
b
e E
dg
e We
b
Font
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
59
Fa
ster HTML
5
e
l
ements inserti
on
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
60
Stre
a
m
l
ine
d
HTML
5

aud
i
o

a
n
d
vi
d
e
o

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
62
Edg
e Animate composition suppor
t
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
63
A
dd
iti
o
n
a
l fe
a
t
u
re
s
.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.
4
63