Introduction of Web Techonolgy

Transcript

1. Web Technology
2. WEB TECHNOLOGY  Presented by: R.V. Kumbhar  Class: SY CSE  Subject: Web Technology  College: Sharad Institute of Technology college of Engineering ,Yadrav
3. Introduction to Web Technology  Web Technology refers to technologies used to create and run websites and web applications.  It allows users to access information through the Internet.  It includes HTML, CSS, JavaScript, web servers, databases, and networking technologies.  Examples: Google, YouTube, Amazon, Online Banking.
4. What is the World Wide Web?  The World Wide Web (WWW) is a collection of interconnected web pages.  Web pages are accessed using the Internet.  A web browser is used to view websites.  Examples of browsers:  Google Chrome  Mozilla Firefox  Microsoft Edge  Safari
5. Basic Web Architecture:  User → Web Browser → Web Server → Database  Client: User's device/browser.  Web Server: Processes requests.  Database: Stores application data.  Response: Server sends requested information back to the user.
6. Client-Server Architecture  Client sends a request.  Server receives and processes the request.  Server may communicate with a database.  Server sends the result back to the client.  Example: When you open YouTube, your browser sends a request to YouTube's server.
7. HTML  HTML – HyperText Markup Language  Used to create the structure of a web page.  Uses tags and elements.  Can create:  Headings  Paragraphs  Images  Links  Tables  Forms Example: <h1>Welcome</h1> <p>This is my webpage.</p>
8. CSS  CSS – Cascading Style Sheets  Used to design and style web pages.  Controls:  Colors  Fonts  Spacing  Borders  Layout  Responsive design h1 { color: blue; text-align: center; }
9. JavaScript  JavaScript is a scripting/programming language used on web pages.  Makes websites interactive and dynamic.  Used for:  Form validation  Buttons  Animations  Calculations  Dynamic content  Example:  alert("Welcome to Web Technology!");
10. Frontend and Backend  Frontend  Part visible to the user.  Technologies: HTML, CSS, JavaScript  Runs mainly in the browser.  Backend  Works behind the scenes.  Handles business logic and data.  Technologies: Java, Python, PHP, Node.js, .NET
11. Thank you