Web design course is a very comprehensive, detailed offline course that teaches concepts, how to plan, organize, and create a web site from start to finish. The course places a heavy emphasis on individual page design and layout. Using some very powerful techniques taught in this course, some of them are HTML, XHTML, PHP, java, MySQL and CSS. You will learn skills and techniques on how even the most simplest of pages can be arranged to look more appealing and professional! From the start and the end of this design course, students will have created from simple html page to a well-designed web site and publish it at every stage of development. By regular and subsequent publishing we hope a student will obtain a profound ability to work on the server basic operations like updating, correction, script installment, database configuration and deployment plus many other skills.

Targeted Audience
This course is intended and recommended for:

  • People with little or no knowledge about how to start designing a website
  • Hobbyists who want to gain web design skills for fun
  • Web designer who want to Develop or improve their web design skills
  • Any person who need to gain or Improve and manage well his/her personal/organization web site

Each student will create a web page that integrates the many topics covered in the course manuals and lectures. The student will upload on the server and update each pages created during previous weeks to conform to the current lesson, resulting in a polished web site online. Some of the areas to be discussed in this course are:

Webdesign Course Outline

Week 1: Introduction to Webdesign -Part I Evolution
1. Internet, Websites and Web design evolution & Concepts (from table to CSS layout, from html to xhtml, from static to dynamic, to flashy, to animated web etc)
2. Hypertext Markup Language (HTML)

Week 2: Introduction to Webdesign Part II HTML
1. Introduction to html (continue…),
2. HTML static website design mini-project

Week 3: Introduction to Webdesign Part III Overviews of Java, PHP and MySQL
1. Introduction to PHP
2. Introduction to PHP MySQL
3. Introduction to Java

Week 4: Webdesign Concept
1. Planning to design
a. Defining the purpose
b. Describing the Audience
c. Contents Relevancy & Presentation style
d. Compatibility (deferent technologies, browsers and monitor resolutions)
e. Documentation (for backing up and future developments)

2. Preparing tools
3. Website Need Analysis
4. Designing a pilot web site (Using Website X5-WYSIWYG and Dreamweaver)
a. Creating a project
b. Putting the website attributes
i. Website title
ii. Website description
iii. Keywords
iv. Putting the copyrighted footer
v. Logo
vi. Page titles and attributes as above
c. Deciding on menu type
i. Vertical
ii. Horizontal
d. Deciding the website style
i. Layout
ii. Theme
e. Putting the page structure (navigation system)
i. Main menu
ii. Footer menu
f. Putting the website contents
i. Formatted text contents
ii. Putting the banner
iii. Putting scrolling text
iv. Putting images and flashes
v. Putting streaming video and audio
g. Publishing the pilot page

Week 5: Graphics Editing Basics
1. Graphic design concept
2. Image optimization
3. Image resizing
4. Image Resolution
5. Image type
6. Introduction to adobe Photoshop
7. The use of MS Photo manager for effective graphic optimization

Week 6: Creating a customized website

* Creating a project
* Put all materials in the main folder and several other sub-folders should be created according to contents inside example, contents for finished project should be named as website, contents for images, menu, draft information etc
* Putting the website attributes
* Website title
* Website description
* Keywords
* Putting the copyrighted footer
* Logo
* Deciding on menu type
* Vertical
* Horizontal
* Deciding the website style
* Layout
* Theme
* Color scheme
* Web Font scheme
* Size
* Resolution
* Putting the page structure (navigation system)
* Creating a master page basing on the above attributes
* Putting the website contents
* Creating a home page
* formatted text contents
* Putting the banner
* Putting scrolling text
* Putting images and flash
* Putting intra and inter page links
* Putting external links
* Putting redirecting links
* Creating a web form
* Putting photo browser/album/slideshow
* Putting moving/flash movies
* Inserting other scripts like java and php
* Defining links colors
* Visited link
* Active link
* Mouse over link
* Publishing the page

Week 7: Testing and Wrap-up

* Creating a PHP web forms (feedback form)
* Creating webmail account
* Migrating to advanced multimedia website (Creating banners, slideshow, web album, music album and streaming video)
* Testing and website administartion
* Registering your commercial domain (optional)
* e-Marketing Concepts
* Other crosscutting issues Readability (Usability, Visibility, Catch-ability, Availability, Accessibility, Printability)

Week 8: Final Project

* A student will create a final project website

Course Prerequisites Knowledge

* Introduction to computer
* Introduction to Internet and emails
* Introduction to Office application
* It is helpful, but not required, to have some knowledge of graphics optimization for internet etc

Course Requirement

* Web space for hosting your completed assignments.
* FTP software for uploading assignments, such as FileZila
* At least two current versions web browser for testing. recommended internet explorer and mozilla firefox
* plain text editor for hand coding recommended Notepad
* Total Converter for total multimedia conversions from normal formats to flash formats,
* Website x5 and Dreamweaver for creating website
* eFronteer (MotionArtist) for banner and animations creation
* Adobe photoshop v 7 and above
* RealDraw v4 and above

After this course a student will be able to write simple website using html tags, create a complex website using WYSIWYG Programs, Host a website in a free or paid server, manage the website, update the website, create emails, etc