Your SlideShare is downloading. ×
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)

152

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
152
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

×