Introduction to Web Technology
Web technology refers to the tools and techniques used to communicate
between different devices over the internet. It encompasses various
programming languages, frameworks, libraries, and tools that enable the
creation, deployment, and management of websites and web applications.
Web technologies are essential for building interactive, scalable, and
dynamic online platforms that cater to diverse user needs.
Five Programming Languages and Frameworks Used for
Web Development
1. JavaScript: A versatile scripting language used for creating interactive
and dynamic web content.
2. Python: Popular for backend development, often paired with
frameworks like Django or Flask.
3. PHP: A server side scripting language widely used for building dynamic
websites.
4. Ruby on Rails: A web application framework written in Ruby, known for
its developer friendly conventions.
5. React: A JavaScript library for building user interfaces, often used in
Single Page Applications (SPAs).
Libraries and Databases Used in Web Development
Libraries:
1. [Link]
2. jQuery
3. Angular
4. Lodash
5. [Link]
Databases:
1. MySQL
2. MongoDB
3. PostgreSQL
4. SQLite
5. Firebase
Definition of CMS with Example
A Content Management System (CMS) is software that enables users to
create, manage, and modify content on a website without requiring
specialized technical knowledge. Examples of CMS include WordPress,
Joomla, and Drupal.
HTML and Its Structure
HTML (HyperText Markup Language) is the standard language for creating
and designing web pages. It uses a series of elements and tags to
structure and display content on the web. The basic structure of an HTML
document is as follows:
< html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Welcome to HTML</h1>
<p>This is a paragraph.</p>
</body>
</html>
Features of HTML
1. Platform independent.
2. Easy to learn and use.
3. Supports multimedia integration.
4. Enables hyperlinking to connect pages.
5. Forms the backbone of web pages.
HTML Form and Its Elements
HTML forms are used to collect user input and send it to the server for
processing. A form is created using the <form> tag. Ten common form
elements and their syntax are listed below:
1. Text Input: <input type="text" name="username">
2. Password Input: <input type="password" name="password">
3. Radio Button: <input type="radio" name="gender" value="male">
Male
4. Checkbox: <input type="checkbox" name="hobby" value="reading">
Reading
5. Submit Button: <input type="submit" value="Submit">
6. Reset Button: <input type="reset" value="Reset">
7. Dropdown List: <select name="country"><option
value="usa">USA</option></select>
8. Textarea: <textarea name="message"></textarea>
9. File Input: <input type="file" name="profile">
10. Hidden Field: <input type="hidden" name="userid" value="1234">
Types of Tags in HTML
1. Container Tags: These tags have an opening and closing pair, e.g.,
<div>...</div>.
2. Empty Tags: These tags do not have a closing pair, e.g., <img
src="[Link]">.
Example:
html
<p>This is a container tag.</p>
<img src="[Link]" alt="Example"> <! This is an empty tag >
Layout of HTML
The layout of an HTML document is defined using elements like
<header>, <nav>, <main>, <aside>, and <footer>. These semantic
tags help structure content logically:
html
<header>
<h1>Website Header</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</nav>
<main>
<section>
<h2>Main Content</h2>
<p>This is the main section.</p>
</section>
</main>
<footer>
<p>Footer Information</p>
</footer>
CSS and Its Uses
CSS (Cascading Style Sheets) is a stylesheet language used to control the
appearance and layout of web pages. It separates content (HTML) from
presentation, enhancing flexibility and maintainability.
Uses:
1. Defines colors, fonts, and styles.
2. Controls layout and spacing.
3. Enables responsive designs.
4. Provides consistency across web pages.
Types of CSS
1. Inline CSS: Applied directly to an element using the style attribute.
html
<p style="color: blue;">This is blue text.</p>
2. Internal CSS: Defined within a <style> tag in the <head> section.
html
<style>
p { color: green; }
</style>
3. External CSS: Stored in a separate file with a .css extension and linked
to the HTML.
html
<link rel="stylesheet" href="[Link]">
Definitions
1. Web Page: A document accessible on the web, written in
HTML and viewed in a browser.
2. Website: A collection of related web pages hosted under a single
domain.
3. Client Side: Refers to operations performed on the user's
device
4. Server Side: Refers to operations performed on the server
5. Front End: The user facing part of a website, built using
HTML, CSS, and
6. Back End: The server side part of a website, involving
databases, application
7. Web Hosting: The service of providing storage and access to websites
on the internet.
