A web site is a presentation, communication, learning, and marketing tool. A browser helps users browse websites by providing a medium for URLs and communication paths between internet users. When designing a website, it is important to consider the purpose, target audience, ways to bring users back, and where users will access the site. Effective website design follows rules like prioritizing users over designers, making visual content relate to site function, and respecting web conventions. The document provides guidance on using tools like Dreamweaver to design pages, with reminders about using tables for layout, file naming conventions, and examples of static and dynamic page types.

1. By Debabarata Sahu
www.webdesiznpro.com
www.webdesiznpro.com

2. 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;
www.webdesiznpro.com

3. introduction why examples
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 ;
www.webdesiznpro.com

4. introduction why examples
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?
www.webdesiznpro.com

5. introduction why examples
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.
www.webdesiznpro.com

6. introduction why examples
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.
www.webdesiznpro.com

7. introduction why examples
Step 3
www.webdesiznpro.com

8. introduction why examples
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”
www.webdesiznpro.com

9. introduction why examples
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.
www.webdesiznpro.com

10. introduction why examples
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

11. introduction why examples
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.
www.webdesiznpro.com

12. 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!!!
www.webdesiznpro.com

13. introduction why examples
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.
www.webdesiznpro.com