Introduction to web development

693
-1

Published on

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
693
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
42
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Introduction to web development

  1. 1. “ How is web development?”   [1]    “an introduction”        Mohammed Safwat     Freelancer Web Developer    
  2. 2.    
  3. 3. “ How is web development?”  Series : 1. An Introduction . 2. Basic Design Tools. 3. Logic Tools . 4. Tweaks you need.    
  4. 4.    
  5. 5. Web Applications web applications refer to all types of  applications in which all or part of them are  hosted within a web browser.    
  6. 6. Evolution of web development Web development has turned from just static  pages , with static contents , to dynamically  generated contents via programs running on  web servers . This turn aroused from the increasing human  needs to publishing on web , thinking in  easier , stable , powerful and smart ways for  developing web.    
  7. 7. How requests is done?    
  8. 8. Website Structure ●  HTML Files  These HTML files may contain client side scripting like  Java scripts. ●  Image files like (GIF and JPG). ●  Object files   They require plugins , like sound , video , flash or java   files ,      etc. ●  Server Side Scripts :  Programs for accessing server based resources like                       Database .   Typically ASP , ASP.net , PHP , JSP , etc .               “life Demo”  
  9. 9. Website Structure    
  10. 10. Website Structure Image files Links to other Java  server­side Script scripts    
  11. 11. Basic Web Development Process 1. Create HTML files. 2. Test locally. 3. Upload to web server. “Via FTP for ex. “ 4. Test it on the web server.                     “life demo”    
  12. 12. Why several browsers? The original intension behind HTML is to describe meaning  not formatting. Every browser adds his own tags. Every browser can vary in how it displays data. CSS and JS vary on browsers.    
  13. 13. Why several browsers? It's impossible to design a web page that looks  the same on all browsers. But you can:   Design for the safest HTML standard.   Test on most current versions of browsers.   Design for current web standards regardless       of browser support.    
  14. 14. Browsers Market Share    
  15. 15. Static VS. Dynamic Web Pages Most web pages that you view are not static  HTML files. They are output from programs that run on  web servers. These programs can interact with server resources like  Databases and XML web services.    
  16. 16. Static VS. Dynamic Web Pages    
  17. 17. Dynamic Web Technologies   ASP   ASP.NET   PHP   ColdFusion   JSP   Ruby on Rails   CGI  All of them generate HTML on the server and  send it back to the requesting browser.    
  18. 18. Web Frameworks   More and More web works is being done            using pre­existing frameworks , such as                Content Management Systems (CMS) and         Blog Engines.     With a framework , you write less , develop         fast , and do more easier web development.    
  19. 19.    
  20. 20. Coming     Advanced session for web development.     Ground­up web project.     PHP course. www.depiak.catreloaded.net www.mans­eng.com/vb    
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×