Web Design (Tools)
•
0 likes•772 views
This document discusses web design tools and concepts. It begins with an introduction to the different areas of web design such as graphic design, user experience design, and search engine optimization. It then covers basic concepts like how the web works with clients and servers, and how browsers display web pages. Next, it outlines common web site components like storage space and domain names. The document concludes by listing both paid and free tools that can be used for creating websites, such as HTML editors, Flash, and open-source content management systems like Joomla and WordPress.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Web Design (Tools)
Similar to Web Design (Tools) (20)
Recently uploaded
Recently uploaded (20)
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