DIWE - Introduction to Web Technologies

Diploma in Web Engineering

Module I: Introduction to Web Technologies

Rasan SamarasingheESOFT Computer Studies (pvt) Ltd.No 68/1, Main Street, Pallegama, Embilipitiya.

Content

1. What is “Web” ?2. HTML (HyperText Markup Language)3. Web Developers Knowledge Areas4. Nature of the Web5. Current Trends in Web Development6. Tools and Technologies7. Web Design Concepts8. Color usage on the Web

What is “Web” ?

Web

A way of organizing informatio

n on the internet

Consist of servers, clients, a protocol and html

documents

An interconne

ction between

millions of computers

HTML (HyperText Markup Language)

HTML is the main markup language for creating web pages and other information that can be

displayed in a web browser.

HTML Versions

Version Year

HTML 1991

HTML+ 1993

HTML 2.0 1995

HTML 3.2 1997

HTML 4.01 1999

XHTML 1.0 2000

HTML5 2012

XHTML5 2013

Web Developers Knowledge Areas

You gotta learn…

HTMLCSSClient Side ScriptingServer Side Scripting

Nature of the Web…

The internet is transactional, that means user requests and server responds.

Nature of the Web…

Websites are either static or dynamic in content.

Nature of the Web…

It’s not a broadcast medium. Thus concepts of mass media is not valid for the internet.

Vs

Current Trends in Web DevelopmentSome popular websites then…

Current Trends in Web Development

Data driven content has become more popular

Current Trends in Web Development

Rich content on web pages

Current Trends in Web Development

E-Commerce Development

Intranet Development

Tools and Technologies

WYSIWYG Editors for Web Designing

Microsoft FrontPage Adobe Dreamweaver

Web Design Concepts

Remember…

• The primary objective of good design is giving user a satisfying experience.

• But dazzling user is not our main goal.

• It’s all about giving users what they want.

• Well planned design, quality content and proper use of media can achieve this goal.

Web Design Concepts

Color usage on the Web

Colors are displayed combining RED, GREEN, and BLUE light.

Color usage on the Web

There are two main color numbering formats…

• RGB Color Format• Hexadecimal Color Format

Color Names Supported by All Browsers

Tips for Color Usage on the Web

Make sure website text is readable. Limit the color choices. Make to consider brand guidelines. Use richer colors for prominent items. Keep cultural color meanings in mind. Does it fit with the theme?

The End

http://twitter.com/rasansmn