SlideShare una empresa de Scribd logo
1 de 21
Descargar para leer sin conexión
Mohamed Elabnody
Web Design (Tools)
http://www.Elabnody.net
Elabnody@msn.com
Lecture (2)
2013
Web Design (Tools)
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
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
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
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
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
2.1 Basic Concept
 Types of Web Sites are:
 Personal,
 Organizational
 and Commercial
www.elabnody.net 8
2.2 How the web work
www.elabnody.net 9
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.net 10
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
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>
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
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
Sothink Widgets
www.elabnody.net 15
Banner Maker
www.elabnody.net 16
Animation Online
(http://www.animationonline.com/ )
Banner Maker
www.elabnody.net 17
Cool Text
(http://www.cooltext.com/ )
Banner Maker
www.elabnody.net 18
Media Maker - 3DTextMaker
(http://www.3dtextmaker.com/ )
www.elabnody.net 19
2.6 Web Design Free Tools
 Joomla (CMS)
 Word Press
www.elabnody.net 120
21www.elabnody.net
HTML 4.0

Más contenido relacionado

La actualidad más candente

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1Shahrzad Peyman
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first courseVlad Posea
 
How to build a website
How to build a websiteHow to build a website
How to build a websiteBloxup
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentRandy Connolly
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web designdswebdesign
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & WebpageZeeshan Alam
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designingsreejagiri
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introductionshaojung
 
Introduction to Web Programming
Introduction to Web ProgrammingIntroduction to Web Programming
Introduction to Web ProgrammingYnon Perek
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design PrinciplesMukesh Tekwani
 

La actualidad más candente (20)

Web Design & Development - Session 1
Web Design & Development - Session 1Web Design & Development - Session 1
Web Design & Development - Session 1
 
Basics of the Web Platform
Basics of the Web PlatformBasics of the Web Platform
Basics of the Web Platform
 
WEBSITE
WEBSITEWEBSITE
WEBSITE
 
Introduction to Web Programming - first course
Introduction to Web Programming - first courseIntroduction to Web Programming - first course
Introduction to Web Programming - first course
 
How to build a website
How to build a websiteHow to build a website
How to build a website
 
WEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web DevelopmentWEB I - 01 - Introduction to Web Development
WEB I - 01 - Introduction to Web Development
 
Principles of web design
Principles of web designPrinciples of web design
Principles of web design
 
Introduction to php
Introduction to phpIntroduction to php
Introduction to php
 
Php Presentation
Php PresentationPhp Presentation
Php Presentation
 
WWW, Website & Webpage
WWW, Website & WebpageWWW, Website & Webpage
WWW, Website & Webpage
 
Presentation of web designing
Presentation of web designingPresentation of web designing
Presentation of web designing
 
Semantic web
Semantic webSemantic web
Semantic web
 
Web Application Introduction
Web Application  IntroductionWeb Application  Introduction
Web Application Introduction
 
World Wide Web (WWW)
World Wide Web (WWW)World Wide Web (WWW)
World Wide Web (WWW)
 
Java J2EE
Java J2EEJava J2EE
Java J2EE
 
world wide web
world wide webworld wide web
world wide web
 
IIS
IISIIS
IIS
 
World wide web
World wide webWorld wide web
World wide web
 
Introduction to Web Programming
Introduction to Web ProgrammingIntroduction to Web Programming
Introduction to Web Programming
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
 

Similar a Web Design (Tools)

Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonMukalele Rogers
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREjatin batra
 
Web development ppt
Web development pptWeb development ppt
Web development pptParasJain222
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptxPalash Sukla Das
 
Presentation on web designing
Presentation on web designingPresentation on web designing
Presentation on web designingNidhi Sharma
 
Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?anubhavdoodleblue123
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development PresentationTurnToTech
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxssuser485fb2
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.JohnLagman3
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxSHAIKIRFAN715544
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxsitesite4
 
WP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptWP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptGFGCKCSKOLAR
 
Codeigniter, a MVC framework for beginner
Codeigniter, a MVC framework for beginnerCodeigniter, a MVC framework for beginner
Codeigniter, a MVC framework for beginneraminbd
 

Similar a Web Design (Tools) (20)

Web development
Web developmentWeb development
Web development
 
Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lesson
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
 
Web development ppt
Web development pptWeb development ppt
Web development ppt
 
CODE IGNITER
CODE IGNITERCODE IGNITER
CODE IGNITER
 
Basics of Web Development.pptx
Basics of Web Development.pptxBasics of Web Development.pptx
Basics of Web Development.pptx
 
Presentation on web designing
Presentation on web designingPresentation on web designing
Presentation on web designing
 
Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?
 
Web Development Presentation
Web Development PresentationWeb Development Presentation
Web Development Presentation
 
webdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptxwebdevelopmentppt-210923044639 (1).pptx
webdevelopmentppt-210923044639 (1).pptx
 
Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.Web-Development Powerpoint Presentation.
Web-Development Powerpoint Presentation.
 
Web Programming Assignment
Web Programming AssignmentWeb Programming Assignment
Web Programming Assignment
 
Web Design Guide
Web Design Guide Web Design Guide
Web Design Guide
 
Beyond The MVC
Beyond The MVCBeyond The MVC
Beyond The MVC
 
uuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptxuuserinterfacewebdevelopmentnewoneppt.pptx
uuserinterfacewebdevelopmentnewoneppt.pptx
 
webdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptxwebdevelopmentppt-210923044639 (1) (1).pptx
webdevelopmentppt-210923044639 (1) (1).pptx
 
WP SESSION 2 PPT.ppt
WP SESSION 2 PPT.pptWP SESSION 2 PPT.ppt
WP SESSION 2 PPT.ppt
 
Web development
Web developmentWeb development
Web development
 
Codeigniter, a MVC framework for beginner
Codeigniter, a MVC framework for beginnerCodeigniter, a MVC framework for beginner
Codeigniter, a MVC framework for beginner
 
UI Web Development.pptx
UI Web Development.pptxUI Web Development.pptx
UI Web Development.pptx
 

Último

The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17Celine George
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfYu Kanazawa / Osaka University
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxAditiChauhan701637
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...Nguyen Thanh Tu Collection
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17Celine George
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptxraviapr7
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsEugene Lysak
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxEduSkills OECD
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and stepobaje godwin sunday
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice documentXsasf Sfdfasd
 

Último (20)

The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17How to Use api.constrains ( ) in Odoo 17
How to Use api.constrains ( ) in Odoo 17
 
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdfP4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
P4C x ELT = P4ELT: Its Theoretical Background (Kanazawa, 2024 March).pdf
 
In - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptxIn - Vivo and In - Vitro Correlation.pptx
In - Vivo and In - Vitro Correlation.pptx
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
CHUYÊN ĐỀ DẠY THÊM TIẾNG ANH LỚP 11 - GLOBAL SUCCESS - NĂM HỌC 2023-2024 - HK...
 
How to Solve Singleton Error in the Odoo 17
How to Solve Singleton Error in the  Odoo 17How to Solve Singleton Error in the  Odoo 17
How to Solve Singleton Error in the Odoo 17
 
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptxClinical Pharmacy  Introduction to Clinical Pharmacy, Concept of clinical pptx
Clinical Pharmacy Introduction to Clinical Pharmacy, Concept of clinical pptx
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
The Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George WellsThe Stolen Bacillus by Herbert George Wells
The Stolen Bacillus by Herbert George Wells
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptxPISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
PISA-VET launch_El Iza Mohamedou_19 March 2024.pptx
 
Finals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quizFinals of Kant get Marx 2.0 : a general politics quiz
Finals of Kant get Marx 2.0 : a general politics quiz
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
General views of Histopathology and step
General views of Histopathology and stepGeneral views of Histopathology and step
General views of Histopathology and step
 
The Singapore Teaching Practice document
The Singapore Teaching Practice documentThe Singapore Teaching Practice document
The Singapore Teaching Practice document
 

Web Design (Tools)

  • 1. Mohamed Elabnody Web Design (Tools) http://www.Elabnody.net Elabnody@msn.com Lecture (2) 2013
  • 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
  • 16. Banner Maker www.elabnody.net 16 Animation Online (http://www.animationonline.com/ )
  • 17. Banner Maker www.elabnody.net 17 Cool Text (http://www.cooltext.com/ )
  • 18. Banner Maker www.elabnody.net 18 Media Maker - 3DTextMaker (http://www.3dtextmaker.com/ )
  • 20. 2.6 Web Design Free Tools  Joomla (CMS)  Word Press www.elabnody.net 120