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 importanttool;

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?

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.

introduction why examples

Step 2:Follow The Rules

Rule 4Rule 4: : Make sure the visual contents of a site Make sure the visual contents of a site relates to its function.relates to its function. A nice-looking design must enforce the website

functionality

Rule 5Rule 5:: Respect GUI and Web interface Respect GUI and Web interface conventions.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 Know and respect the Web and Internet medium constraints.medium constraints.

• Don’t ignore the differences in the emerging Web medium, color reproduction, bandwidth limitations, and so on.

introduction why examples

Step 3

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”

introduction why examples

Some Things to RememberYou 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 if You will get very frustrated if you try to design a web page you try to design a web page without tables.without tables. Your graphics will Your graphics will not appear where you want them. not appear where you want them.

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

introduction why examples

Types of Web Pages

Any web site composed from a set of web pages:Some of those pages are static (abstract) pages static (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 examples11

Web Development Languages & Tools

1. HTMLHTML/DHTML/XHTML2. Java3. Web Design Tools e.g. FrontpageFrontpage, Dreamweaver.3. Scripting Languages e.g. VBScript, Javascript4. Cascading Style Sheets 5. XML6. …more!!!

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 advice A 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. Web Design Calgary by Red CherryCalgary Web Design by Red Cherry