Web Design (Tools)


Published on


Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web Design (Tools)

  1. 1. Mohamed ElabnodyWeb Design (Tools)http://www.Elabnody.netElabnody@msn.comLecture (2)2013
  2. 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. 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. 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. 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. 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. 7. 2.1 Basic Concept Types of Web Sites are: Personal, Organizational and Commercialwww.elabnody.net 8
  8. 8. 2.2 How the web workwww.elabnody.net 9RequestWeb BrowserClientServerhttp://
  9. 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. 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. 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. 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. 13. 2.5 Tools for creating Websites:www.elabnody.net 14HTMLHypertextMarkupLanguageEditorsShare PointDreamweaveFlashCSSCascading StyleSheetsXMLExtensibleMarkupLanguageWMLWirelessMarkupLanguage
  14. 14. Sothink Widgetswww.elabnody.net 15
  15. 15. Banner Makerwww.elabnody.net 16Animation Online(http://www.animationonline.com/ )
  16. 16. Banner Makerwww.elabnody.net 17Cool Text(http://www.cooltext.com/ )
  17. 17. Banner Makerwww.elabnody.net 18Media Maker - 3DTextMaker(http://www.3dtextmaker.com/ )
  18. 18. www.elabnody.net 19
  19. 19. 2.6 Web Design Free Tools Joomla (CMS) Word Presswww.elabnody.net 120
  20. 20. 21www.elabnody.netHTML 4.0