Web Developement

Web Development

Course Aim (from Course Document)

  • To introduce students to the World-Wide- Web including applications such as FTP, e-Mail, Telnet etc.
  • To be able to use the WWW as a tool for research, by employing search engines, contributing to discussion boards and traversing online directory structures.
  • To justify the requirement for effective design of websites, by analysing popular and unpopular websites according to well known usability criteria.
  • To provide the skills for client side web development using popular markup languages such as HTML and XHTML.
  • To be able to design the appearance of a web resource independently of the content, using CSS.
  • To dynamically generate or alter the contents or appearance of a web resource using a client side scripting language such as JavaScript.
  • To demonstrate the requirement for maintenance of state between resources on the same website, and provide the skills required to incorporate state maintenance into web sites using client side cookies.

Course Objectives

Upon completion of this course, you should be able to:

  • Write effective, easily maintainable HTML code
  • Use basic Cascading Style Sheets in conjunction with HTML code
  • Create, test, and deploy a Web site

Web Development

2 Months


Course Outline

  • 1

    Introduction to HTML

    • Introduction of Necessary Software’s
    • Creating Development Environment
    • Revising Basic HTML
  • 2

    Introduction to HTML5

    Laying Out a Page with HTML5:
    • Page Structure
    • New HTML5 Structure Tags
    • Page Simplification
  • 3

    Selection and Articles:

    • The Selection Tag
    • The Article Tag
    • Outlining
    • Accessibility
  • 4

    HTML5 Audio and Video

    • Supported Media Types
    • The Audio Element
    • The Video Element
    • Accessibility
    • Scripting Media Elements
    • Dealing with Non- Supporting Browsers.
  • 5

    HTML5 Forms:

    • Modernizer
    • New Input Types (Search, tel, url, email, date/time input types, numbers, range, min, max, step attributes, colour)
  • 6

    Google Map Api and Canvas

    • Google Map API
    • Getting Started with Canvas
  • 7

    Introduction to CSS

    • Introduction to CSS
  • 8

    Introduction to CSS3

    Understanding CSS3:
    • Understanding CSS3 Terminology
    • Adding Rules to a Style Sheet
    • Adding Selectors
    • Working with Multiple Declarations
  • 9

    Working with Style Sheets

    • Working with Style Sheets
    • Embedding a Style Sheet
    • Importing an External Style Sheet
    • Importing Multiple Style Sheets
    • Linking to an External Style Sheet
    • M
  • 10

    Selectors and the Cascade:

    • Understanding Selectors
    • Using ID Selectors
    • Using Class Selectors
    • Using Grouped Selectors
    • Using Descendant Selectors
    • Looking for the Sources of Styles
    • Resolving Style Conflicts with Specificity
    • Using the Important Declaration
umairWeb Developement