GWDA113 Fundamentals of Web Page Scripting - Casabasa

engineerbeetsΤεχνίτη Νοημοσύνη και Ρομποτική

15 Νοε 2013 (πριν από 3 χρόνια και 10 μήνες)

85 εμφανίσεις





C
ourse

S
y
ll
abus




C
ourse

T
itl
e
:

Fundamentals of Web Page Scripting

C
ourse

N
umbe
r
:

GWDA113


C
l
ass

M
ee
t
i
ngs:

Tuesdays, 8 am


12 pm

S
ess
i
on
/
Y
ea
r
:

Summer 2013


I
ns
t
ru
c
t
or

N
ame:

Sharon Kaitner, M.Ed.

E
ma
i
l

A
ddress:

skaitner@aii.edu

P
hone:


email is best

I
ns
t
ru
c
t
or

A
v
a
il
ab
il
i
t
y

O
u
t
s
i
de

o
f

C
l
ass:


Tuesdays 12
-
1 room 309


Course Title


C
ourse

D
escr
i
p
ti
o
n
:

An introduction to the terms, technologies, trends, and best practices of the
interactive design industry. Students design, develop, and upload a simple web site using HTML
and basic CSS. The importance of writing valid and semantic code is emphasized. Bas
ic web site
production stages and requirements such as naming conventions, file organization, project
development life cycle, and image optimization are also covered.

C
ourse

P
rereq
u
i
s
i
t
e
(
s
)
:

none

I
ns
t
ru
c
ti
on
a
l

C
o
n
t
act
H
ours
/
C
re
d
it
s
:

C
ourse

Leng
t
h
:

11

W
ee
k
s
C
on
t
act

H
our
s
:

44

H
ou
r
s
Lec
t
ure:


22

H
ou
r
s
Lab:


22

H
ou
r
s

C
red
i
t
V
a
l
ue
s
:

3
.
0

C
r
ed
i
ts


Q
ua
r
t
er
C
r
ed
i
t
H
our
D
e
f
i
n
i
t
i
o
n
:

A
q
u
a
rt
e
r c
r
ed
i
t hour
i
s

a
n

a
m
ou
n
t

o
f

w
o
r
k

r
ep
r
e
s
en
t
ed

i
n

i
n
t
e
nded

l
ea
r
n
i
n
g

ou
t
c
o
m
es
and

v
e
r
i
f
i
ed

by

e
v
i
dence

o
f

s
t
udent ach
i
e
v
e
m
ent
t
hat

i
s

an

i
ns
t
i
t
u
t
i
ona
ll
y

es
t
ab
li
shed

e
q
u
i
v
a
l
ency

t
hat

r
e
ason
a
b
l
y

app
r
o
x
i
m
a
t
es

not
l
ess

t
ha
n
:


(
1)

O
ne

ho
u
r

o
f c
l
ass
r
o
o
m

o
r

d
i
r
e
c
t
f
acu
l
t
y

i
ns
t
r
uc
t
i
on

and

a

m
i
n
i
m
u
m

o
f
t
w
o

hou
r
s

o
f
ou
t
-
o
f
-
c
l
ass

s
t
ude
n
t
w
o
r
k

each

w
eek

f
o
r

1
0
-
12

w
ee
k
s
,

o
r
t
he

e
q
u
i
v
a
l
ent

a
m
ount
o
f
w
o
r
k

o
v
er

a

d
i
f
f
e
r
ent
a
m
ount

o
f
t
i
m
e
;

o
r


(
2)

A
t

l
east an

e
q
u
i
v
a
l
ent

a
m
ount
o
f

w
o
r
k

as
r
e
q
u
i
r
e
d

i
n

pa
r
a
g
r
aph

(
1)
o
f

t
h
i
s

d
e
f
i
n
i
t
i
on
f
or o
t
h
e
r

acad
e
m
i
c

a
c
t
i
v
i
t
i
es

as

e
s
t
ab
li
shed

by

t
he

i
ns
t
i
t
u
t
i
on

i
nc
l
ud
i
ng

l
ab
o
r
a
t
o
r
y

w
o
r
k
,
i
n
t
e
r
nsh
i
p
s
,

p
r
ac
t
i
c
a,

s
t
ud
i
o

w
o
r
k,

a
nd

o
t
her acade
m
i
c

w
o
r
k

l
ead
i
ng

t
o

t
he
a
w
a
r
d

of

c
r
ed
i
t

ho
u
r
s.


Learn
i
ng

O
b
j
ec
t
i
v
es:

U
pon

succes
s
f
ul c
o
m
p
l
e
ti
on

o
f

t
he

cou
r
s
e
,
t
he

s
t
u
dent

shou
l
d

be

ab
l
e

t
o:

Design, create and deploy basic web pages



Identify the rules for writing
valid HTML and CSS



Describe the process of validating HTML and CSS



Define semantic markup



Define the difference between block
-
level and inline elements



Define the difference between elements, attributes, and values

Manage and organize files



Demonstrate
file management principles for web development



Utilize an FTP client to upload web pages to a web server

Optimize web pages for various displays



Explore how HTML is displayed on various media



Utilize image optimization techniques



I
ns
t
ru
c
ti
on
a
l
M
a
t
er
i
a
l
s

and

R
e
f
erenc
e
: (faculty Insert from Syllabi Book)

Textbook required:

HTML5 and CSS3 Visual Quickstart Guide.
7th

Edition.

Peachpit Press © 2012 by Elizabeth Castro and Bruce Hyslop.

ISBN
-
13: 978
-
032171961
-
4




T
echno
l
o
g
y

N
eeded:

HTML editing software


I
ns
t
ru
c
ti
on
a
l
M
e
t
hods:

T
h
i
s

co
u
r
se

w
il
l be

de
l
i
ve
r
ed

as

a

c
o
m
b
i
na
t
i
on

o
f

i
n

c
l
ass

l
e
c
t
u
r
es

and
l
abo
r
a
t
o
r
y

e
x
pe
r
i
ences.


A
s
sessment

C
r
i
t
er
i
a

a
n
d

M
e
t
hods

o
f

E
v
a
l
ua
t
i
n
g

S
t
uden
t
s
:


B
as
i
s

f
o
r

d
e
t
e
r
m
i
na
t
i
on

o
f
f
i
nal g
r
ad
e
,

a
l
ong

w
i
t
h

g
r
ad
i
ng

s
ca
l
e

i
f

d
i
ff
e
r
ent
f
r
om

w
hat

i
s

pub
li
shed
i
n

t
he

c
a
t
a
l
o
g
.



G
ra
d
i
ng

S
c
a
l
e:

Al
l ass
i
g
n
m
e
n
t
s

m
u
s
t

h
a
v
e

c
l
ear

c
r
i
t
e
r
i
a

and

ob
j
e
c
t
i
v
es

t
o

m
ee
t
.
Al
l s
t
ude
n
t
s

sha
l
l be

t
r
ea
t
ed
e
q
u
i
t
ab
l
y
.
I
t
w
i
l
l be

t
h
a
t

s
t
uden
t

s

r
i
g
ht
t
o

k
now

h
i
s
/
her

g
r
ade

at any

r
easo
n
ab
l
e

po
i
nt

t
h
at
i
n
f
o
rm
a
t
i
on

i
s

r
e
q
ue
s
t
ed

by

t
hat

s
t
ude
n
t
.

T
he

c
r
i
t
e
r
i
a

f
o
r

d
e
t
e
r
m
i
n
i
ng

a

s
t
u
d
en
t

s

g
r
ade

sha
l
l be
as

f
o
ll
o
w
s

(
on

a

pe
r
ce
n
t
a
g
e

o
f

t
o
t
al po
i
n
t
s

bas
i
s
)
:


100

-

93

A

92

-

90

A
-

89

-

87

B+

86

-

83

B

82

-

80

B
-

79

-

77

C+

76

-

73

C

72

-

70

C
-

69

-

67

D+

66

-

65

D

64

or
B
e
l
ow

F


S
t
udent

E
v
a
l
ua
t
i
on

/
G
r
ad
i
ng

P
o
l
i
c
i
es:



Cl
ass

t
i
m
e

w
i
l
l be

spent
i
n

a

p
r
oduc
t
i
v
e

m
ann
e
r
.



Gr
ad
i
n
g

w
il
l be

done

on

a

po
i
nt

s
y
s
t
e
m
.



P
o
i
n
t
s

f
o
r

i
nd
i
v
i
dual ac
t
i
v
i
t
i
es

w
i
l
l be

announced.



Al
l

w
o
r
k

m
u
s
t be

r
ece
i
v
ed

by

t
he

set dead
li
nes.



O
n
-
t
i
m
e

p
r
o
j
ec
t
s

m
ay

be

r
edone

w
i
t
h

i
ns
tr
u
c
t
or
a
pp
r
o
v
a
l
.



ABS
O
L
U
T
E
LY
N
O

W
O
R
K

W
I
LL

B
E
ACCEP
T
E
D

A
F
T
E
R

T
H
E
F
I
NA
L

C
L
A
S
S
M
EE
T
S
W
E
E
K

11.




C
l
assroom

P
o
l
i
c
y
:

No food allowed in the class or lab at any time. Drinks in sealable bottles allowed in
classroom



Edible items brought
to class or lab must be thrown out.



If a student elects to eat/drink outside class or lab door, missed time is recorded as
absent



Break times are scheduled by the instructor at appropriate intervals



No private software is to be brought to lab or loaded on
school computers



No software games are allowed in lab (unless in the course curriculum).



Headphones are required if listening to music during lab. No headphones are allowed in
lecture.



Any student who has special needs that may affect his or her performan
ce in this
class is asked see the Disability Services Coordinator in Student Affairs to determine
if accommodations are necessary. If accommodations are to be provided, the student
should notify the instructor privately (see
Students with Disabilities
, be
low)



S
t
uden
t
s

w
i
t
h

D
i
sab
il
i
t
i
es:

T
he

A
r
t
I
n
s
t
i
t
u
t
e

o
f

C
a
l
i
f
o
r
n
i
a,

a

co
ll
e
g
e

o
f

A
r
g
osy

U
n
i
v
e
r
s
i
t
y
,

p
r
o
v
i
des

acco
mm
od
a
t
i
ons

t
o
q
ua
l
i
f
i
ed

s
t
uden
t
s

w
i
t
h

d
i
sab
ili
t
i
es.

The

Di
sab
ili
t
y

S
e
r
v
i
ces

o
f
f
i
ce

a
ss
i
s
t
s

qua
li
f
i
ed

s
t
uden
t
s

w
i
t
h
d
i
sab
ili
t
i
es

i
n

ac
q
u
i
r
i
n
g

r
easonab
l
e

and

ap
p
r
op
r
i
a
t
e

acc
o
m
m
oda
t
i
ons

and

i
n

suppo
r
t
i
ng

e
q
ual
access

t
o

s
e
r
v
i
ces,

p
r
o
g
r
a
m
s

and

a
c
t
i
v
i
t
i
es

at
T
he

A
r
t
I
n
s
t
i
t
u
t
e

o
f

C
a
l
i
f
o
r
n
i
a.


S
t
uden
t
s

w
ho

seek

r
e
a
s
onab
l
e

acco
m
m
oda
t
i
ons

shou
l
d

no
t
i
f
y

t
he

Di
sab
ili
t
i
es

S
e
r
v
i
ces

C
oo
r
d
i
na
t
or in the Student Affairs Office at 415
-
276
-
1060
o
f

t
he
i
r

sp
e
c
i
f
i
c

li
m
i
t
a
t
i
ons

and,
i
f

kno
w
n,

t
he
i
r sp
e
c
i
f
i
c

r
e
q
ue
s
t
ed

a
cco
m
m
o
da
t
i
ons.

S
t
uden
t
s

w
il
l be

a
s
k
ed

t
o

supp
l
y

m
ed
i
cal
docu
m
e
n
t
a
t
i
on

o
f

t
he

need

f
or acc
o
mm
od
a
t
i
o
n.

Cl
ass
r
o
o
m acco
m
m
oda
t
i
ons

a
r
e

not
r
e
tr
oa
c
t
i
v
e,

but a
r
e

e
ff
e
c
t
i
v
e

on
l
y

upon

t
he

s
t
ude
n
t

sh
a
r
i
ng

app
r
o
v
ed acco
m
m
oda
t
i
ons

w
i
t
h

t
h
e

i
ns
tr
u
c
t
o
r
.

T
he
r
e
f
o
r
e
,

s
t
uden
t
s

a
r
e

enco
u
r
a
g
ed

t
o

r
e
q
ue
s
t acco
m
m
oda
t
i
ons

as

e
a
r
l
y

as

f
eas
i
b
l
e

w
i
t
h

t
he

Di
sab
ili
t
y

S
e
r
v
i
ces

C
oo
r
d
i
na
t
or
t
o

a
ll
ow

f
or
t
i
m
e

t
o
g
a
t
her
necess
a
r
y

docu
m
en
t
a
t
i
on.
I
f

y
ou

ha
v
e

a

c
once
r
n

o
r

c
o
m
p
l
a
i
nt

i
n

t
h
i
s

r
e
g
a
r
d
,

p
l
ease con
t
act
t
he

Di
sab
ili
t
y

S
e
r
v
i
ces

C
oo
r
d
i
na
t
or

i
n

r
o
o
m
409, 10UN.


C
o
m
p
l
a
i
n
t
s

w
il
l be

hand
l
ed

i
n

acc
o
r
dan
c
e

w
i
t
h

t
h
e

schoo
l’
s

I
n
t
e
r
nal

G
r
i
e
v
ance

P
r
oced
u
r
e

f
or

C
o
m
p
l
a
i
n
t
s

o
f

Di
sc
r
i
m
i
na
t
i
on

and

H
a
r
as
s
m
en
t
.


S
choo
l
-
w
i
de

A
tt
endan
c
e

P
o
li
c
y
:

S
t
uden
t
s

w
ho

do

not a
t
t
e
nd

any

c
l
asses

f
or

f
o
u
rt
e
en

(
1
4
)

cons
e
cu
t
i
v
e

ca
l
endar

da
y
s

and

f
a
i
l
t
o
no
t
i
f
y

t
he

A
cade
m
i
c

A
f
f
a
i
r
s

D
epa
r
t
m
ent
w
i
l
l be

w
i
t
hd
r
a
w
n

fr
o
m

schoo
l
.


A
c
adem
i
c

D
i
shones
t
y
:

S
t
uden
t
s

a
r
e

e
x
pec
t
ed

t
o

m
a
i
n
t
a
i
n

t
he

h
i
g
h
e
st s
t
a
nda
r
ds

o
f

ac
a
de
m
i
c

ho
n
es
t
y

w
h
i
l
e

pu
r
su
i
ng
t
he
i
r

s
t
ud
i
es

a
t
T
he

A
r
t
I
ns
t
i
t
u
t
e
.

A
cade
m
i
c

d
i
shones
t
y

i
nc
l
udes

but
i
s

n
o
t
li
m
i
t
ed

t
o
:

p
l
a
g
i
a
r
i
sm
and

chea
t
i
n
g,
m
i
suse

o
f acade
m
i
c

r
esou
r
ces

o
r
f
ac
ili
t
i
es,

and

m
i
suse

o
f

c
o
m
pu
t
e
r

s
o
ft
w
a
r
e,
da
t
a,
e
q
u
i
p
m
e
n
t

o
r

n
e
t
w
o
r
k
s.


Pl
a
g
i
a
r
i
sm
i
s

t
he

use

(
c
o
p
y
i
n
g
)

o
f

ano
t
her pe
r
son

s

i
deas,
w
o
r
ds,

v
i
sual
i
m
a
g
e
s
,

o
r

aud
i
o
sa
m
p
l
es, p
r
ese
n
t
ed

i
n

a

m
anner
t
h
a
t
m
a
k
es

t
he

w
o
r
k

appe
a
r
t
o

be

t
he

s
t
uden
t

s

o
r
i
g
i
nal
c
r
ea
t
i
on.
Al
l
w
o
r
k

t
h
a
t

i
s

not
t
he

s
t
uden
t

s

o
r
i
g
i
nal

c
r
ea
t
i
on, or any

i
dea

or

f
act
t
hat
i
s

n
o
t

co
m
m
on

kno
w
l
ed
g
e
,

m
ust

be

doc
u
m
en
t
ed

p
r
o
p
e
r
l
y

t
o

a
v
o
i
d

e
v
en

acc
i
den
t
al
i
n
f
r
a
c
t
i
ons

o
f
t
he
honor

cod
e
.


C
hea
t
i
ng

i
s

t
o

g
a
i
n

an

u
n
f
a
i
r

ad
v
an
t
a
g
e

on

a

g
r
a
d
e

by

decep
t
i
on,

fr
aud, or

b
r
e
a
k
i
ng

t
he

r
u
l
es

s
e
t
f
o
r
t
h

by

t
he

i
ns
t
r
uc
t
o
r

o
f
t
he

c
l
ass.
C
hea
t
i
n
g

m
ay

i
nc
l
ude

but

i
s

not
li
m
i
t
ed

t
o:

cop
y
i
ng

t
he

w
o
r
k

o
f

o
t
he
r
s
;

u
s
i
ng

no
t
es

or

o
t
her
m
a
t
e
r
i
a
l
s

w
hen

u
n
au
t
ho
r
i
z
ed;

c
o
mm
un
i
c
a
t
i
ng

t
o

o
t
h
e
r
s

d
u
r
i
n
g

an
e
x
a
m
;

and

any

o
t
her u
n
f
a
i
r

ad
v
an
t
a
g
e

as

de
t
e
rm
i
ned

by

t
he

i
n
s
tr
u
c
t
o
r
.


Learning Support

C
en
t
e
r:

Facu
l
t
y

wil
l be

a
v
a
i
l
ab
l
e

du
r
i
ng

o
f
f
i
ce

ho
u
r
s

t
o

s
h
a
r
e

k
no
w
l
ed
g
e, e
n
g
a
g
e

i
n

d
i
a
l
o
g
ue

an
d
/
or

g
i
v
e
ad
v
i
ce

and

g
u
i
dance

t
o

o
ur

s
t
udent body

i
n

t
he

Learning Support

C
e
n
t
e
r, or another announced
location
.

S
t
uden
t
s

m
ay

m
eet
wi
t
h

f
acu
l
t
y

d
u
r
i
ng

t
he
i
r
o
ff
i
ce

ho
u
r
s

by

schedu
li
ng

an

appo
i
n
t
m
e
n
t

w
i
t
h

t
he

f
acu
l
t
y

m
e
m
b
e
r
. The Learning Support Center also provides peer tutors in a variety of
subjects.


C
omm
i
t
me
n
t
t
o

E
xc
e
ll
e
nce



R
ead
i
n
g
/
W
r
i
ti
n
g
/C
omprehens
i
o
n
:

W
h
il
e

t
he

p
r
i
nc
i
pal

g
oal

o
f

t
h
i
s

co
u
r
se

i
s

t
he

a
c
q
u
i
s
i
t
i
on

o
f

k
no
w
l
ed
g
e

i
n

t
h
e

sub
j
e
ct a
r
e
a
,
s
t
uden
t
s

shou
l
d

be

a
w
a
r
e

t
h
a
t
T
he

A
r
t
I
ns
t
i
t
u
t
e

o
f

C
a
li
f
o
r
n
i
a

r
e
q
u
i
r
e
s

t
hat
r
esea
r
ch

on

a
pa
rt
i
cu
l
ar
t
op
i
c

and

c
l
ear and

e
ff
e
c
t
i
v
e

w
r
i
t
i
ng

be

an

i
n
t
e
g
r
al p
a
r
t
o
f
t
he

l
e
a
r
n
i
ng

p
r
oc
e
ss.


L
i
brary

A
ss
i
gnmen
t
:

Al
l s
t
uden
t
s

w
i
l
l

need

t
o

u
t
ili
z
e

t
he

L
i
b
r
a
r
y

f
o
r
r
e
s
ea
r
ch

and

r
e
f
e
r
en
c
e

t
h
r
o
u
g
ho
u
t
t
he

q
u
a
rt
e
r
.
T
he

L
i
b
r
a
r
y

i
s

a

v
a
l
uab
l
e

sou
r
ce

f
o
r
f
i
nd
i
ng

des
i
gn

i
deas

t
h
a
t
w
i
l
l be

needed

f
o
r
t
h
i
s

co
u
r
se,
i
.
e
.
:
i
nsp
i
r
a
t
i
on

and

des
i
g
n

f
u
nda
m
en
t
a
l
s

f
o
r
m
i
d
-
t
e
r
m and

f
i
nal p
r
o
j
e
c
t
s;
l
oca
t
i
n
g

popu
l
ar
tr
ends

i
n
des
i
g
n,
ill
us
tr
a
t
i
on

and

p
ho
t
o
g
r
aph
y
;
r
e
f
e
r
enc
i
n
g

past

a
w
a
r
d

w
i
nn
i
ng

des
i
g
ns

w
h
i
ch

m
ay

be
used

as

a

g
u
i
de;
i
den
t
i
f
y
i
ng

bench
m
a
r
k
s

or
r
e
f
e
r
e
nc
i
ng

co
m
p
e
t
ent des
i
g
n

w
o
r
k
s.


S
t
udent

A
rt

Wor
k
:

Al
l s
t
udent

w
o
r
k
,
w
h
i
ch

has

not a
l
r
eady

been

r
e
t
u
r
ned

du
r
i
n
g

t
he

q
u
a
rt
e
r
,
w
il
l be

a
v
a
i
l
ab
l
e

f
o
r
p
i
c
k
up

no

l
a
t
e
r
t
han

5
:
00

p
m
,

M
onday

of

t
he

f
i
r
st

w
eek

o
f

b
r
e
a
k.

A
ny

w
o
r
k

NO
T

p
i
c
k
ed

up

by

t
hat da
t
e

and

t
i
m
e

w
i
l
l be

d
i
sca
r
ded

un
l
ess

o
t
her

a
rr
a
n
g
e
m
en
t
s

ha
v
e

been

m
ad
e
.

S
t
uden
t
s

m
ust

t
a
k
e

r
espons
i
b
ili
t
y

f
o
r

t
h
e
i
r

a
r
t

w
o
r
k
.



Late Work Policy:


If accepted, late work will be scored at 50% of possible



Weekly Outline


Week 1:

The interactive design industry


HTML basics


Week 2:

Web standards, accessibility,
and usability


Validating web markup


Creating links between pages


Creating links to other websites


Week 3:

Understanding Web graphics and image optimization


Adding images to a web page





Week 4:

Organizing data

Web standard tables for tabular data

Adobe Bridge and Photoshop



Week 5:

HTML Review


Semantic Markup

Block
-
level versus inline elements








Week 6:

Ordered and unordered lists

Navigation systems



Week 7:


Introduction to CSS






Week 8:

Styling text and links.

Forms


Week 9
:

CSS box model: margin, padding, border


Floating images


Week 10:


Testing web markup in various browsers

Final project production


Week 11:

Final project presentations and critique