Introduction to Dynamic Web Development (SFDV1000)

Introduction to Dynamic Web Development

(SFDV1000)


1.


3 credit hours, 14 weeks,
4

hours per week



2.



Prescription



This course gives

student
s the
fundamental understanding of the

WWW environment.

The
principles and process of website design

as well as the

implementation of practical web
design using WYSIWYG web authoring tool
.

It gives students the ability to select suitable
media content in the appropriate format. E
-
commerce, online business information systems,
web, ethics,

security
,

and future possibili
ties also discussed in this course.



3.



Learning aims


1.

To give

students

a
n understanding of the WWW environment and how it works.

2.

For students to understand
the principles and process of website design,
including the human computer interface elements, usa
bility, and standards
compliance.

3.

To extend students’
overview of
ecommerce

and online business information
systems, web ethics

and
security
, and future possibilities in web technology and
applications.

4.

To provide students with t
he ability to apply concep
ts in (2) above to critique
websites
.

5.

To give students an
introductory understanding of the web programming basics,
including HTML,
XHTML

,
CSS
.

6.

Student will have a

broad understanding of graphics, colours, sound and video
for the web, and the ability to
select suitable content in the appropriate format.

7.

To provide students with the

practical skills and knowledge to implement
concepts in (2) and (3) above in constructing a simple website using a
WYSIWYG web authoring tool, emphasising design appropriatenes
s, standards
compliance
,

accessibility, and incorporating cascading style sheets.

Adding
frames, forms and navigation system


8.

To implement website publication using hosting serves, and FTP client software
to upload and maintain a website

over the internet
.







Learning Outcomes


On s
uccessful completion of SFDD1000

students will be able to:



Explain how WWW works.



Use WYSIWYG web authoring tool to design a usable and accessible web site.



Impr
ove web design using HTML, XHTML, and CSS
.



Create and select the
appropriate web media format.



Create frames, forms,

and

navigation systems.



Explain E
-
Commerce



Understand

web environment ethics.



Evaluate and critique website.

4.



Teaching and learning methods


The programme will be delivered through a combination
of:

lec
tures/la
boratories/tutorials/group work / educational movies.

Use will be made of the blackboard online learning environment as well as the internet.


5.



Student workload


Lectures =
2

hours

Laboratories =
2

hours

Supported learning/ independent study =
2

hours

Total =
6
hours per week of student effort


6.



Assessment


Assignments:

1.

Assignment

(
1
)
:

5
%


2.

Assignment

(
2
)
:

10%

Examinations:

1.

Pop Quizzes
: 5%

2.

Mid semester
:15%

3.

Final Practical: 15%

4.

End semester
: 50% (unified Exam)


7.


Schedule of topics in order will i
nclude:

Theoretical Plan

and
Practical Plan

Note:

Please
, refer to the Lab Book for more details about Lab (1) up to Lab (
1
4
).



Week


Lect_No


Contents


Remarks


Practical
skills

1

Lec(00)

Introduction to the Teaching
plan.




create

Blog

2

Lec(01)

The WWW environment +

The Internet as a network


3

Lec( 02)

HCI




HTML


+

XHTML


(Ed
itor:
using
Notepad)

4

Lec(03)

Design principles


Quiz(1)

5

Lec( 04)

Graphics and colours for the
web.


6

Lec( 05)

Introduction to Multimedia
for web design


Assig(1)
-
in


7

Lec(06)

Web standards+ Building the
page



Photoshop
for web
design.

8

Lec
( 07)

Introduction to HTML


Midterm
exam



FrontPage



9

Lec(08 )

HTML & XHTML

Assig(1)
-
out


12

Lec(09 )

Frames and Forms


Assig(2)
-
in

10

Lec( 10)

Introduction to CSS


Quiz(2)

11

Lec(11 )

Ecommerce and online
business information systems




Basics
of
CSS

13

Lec( 12)

Web ethics



Publishing
your web
site


14

Lec(13 )

Future possibilities


Assig(2)
-
out

Assig
-
2
Evaluation


15


Lec(14 )


Revision



Final
Practical
exam

8.



Facilities required


Specific facilities required



PC computers



Windows XP



FrontPage 2003



Lab book (Microsoft Word file
-

softcopy)



Student files ( files required to implement lab book activities)

Adobe
Photoshop

-

An image editing application



Au
dio and video player (Real player,

Media Player Classic,
or
Quick
Time Player)

9.



Reference texts required for library:




Shelly, G. B., Cashman, T. J. and Vermaat, M. E. Discovering Computers 2007:
A gateway to information. 2007. Thompson Course Technolog
y: Boston.


Textbooks:




Joel Sklar, Principles of Web Design, Third edition, 2006 Thomson course
technology.



Lab book (Microsoft Word file
-

softcopy)



Course materials:

Exercises, practical tests and the examination papers


10.


College coordinator: