0% found this document useful (0 votes)
25 views4 pages

Web Technology Fundamentals Guide

The document provides an overview of web technology, covering fundamental concepts such as the Internet, Intranet, and WWW, as well as the differences between static and dynamic web pages. It explains client-server architecture, HTTP protocols, and the evolution of the web from Web 1.0 to Web 3.0. Additionally, it introduces HTML, detailing its structure, text formatting, navigation, multimedia integration, and the use of semantic HTML for improved accessibility and SEO.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
25 views4 pages

Web Technology Fundamentals Guide

The document provides an overview of web technology, covering fundamental concepts such as the Internet, Intranet, and WWW, as well as the differences between static and dynamic web pages. It explains client-server architecture, HTTP protocols, and the evolution of the web from Web 1.0 to Web 3.0. Additionally, it introduces HTML, detailing its structure, text formatting, navigation, multimedia integration, and the use of semantic HTML for improved accessibility and SEO.
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Web Technology Notes

Unit 1: Introduction to Web Technology

1.1 Web Basics

1.1.1 Internet, Intranet, WWW

- Internet: A global network connecting millions of private, public, academic, and government

networks.

- Intranet: A private network within an organization for secure communication.

- WWW (World Wide Web): A system of interlinked hypertext documents accessed via browsers.

1.1.2 Static and Dynamic Web Pages

- Static Web Pages: Fixed content; doesn't change unless manually updated.

- Dynamic Web Pages: Content changes dynamically based on user interaction or server

response.

1.1.3 Web Clients

- Applications (e.g., browsers) that send requests to servers and display responses.

1.1.4 Web Servers

- Software/hardware processing client requests and delivering web content.

1.2 Client-Server Architecture

1.2.1 Single-Tier Architecture

- All components (UI, logic, and database) run on the same machine.

1.2.2 Two-Tier Architecture

- Divided into client-side (UI) and server-side (logic + database).

1.2.3 Multi-Tier Architecture

- Additional layers like application servers for scalability and security.


1.3 HTTP: HTTP Request and Response

- HTTP is a protocol for transferring data between clients and servers.

- Request: Message from client containing method, URL, and headers.

- Response: Server's reply with status code, headers, and content.

1.4 URL (Uniform Resource Locator)

- Web address specifying the location of a resource on the Internet.

1.5 Client-Side Scripting

- Code executed on the user's browser (e.g., JavaScript).

1.6 Server-Side Scripting

- Code executed on the server for generating dynamic web pages (e.g., PHP, [Link]).

1.7 Web 1.0, Web 2.0, and Web 3.0

- Web 1.0: Static websites (read-only).

- Web 2.0: Dynamic, interactive websites (read-write).

- Web 3.0: Decentralized, AI-powered web (read-write-execute).

Unit 2: HyperText Markup Language (HTML)

2.1 Introduction to HTML

- HTML is the standard language for creating web pages using tags.

2.2 Document Structure

- Basic structure of an HTML document:


<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

Content goes here.

</body>

</html>

2.3 Text Formatting

- Tags for formatting text:

- Headings: <h1> to <h6>

- Bold: <b> or <strong>

- Italics: <i> or <em>

- Paragraph: <p>

- Line Break: <br>

2.4 Links and Navigation

- Links are created using the <a> tag:

<a href="[Link] here</a>

2.5 Hyperlinks

- Internal, external, and anchor links for navigation.

2.6 Images and Multimedia

- Adding images: <img src="[Link]" alt="Description">


- Embedding multimedia: <audio> and <video> tags.

2.7 Lists, Tables, Forms, and Input

- Lists: Ordered (<ol>), unordered (<ul>), definition (<dl>).

- Tables: <table>, <tr>, <td>, <th>.

- Forms and Inputs:

<form action="/submit" method="post">

<input type="text" name="username">

<input type="submit" value="Submit">

</form>

2.8 Semantic HTML

- Use semantic tags like <header>, <footer>, <article>, <section>, <nav> for better accessibility

and SEO.

Common questions

Powered by AI

Intranet systems are private networks used strictly within an organization for secure internal communication and data sharing. Unlike the global and open Internet, intranets restrict access to authorized users only, providing greater control over data and communication security. Organizations implement intranets to streamline operations, enhance communication efficiency, and protect sensitive information from external threats .

Client-side scripting is executed on the web browser, allowing for immediate response to user actions, affecting elements directly without needing to communicate with the server. JavaScript is a common language used here. Server-side scripting is performed on the server, enabling the generation of dynamic web pages and the handling of user requests, often involving back-end languages like PHP or Node.js. These scripts facilitate dynamic content delivery and data handling, enhancing user experience and functionality .

Web 1.0 was characterized by static, read-only websites providing limited user interaction. The shift to Web 2.0 introduced dynamic, interactive websites, enabling user-generated content and social networking, creating a read-write web. Web 3.0, often referred to as the semantic web, further transforms this by incorporating decentralization and AI capabilities, allowing users to read, write, and execute actions seamlessly across the web with more personalized and intelligent interactions .

HTTP requests and responses are fundamental to web communication. An HTTP request, initiated by a web client, includes a method, URL, and headers and serves as the medium by which a client requests a resource from a server. The server responds with an HTTP response, which contains status codes, headers, and usually the requested content. This exchange enables the transfer of documents and data across the WWW, facilitating seamless communication between web clients and servers .

Static web pages have fixed content that remains the same unless it is manually updated. They do not change in response to user interactions or server responses. Conversely, dynamic web pages contain content that can change dynamically based on user interactions or server-side activities, providing a more interactive experience for the user .

Semantic HTML tags, such as <header>, <footer>, <article>, <section>, and <nav>, provide meaning to the web content beyond mere visual instructions. They improve accessibility by aiding screen readers in understanding the document structure, and enhance SEO by allowing search engines to better index and rank web pages, thus boosting visibility and user experience .

A basic HTML document starts with a document type declaration <!DOCTYPE html> followed by the <html> element, constituting the root element. Inside <html>, <head> contains meta-information such as <title>, and <body> includes the content rendered by browsers. This structure sets the foundation for building organized and accessible web pages .

Single-tier architecture involves all application components like the UI, business logic, and database operating on a single machine. It's simple and suitable for small applications but lacks scalability and separation of concerns. In contrast, multi-tier architecture divides application components across different layers, such as client-side UI, application servers, and databases. This separation allows better scalability, maintenance, and security, making it ideal for larger and more complex systems .

In client-server architecture, web clients, typically browsers, send requests to the web servers to access web resources. The web server's role is to process these requests, execute necessary server-side scripts if applicable, and deliver the requested web content back to the client. This interaction facilitates data transmission and user interaction within the decentralized network of the internet .

In HTML, internal hyperlinks navigate within the same website using relative URLs, helping users explore different sections. External hyperlinks use absolute URLs to connect with resources on other websites, facilitating external content access. Anchor links are used for quick navigation within the same page by linking to specific elements marked with id attributes. All these hyperlink types enhance site usability and user navigation efficiency .

You might also like