Web Technology BSC 6 Sem
Web Technology BSC 6 Sem
1. Introduction to Internet
The WWW (World Wide Web) is a system of interlinked documents accessible via the
Internet.
Uses Hypertext (HTML), URLs, and HTTP to allow users to browse web pages.
Difference Between the Internet and WWW:
Web 2.0 is the modern, interactive version of the web that allows user participation.
Examples: Social media (Facebook, Twitter), Blogs (WordPress), Online collaboration
(Google Docs).
A web browser is software that allows users to access and interact with websites on the
World Wide Web.
5. Web Protocols
Host: www.example.com
✔ Example: HTTP Response
HTTP/1.1 200 OK
Content-Type: text/html
<html><body>Hello, World!</body></html>
6. Web Servers
A Web Server is a system that processes requests and delivers web pages to users.
<VirtualHost *:80>
ServerName www.example.com
DocumentRoot /var/www/html
</VirtualHost>
6. Website Structure
[ Navigation Menu ]
[ Sidebar (optional) ]
[ Footer ]
---
8. Client-Server Technologies
The client-server model is a system where clients (users’ devices) request services, and
servers (web hosting machines) process these requests.
✔ Server: The back-end system that stores data and processes client requests.
2. The server processes the request and fetches the required data.
← Sends Response ←
Online Banking: Client sends login request, server verifies and responds.
9. Client-Side Tools & Technologies
Client-side development focuses on building the front-end (user interface) that runs on a
user’s browser.
Document.getElementById(“myButton”).onclick = function() {
Alert(“Button Clicked!”);
};
Server-side scripting is backend development, where requests are processed on the web
server before reaching the client.
<?php
$name = $_POST[‘name’];
?>
✔ Example: Node.js Server Code
res.end(‘Hello, World!’);
}).listen(8080);
What is a URL?
A URL (Uniform Resource Locator) is the address of a web page on the internet.
✔ Example of a URL:
https://www.example.com/about.html
✔ Types of URLs:
What is MIME?
MIME types define what type of data is being transferred over the web.
✔ Common MIME Types:
HTTP/1.1 200 OK
Content-Type: text/html
A search engine is a web-based tool that helps users find information online.
SEO improves website ranking in search results by using keywords, backlinks, and fast
page speeds.
A proxy server acts as an intermediary between a client and a web server, improving
security and performance.
HTTP is a communication protocol used for transferring web pages between browsers and
servers.
✔ HTTP vs HTTPS:
✔ HTTP Request Methods:
Host: www.example.com
HTTP/1.1 200 OK
Content-Type: text/html
<html><body>Hello, World!</body></html>
---