3. Outline
Basic Concept
How the web work
How browser display web pages
Web site components
Tools for creating Web sites
Web Design Free Tools
www.elabnody.net 3
4. Introduction
Web design encompasses many different skills
and disciplines in the production and
maintenance of websites.
The different areas of web design include
web graphic design;
interface design;
authoring, including standardized code and
proprietary software;
user experience design;
and search engine optimization.
Often many individuals will work in teams
covering different aspects of the design
process, although some designers will cover
them all.
www.elabnody.net 4
5. 2.1 Basic Concept
The World Wide Web (WWW or Web) is a :
graphical interface that utilizes the Internet to
distribute and retrieve information
A Web site is a : collection of linked Web
pages, Starts with a home page and Pages are
linked together with a hyperlink, or link
A Web browser is a : specific software
program required to display Web pages
www.elabnody.net 5
6. 2.1 Basic Concept
Access Web pages by entering its Uniform
Resource Locator (URL) into the Web browser’s
address bar
Search Engine is a Software programs that
find Web sites and Web pages
Entertainment web sites include : music,
videos, sports, games, and more
www.elabnody.net 6
7. 2.1 Basic Concept
URL
www.elabnody.net
WWW: Represents World Wide Web
elabnody: site name reserved on the network
(Domain Name)
.net: suffix determines the type of the site's activity
reserved to the network and these subsequent
commercial means as there several suffixes with
various activities such as:
www.elabnody.net 7
Gov Com Net Org Edu
Government commercial networks Organizations educational
8. 2.1 Basic Concept
Types of Web Sites are:
Personal,
Organizational
and Commercial
www.elabnody.net 8
9. 2.2 How the web work
www.elabnody.net 9
Request
Web Browser
ClientServer
http://
10. 2.2 How the web work
Web information stored in documents
called Web Pages
Web pages are files stored in computers
called web servers
Web servers that read web pages called
Web clients
Browser brings web pages from the server
by requesting Request
www.elabnody.net 10
11. 2.2 How the web work
To get to any site on the web you must
know the address first ?! The address is: a
hyperlink destination is encoded Uniform
Resource Locator (URL )hyperlink is
divided into basic parts
The title of the page form is
http://www.microsoft.com/office/office2010.
aspx
Where www.microsoft.com represents the
server name, and / office / represents the
Path, and office2010.aspx represent filename
www.elabnody.net 11
12. 2.3 How Browser display web
pages?
www.elabnody.net 12
<html>
<head>
<title>Welcome !! </title>
</head>
<body>
<p>
This is my first webpage
</p>
</body>
</html>
13. 2.4 Web site components
The Web site consists of:
1. Storage Space:
Which you booked to view your files
on the Internet ... As set in the hard
disk space Hard Disk on your PC to
store files and data
2. Domain Name
A name that is written in the
browser to go to the site, such as
www.elabnody.net
www.elabnody.net 13
14. 2.5 Tools for creating Web
sites:
www.elabnody.net 14
HTML
Hypertext
Markup
Language
Editors
Share Point
Dreamweave
Flash
CSS
Cascading Style
Sheets
XML
Extensible
Markup
Language
WML
Wireless
Markup
Language