Web Design (Tools)
-
Upload
mohamed-elabnody -
Category
Education
-
view
164 -
download
0
description
Transcript of Web Design (Tools)
Mohamed Elabnody
Web Design (Tools)
http://www.Elabnody.net
Lecture (2)
2013
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.net3
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.net4
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.net5
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.net6
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.net7
Gov Com Net Org Edu
Government commercial networks Organizations educational
2.1 Basic Concept
Types of Web Sites are:
Personal,
Organizational
and Commercial
www.elabnody.net8
2.2 How the web work
www.elabnody.net9
Request
Web Browser
ClientServer
http://
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.net10
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.net11
2.3 How Browser display web
pages?
www.elabnody.net12
<html>
<head>
<title>Welcome !! </title>
</head>
<body>
<p>
This is my first webpage
</p>
</body>
</html>
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.net13
2.5 Tools for creating Web
sites:
www.elabnody.net14
HTMLHypertext
Markup Language
Editors
Share Point
Dreamweave
Flash
CSSCascading Style
Sheets
XMLExtensible
Markup Language
WMLWireless Markup
Language
Sothink Widgets
www.elabnody.net15
Banner Maker
www.elabnody.net16
Animation Online
(http://www.animationonline.com/ )
Banner Maker
www.elabnody.net18
Media Maker - 3DTextMaker
(http://www.3dtextmaker.com/ )
www.elabnody.net19
2.6 Web Design Free Tools
Joomla (CMS)
Word Press
www.elabnody.net120
21www.elabnody.net
HTML 4.0