Your SlideShare is downloading. ×
0
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Web Design (Tools)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Web Design (Tools)

161

Published on

http://elabnody.net/learn/wd/WD_CH02_Tools.pdf

http://elabnody.net/learn/wd/WD_CH02_Tools.pdf

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
161
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mohamed ElabnodyWeb Design (Tools)http://www.Elabnody.netElabnody@msn.comLecture (2)2013
  • 2. Outline Basic Concept How the web work How browser display web pages Web site components Tools for creating Web sites Web Design Free Toolswww.elabnody.net 3
  • 3. Introduction Web design encompasses many different skillsand disciplines in the production andmaintenance of websites. The different areas of web design include web graphic design; interface design; authoring, including standardized code andproprietary software; user experience design; and search engine optimization. Often many individuals will work in teamscovering different aspects of the designprocess, although some designers will coverthem all.www.elabnody.net 4
  • 4. 2.1 Basic Concept The World Wide Web (WWW or Web) is a :graphical interface that utilizes the Internet todistribute and retrieve information A Web site is a : collection of linked Webpages, Starts with a home page and Pages arelinked together with a hyperlink, or link A Web browser is a : specific softwareprogram required to display Web pageswww.elabnody.net 5
  • 5. 2.1 Basic Concept Access Web pages by entering its UniformResource Locator (URL) into the Web browser’saddress bar Search Engine is a Software programs thatfind Web sites and Web pages Entertainment web sites include : music,videos, sports, games, and morewww.elabnody.net 6
  • 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 sites activityreserved to the network and these subsequentcommercial means as there several suffixes withvarious activities such as:www.elabnody.net 7Gov Com Net Org EduGovernment commercial networks Organizations educational
  • 7. 2.1 Basic Concept Types of Web Sites are: Personal, Organizational and Commercialwww.elabnody.net 8
  • 8. 2.2 How the web workwww.elabnody.net 9RequestWeb BrowserClientServerhttp://
  • 9. 2.2 How the web work Web information stored in documentscalled Web Pages Web pages are files stored in computerscalled web servers Web servers that read web pages calledWeb clients Browser brings web pages from the serverby requesting Requestwww.elabnody.net 10
  • 10. 2.2 How the web work To get to any site on the web you mustknow the address first ?! The address is: ahyperlink destination is encoded UniformResource Locator (URL )hyperlink isdivided into basic parts The title of the page form ishttp://www.microsoft.com/office/office2010.aspx Where www.microsoft.com represents theserver name, and / office / represents thePath, and office2010.aspx represent filenamewww.elabnody.net 11
  • 11. 2.3 How Browser display webpages?www.elabnody.net 12<html><head><title>Welcome !! </title></head><body><p>This is my first webpage</p></body></html>
  • 12. 2.4 Web site components The Web site consists of:1. Storage Space:Which you booked to view your fileson the Internet ... As set in the harddisk space Hard Disk on your PC tostore files and data2. Domain NameA name that is written in thebrowser to go to the site, such aswww.elabnody.netwww.elabnody.net 13
  • 13. 2.5 Tools for creating Websites:www.elabnody.net 14HTMLHypertextMarkupLanguageEditorsShare PointDreamweaveFlashCSSCascading StyleSheetsXMLExtensibleMarkupLanguageWMLWirelessMarkupLanguage
  • 14. Sothink Widgetswww.elabnody.net 15
  • 15. Banner Makerwww.elabnody.net 16Animation Online(http://www.animationonline.com/ )
  • 16. Banner Makerwww.elabnody.net 17Cool Text(http://www.cooltext.com/ )
  • 17. Banner Makerwww.elabnody.net 18Media Maker - 3DTextMaker(http://www.3dtextmaker.com/ )
  • 18. www.elabnody.net 19
  • 19. 2.6 Web Design Free Tools Joomla (CMS) Word Presswww.elabnody.net 120
  • 20. 21www.elabnody.netHTML 4.0

×