Download as PDF, PPTX
![“ How is web development?” [1] “an introduction” Mohammed Safwat Freelancer Web Developer](https://image.slidesharecdn.com/intro-090709103027-phpapp01/75/Introduction-to-web-development-1-2048.jpg)
Uploaded byMohammed Safwat
Introduction to web development
This document provides an overview of web development. It begins with an introduction and outlines a series on the topic, covering basic design tools, logic tools, and tweaks needed. It then defines web applications, describes the evolution of web development from static to dynamic pages, and explains how requests are made and website structure. It also covers the basic web development process, reasons for multiple browsers, and differences between static and dynamic web pages. Finally, it discusses dynamic web technologies and frameworks.
In this document
Powered by AI
Introduction to web development presented by freelancer Mohammed Safwat.
Overview of web development series, covering introduction, design tools, logic tools, and necessary tweaks.
Web applications encompass all applications hosted within a web browser.
Web development evolved from static pages to dynamic content, driven by users' publishing needs.
A slide indicating the discussion point about how web requests are processed.
Website structure includes HTML files, images, object files, and server-side scripts like PHP.
Core steps of web development: create HTML, local testing, upload to server, and final testing.
Challenges posed by different browsers displaying HTML differently; importance of HTML standards.
A slide dedicated to the market share of various web browsers.
Comparison between static HTML files and dynamic web pages processed by server-side programs.
List of technologies like ASP, PHP, and Ruby on Rails that generate HTML on servers.
Pre-existing frameworks like CMS and blog engines facilitate faster and easier web development.
Planned advanced sessions for web development including PHP courses and ground-up web projects.
Introduction to web development
- 1. “ How is web development?” [1] “an introduction” Mohammed Safwat Freelancer Web Developer
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 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.
- 10. Website Structure Image files Links to other Java serverside Script scripts
- 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. 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. 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.
- 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.
- 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. Web Frameworks More and More web works is being done using preexisting 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.
- 20. Coming Advanced session for web development. Groundup web project. PHP course. www.depiak.catreloaded.net www.manseng.com/vb