FORMAT

1.
INTRODUCTION
The internship at Adventure Technologies solutions offered a comprehensive web development

experience aimed at equipping interns with essential skills in the field. The program's objectives
were to provide hands-on training in HTML, CSS, JavaScript, which are fundamental
technologies in modern web development. Throughout the internship, the importance of web
development skills in the digital landscape was emphasized, given the increasing demand for
interactive and user-friendly websites. By introducing interns to these technologies, Nxtlogic
software solutions aim to nurture their abilities to create engaging web applications and provide
them with a solid foundation for future careers in web development. The internship's main
theme revolved around the progressive development of web applications using HTML, CSS,
JavaScript. The journey began with an exploration of HTML and CSS, where interns learned
the essentials of website structuring and design. They acquired knowledge on HTML tags,
elements, and attributes to create well-organized and semantically correct web pages. CSS
concepts such as selectors, properties, and media queries were introduced, enabling interns to
design visually appealing and responsive websites. Subsequently, the program delved into
JavaScript, a versatile scripting language that adds interactivity and functionality to webpages.
2. HTML
HTML stands for Hyper Text Markup Language. It is the standard markup language used for
creating web pages and applications. HTML uses tags to structure the content and define the
elements on a webpage. It is the backbone of the World Wide Web and is supported by all web
browsers.
HTML is the foundation of the World Wide Web and is supported by all web browsers. It is
essential creating web pages and applications and plays a central role instructing and organizing
content on the internet.
2.1. HTML Introduction

In this section, we learned the basics of HTML. We understand how HTML documents are
structured and the role of tags in defining the elements of a webpage. We also learned about
the DOCTYPE declaration, which specifies the version of HTML being used, and the basic
structure of an HTML document.
2.2 HTML Tags & Attributes
HTML tags are used to define the structure and content of a web page. Tags are enclosed in
angle brackets (<>) and usually come in pairs - an opening tag and a closing tag. Attributes
provide additional information about the HTML elements and are specified within the opening
tag. Some common HTML tags include <h1>for headings, <p>for paragraphs, <a> for links,
and <img> for images.
2.2.1 HTML Tags
1. `<html>`: Represents the root element of an HTML document.

2. `<head>`: Contains meta data about the HTML document, such as the title, links to
stylesheets and scripts.
3. `<body>`: Contains the content of the HTML document, such as text, images, links, and
other elements.
4. `<h1>`to`<h6>`: Heading tags used to define headings of different levels, with`<h1>`being
the highest level and`<h6>`being the lowest level.
5. `<p>`: Defines a paragraph of text.
6. `<a>`: Creates a hyperlink to another webpage or a specific location within the same page.
7. `<img>`: Inserts an image into the document.
2.2.2. HTML Attributes
1. `class`: Specifies one or more class names for an element, used to apply CSS styles or
identify elements in Java Script.
2. `id`: Assigns a unique identifier to an element, used to refer to the element in Java Script or
CSS.
3. `src`: Specifies the source URL of an image or a media file.
4. `href`: Defines the URL of a hyperlink.
5. `style`: In line CSS styles applied directly to an element.
6. `alt`: Provides alternative text for an image, displayed if the image cannot be loaded.
7. `placeholder`: Specifies a short hint that describes the expected value of an input field.
2.3. HTML Elements and Structures
HTML elements are the building blocks of a web page. They define the different parts and
sections of the content. For example, the <header> element is used to define the header section
of a web page, while the <nav> element is used to define the navigation section. HTML
provides a wide range of elements to structure and organize the content, such as <section>,
<article>, <aside>, <footer>, and more.
2.4.HTML Forms and Input Fields
HTML forms are used to collect user input on a web page. They allow users to enter data and
submit it to a server for processing. Form elements include input fields, checkboxes, radio
buttons, dropdown menus, and buttons. The <form> element is used to create a form, and the
various input elements are placed within it.
3. CSS (Cascading Style Sheets)
CSS stands for Cascading Style Sheets. It is a style sheet language used for describing and
visual appearance of a document written in HTML or XML. CSS allows web designers and
developers to define how the elements of a web page should be displayed on the screen, in
print, or other media types. CSS works by applying styles to HTML elements using selectors.
Selectors target specific elements or groups of elements on a web page and define the rules for
how they should best yield.
3.1. CSS Basics
CSS Basics: CSS is a style sheet language that is used to describe the look and formatting of a
document written in HTML. With CSS, you can define colors, fonts, margins, padding, and
other visual aspects of your web page. CSS uses selectors to target HTML elements and apply
styles to them. For example, you can use the selector "h1" to style all the heading 1 elements
on your page. CSS also supports advanced concepts like pseudo-classes and pseudo-elements,
which allow you to style elements based on their state or position within the document.
3.2. CSS Responsive
Responsive web design: In today's multi-device world, it is important to create websites that
adapt to different screen sizes and devices. CSS provides powerful tools for creating responsive
web designs. Media queries are a key feature of responsive design. They allow you to apply
different styles based on the characteristics of the device, such as screen width or device
orientation. By using media queries, you can create layouts that adjust fluidly to different screen
sizes, ensuring a seamless experience for users on desktops, tablets, and mobile devices.
3.3. CSS Layout and Grid
CSS Layout: CSS offers various techniques for controlling the layout of elements on a
webpage. You can use CSS properties like "display," "float," and "position" to control the
positioning and flow of elements. For example, the "float" property allows you to make an
element float to the left or right of its container, which is useful for creating multi-column
layouts. CSS also provides the flexible box layout (flexbox) and the grid layout system, which
offer powerful ways to create complex and responsive layouts with ease. These layout systems
enable you to create grid-based designs and precisely control the placement of elements on the
page.
4. JavaScript
JavaScript (js) is a light-weight object-oriented programming language which is used by several

websites for scripting the webpages. It is an interpreted, full-fledged programming language
that enables dynamic interactivity on websites when applied to an HTML document.
4.1. JavaScript Basics
Variables and Data Types:

In JavaScript, you can declare variables using the var, let, or const keywords.
The data types include:

Numbers: Integers and floating-point numbers.
Strings: Textual data enclosed in single or double quotes.
Booleans: Representing true or false values.
Arrays: Ordered collections of elements.
Objects: Key-value pairs representing properties and methods
4.1.2. Functions
A function is a group of reusable code which can be called anywhere in your program. This
eliminates the need of writing the same code again and again. It helps programmers in writing
modular codes. Functions allow a programmer to divide a big program into a number of small
and manageable functions.
4.1.3 Events
JavaScript Events are simply signals that tell us that something has happened. It can be clicking
on a button, pressing keys on the keyboard, or moving the mouse over an element. With the
help of javascript, one can respond to these events when used on web pages.
The events are categorized mainly into four groups:

• mouse events
• keyboard events
• form events
• document/window events
5.Tools and Technology used
5.1 HTML
Various tools and technology were used during our internship training. Some of them are listed
below:
HTML stands for Hyper Text Mark-up Language. It is used to design web pages using markup
language. HTML is the combination of Hypertext and Mark-up language. Hypertext defines
the link between the web pages. Mark-up language is used to define the text document within
a tag which defines the structure of webpages. HTML 5 is the fifth and current version of
HTML. It has improved the mark-up available for documents and has introduced application
programming interfaces (API) and Document Object Model (DOM).
Below example illustratetheHTML5content:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Output of the above program
5.2. CSS
Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to
simplify the process of making web pages presentable. CSS allows you apply styles to web
pages. More importantly, CSS enables you to do this independent of the HTML that makes up
each web page.
There are three types of CSS which are given below:
• Inline CSS
• Internal or Embedded CSS
• External CSS
Below example illustrate the CSS 3 content:
<!DOCTYPE html>
<html>
<head>
<title>HTML5Demo</title>
<style>
{ font-size:40px;font-weight:bold;color:green; } body{text-align:center;}
</style>
</head>
<body>
<divclass="intern">HelloWorld!</div> <aside>
<div>This is Insiya Badshah</div>
</aside>
</body>
</html>
Output of the above program
6. Roles and Responsibilities

There are more attendant and requirement is need to build a project we know that, we can
mix all language like C++, C#, HTML, PHP, JavaScript, and more. The web server
combines the results of the interpreted and executed PHP code, which may be any type of
data, including images, with the generated web page. PHP code may also be executed with a
command-line interface (CLI) and can be used to implement stand alone graphical
applications.
6.2. Assigned Responsibilities
Regular exposure to business stakeholders and executive management, as well as the authority
and scope to apply your expertise to many interesting technical problems. Candidates must
have a strong understanding of UI, cross-browser compatibility, general web functions and
standards. The position requires constant communication with colleagues.
6.3. Work Environment
Front end Developer: The front-end developer generally works at client side dealing with the
web page design, graphics that is accessible to the user.
Backend Developer: The back end developer is a person who is responsible for the backend
development that interacts with the server. This type of web developer specializes in the
languages like PHP, ruby, ASP.Net, Java, ColdFusion, and Perl. The job profiles for the web
developer includes:
● Front end web developer.

● back-end web developer.
● Web application developer.
● Design and layout analyst.
● Senior web analyst.
● Web marketing analyst.
The students can post their reviews of the website in this page.
TABLE OF CONTENTS
CHAPTER NO. TITLE
1. Introduction
2. HTML
2.1. HTML Introduction
2.2.HTML Tags &
Attributes
2.3.HTML Elements and Structures
2.4.HTML Forms and Input Fields
3. CSS
3.1. CSS Basics &
Advanced 3.2.CSS
Responsive 3.3.CSS Layout
and Grid
4. Javascript
4.1. Javascript basics
4.1. 1.Functions 4.1.2.Events
5. Tools and Technology used
5.1. HTML
5.2. CSS
6. Roles and Responsibilities
6.1.Training Attended
6.2.Assigned Responsibilities
6.3.Work Environment
6.3.1 Using Web Development
Templates 6.4.Performed Tasks
7. Conclusion
8. Company profile
SCREENSHOTS
CONCLUSION:
• In conclusion, the implementation of a modern and efficient Blood Bank Management

System (BBMS) is paramount to addressing critical challenges faced by traditional
blood banks and enhancing the overall blood donation and distribution process.
• The BBMS serves as a centralized hub, bringing together donors, recipients, and
medical institutions in a seamless and user-friendly manner.
• The Blood Bank Management System (BBMS) is a comprehensive software solution

designed to streamline and optimize the blood donation and distribution process. This
abstract provides a concise overview of the essential features and benefits of the BBMS.
• The primary objective of the BBMS is to enhance the efficiency, accessibility, and
safety of blood banking operations. It facilitates seamless coordination between blood
donors, recipients, and medical institutions, ensuring a constant and reliable supply of
blood products for patients in need.

FORMAT

Uploaded by

Copyright:

Available Formats

FORMAT

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FORMAT

Uploaded by

Copyright:

Available Formats

1.

The internship at Adventure Technologies solutions offered a comprehensive web development

2.1. HTML Introduction

2.2 HTML Tags & Attributes

1. `<html>`: Represents the root element of an HTML document.

2.2.2. HTML Attributes

2.3. HTML Elements and Structures

2.4.HTML Forms and Input Fields

3.1. CSS Basics

3.2. CSS Responsive

3.3. CSS Layout and Grid

JavaScript (js) is a light-weight object-oriented programming language which is used by several

Variables and Data Types:

The data types include:

The events are categorized mainly into four groups:

5.Tools and Technology used

Below example illustratetheHTML5content:

Output of the above program

Below example illustrate the CSS 3 content:

Output of the above program

6. Roles and Responsibilities

6.2. Assigned Responsibilities

6.3. Work Environment

● Front end web developer.

2.1. HTML Introduction

2.2.HTML Tags &

2.3.HTML Elements and Structures

2.4.HTML Forms and Input Fields

3.1. CSS Basics &

Responsive 3.3.CSS Layout

4.1. Javascript basics

4.1. 1.Functions 4.1.2.Events

5. Tools and Technology used

6. Roles and Responsibilities

6.3.1 Using Web Development

Templates 6.4.Performed Tasks

• In conclusion, the implementation of a modern and efficient Blood Bank Management

• The Blood Bank Management System (BBMS) is a comprehensive software solution

You might also like