College of Science

Courses

Web Development

Course Code C0169 Th 4 Pr 4 CrHrs 2

          This course will introduce you to the realm of web design. The first and necessary step for that goal is to understand how HTML and CSS works, and then we will proceed to more advanced and complicated structures and concepts of web Developing, such as PHP and layout control. A series of tasks (website evaluation, website development, reflective report, collaborative website development, website self-assessment), as well as several group activities (discussions, online resource sharing, collaborative work) will help you gain practical experience on web development and a thorough understanding of web design issues

At the end of this course the students should have the ability to:

  1. Use fundamental skills to maintain web server services required to host a website.
  2. Select and apply markup languages for processing, identifying, and presenting of information in web pages.
  3. Use scripting languages and web services to transfer data and add interactive components to web pages.
  4. Combine multiple web technologies to create advanced web components.
  5. Construct a web site that conforms to the web standards of today and includes e-commerce and web marketing.

Publish the website to a remote server using FTP.

Distribution of Marks

Final Mark

Final Exam

Second Term

Mid-Year

First Term

100

Prac.

Theor.

Prac.

Theor.

Prac.

Theor.

Prac.

Theor.

20

30

5

5

10

20

5

5

References

SN

Schafer, Steven M. HTML, XHTML, And CSS Bible. Indianapolis, IN: Wiley Pub., 2010. Print

1

Powell, Thomas A. HTML. Berkeley, Calif.: Osborne/McGraw-Hill, 1999. Print

2

Hatfield, Bill. Windows XP In 10 Steps Or Less. Indianapolis, IN: J. Wiley, 2004. Print

3

http://www.w3schools.com/

4

Subject

Week

Introduction of web development

First

Introduction of Dreamweaver cc 2017

Second

Using Dreamweaver cc 2017 insert panel

Third

Dreamweaver: tags (p, h1.6, …)

Fourth

Dreamweaver: Dreamweaver

Fifth

Using CSS in Dreamweaver

Sixth

Designing Website in Dreamweaver (website 1)

Seventh

Dreamweaver: built-in jQuery (behavior panel)

Eighth

Dreamweaver: built-in jQuery (swap image, effects)

Ninth

Designing website including jQuery (Gallery website)

Tenth

Introduction to PHP & MySQL

Eleventh

Using PHP in Dreamweaver

Twelfth

PHP & MySQL (create table, insert data, select)

Thirteenth

PHP & MySQL (update table, delete data)

Fourteenth

Introduction of web development

Fifteenth