Webdesign (2)

By Debabarata Sahu
www.webdesiznpro.com

introduction why examples
What is a Web site?
A web site is:A web site is:
a presentation tool;
a way to communicate;
a learning tool;
a teaching tool;
a marketing important
tool;

What is a Browser?
A Browser is:A Browser is:
Which helps to browse
a website;
A url/uri use medium;
a communication path;
An internet user ;

Step 1
Think!
Before you do anything else, you need to
spend time thinking about the 4w’s.
What is the purpose of the web page/site?
Who is your target audience?
What will bring your audience back?
Where will your audience be using the site?

Step 2:Follow The Rules
 To creat a we site you must follow theses rules:
Rule 1:Rule 1: YOU are NOT the USER.YOU are NOT the USER.
• What you understand is not what a user will understand; ask
the users to design the site the way they want.
Rule 2:Rule 2: USERS are NOT PROFESIONALSUSERS are NOT PROFESIONALS
• Users will not think carefully about the new added features in
the Web site without your directions.
Rule 3:Rule 3: Give the common user a little controlGive the common user a little control
• Allow the user some choices and the ability to control color
and themes on their accounts.

Step 2:Follow The Rules
Rule 4Rule 4:: Make sure the visual contents of a site relates toMake sure the visual contents of a site relates to
its function.its function.
 A nice-looking design must enforce the website functionality
Rule 5Rule 5:: Respect GUI and Web interface conventions.Respect GUI and Web interface conventions.
 Designers need to respect conventions of navigation choices,
navigation placement, colors, and so on.
Rule 6Rule 6:: Know and respect the Web and Internet mediumKnow and respect the Web and Internet medium
constraints.constraints.
• Don’t ignore the differences in the emerging Web medium,
color reproduction, bandwidth limitations, and so on.

Step 3

Step 4
Open Website designing tools like
Dreamweaver , FrontPage ,Dreamweaver , FrontPage ,
SeaMonkeySeaMonkey,…and start designing your
web pages.
Save your work often!!!!!!!!
Typically we name the home page in a web site
“index.htmlindex.html”

Some Things to Remember
You do not have the layout control in a web editor that
you do in Word or PowerPoint.
Therefore, the web designers used tablestables to control the
layout out of their pages. If you set the borders of the
table to 0 width, you can't see the outline of the tables in
the web browser.
You will get very frustrated ifYou will get very frustrated if
you try to design a web pageyou try to design a web page
without tables.without tables. Your graphics willYour graphics will
not appear where you want them.not appear where you want them.

Note:Note:
Naming Web Files:
Use all lower case (it will be easier to communicate the
URL to others if it is all lower case).
DO NOT have spaces in file names (some old browsers
cannot handle spaces. You should rename graphic files if
they have spaces)
Try to keep file names as short as possible (this prevents
errors in typing in URLs)
 URL(Universal Resource Locator)= Site Address
ex: URL of hotmail is : www.hotmail.com www.webdesiznpro.com

Types of Web Pages
Any web site composed from a set of web pages:
Some of those pages are static (abstract) pagesstatic (abstract) pages while other pages are
dynamics (proactive) pages.dynamics (proactive) pages.
A dynamic page that will
take user name and
password and check it to
allow login.
A static page with no
interaction that user will
only read and close if.

introduction why examples12
Web Development Languages & Tools
1. HTMLHTML/DHTML/XHTML
2. Java
3. Web Design Tools e.g. FrontpageFrontpage, Dreamweaver.
3. Scripting Languages e.g. VBScript, Javascript
4. Cascading Style Sheets
5. XML
6. …more!!!

Let’s go to build a website
Let’s go to use Microsoft FrontPage.
And learn how to build powerful website
A good adviceA good advice “Don’t reinvent the wheel ““Don’t reinvent the wheel “
•Use pre-designed templates.
• Download lovely icons, backgrounds and images from the internet.
• Use pre-programmed scripts.

Webdesign (2)

More Related Content

What's hot (20)

Similar to Webdesign (2) (20)

Recently uploaded (20)

Webdesign (2)