Web Concepts By Ishaq Shinwari

Designing a web site needs careful thinking and planning

The most important thing is to KNOW YOUR AUDIENCE

You Must Design website according to user requirements

Web Designing

A typical visitor will NOT read the entire content of your Web page

Be sure to make your point in the very first sentence of the page! After that, try to keep the user occupied with short paragraphs

Users are Scanners

Keep the paragraphs as short as possible. Keep the pages as short as possible. Keep the chapters as short as possible. Use a lot of space! Pages overloaded with

text will kill your audience. If you have a lot to say, break your

information into smaller chunks and place it on different pages

Less is More

Create a consistent navigation(direction finding) structure that is used by all the pages in your Web site.

Don't use hyperlinks inside each paragraph.

If you must use hyperlinks, add them to the bottom of a paragraph, or to the menu.

Navigation

Sometimes developers are not aware of the fact that some pages take a long time to download.

Most visitors will leave a Web page that takes more than 7 seconds to download.

Test your web pages over a low-speed modem connection. If your pages take a long time to download, consider removing graphic or multimedia content.

Downloading Speed

Feedback is a very good thing! Your visitors are your "customers". Often

they will give you some valuable hints about what you could have done better.

Provide a simple way to reach you, and you will get a lot of input from people with different skills and knowledge.

Use comments, likes, testimonial(reference,recomindation) or feedback

Let your Audience Speak!

Not everyone on the internet has the same monitor as you.

If you design a Web site to be displayed on a monitor with a high resolution, visitors with lower resolution monitors (like 800x600) might have problems reading your pages.

Make sure you test your Web site on different monitors.

Visitor's Monitor

Don't forget to test your Web site on different browsers.

The most popular browsers today are Internet Explorer, Firefox and Google Chrome.

One wise thing to do when designing Web pages is to use correct HTML. Correct coding will help the browsers to display your pages correctly.

What Browsers Do They Use?

To make internet a better place, for both developers and visitors, it is important that both browsers and Web developers follow the Web standards.

When developers follow the Web standards, the development is simplified, since it is easier for a developer to understand another's coding.

Why Web Standards?

Web 1.0 web 2.0 web 3.0 web 4.0

Web Technology

The first implementation of the web represents the Web 1.0, which, "read-only web." (from1990-2000)

the early web allowed us to search for information and read it.

However, this is exactly what most website owners wanted: Their goal for a website was to establish an online presence and make their information available to anyone at any time

Web 1.0

Currently, we are seeing the infancy(start) of the Web 2.0, or the "read-write" web

The newly-introduced ability to contribute content and interact with other web users has dramatically(naturally) changed the landscape of the web in a short time.

For example, just look at YouTube and MySpace, which rely on user submissions(plane)

A Good Response from user

Web2.0

The Web 3.0 "read-write-execute" web. Web 3.0 — semantic markup and web

services. Semantic markup refers to the

communication gap between human web users and computerized applications.

Web 3.0

“My mouse is broken. I need a new one”…

Semantic Web

Computer does not understand Meaning

Red Car with Blue Door

Google Maps is a Google service offering powerful, user-friendly mapping technology and local business information -- including business locations, contact information, and driving directions. With Google Maps,

Google Maps

you'll enjoy the following unique features: Integrated business search results - Find business locations and contact information all in one location, integrated on the map. For example, if you search for [ pizza in Kabul], locations of relevant listings and phone numbers appear on the map. You can also view additional information like hours of operation, types of payment accepted, and reviews.

A Mashup is a Web page or application that uses and combines data, presentation or functionality from two or more sources to create new services.

To be able to permanently access the data of other services.

Mashup

Mashups can be considered to have an active role in the evolution of Web 2.0.

Example:igoogle (http://www.google.com/ig)

Mashups