Akshat Jain Intern Report

SAGAR INSTITUTE OF RESEARCH & TECHNOLOGY Bhopal
Department of Computer Science & Engineering
Internship Report
On
“Website
development using
HTML & CSS”
Submitted in the partial fulfillment for the award of the degree of

Bachelor of Technology
In
Computer Science & Engineering
Submitted to
SAGAR INSTITUTE OF RESEARCH & TECHNOLOGY, BHOPAL
Department Of Computer Science and Engineering
Submitted to Submitted By:

Professor Ruchi Dronawat Akshat Jain
0133CS19101
ACKNOWLEDGEMENT
I take this opportunity to express my sincere gratitude to all those who have been helpful in the
successful completion of my internship . I would like to show my greatest appreciation to the
highly esteemed and devoted technical staff, supervisors of the “Sage Summer School” .
I am highly indebted to them for their tremendous support and help during the completion my
internship.
My special thanks goes to “Trainer Deepika Dadore, Sage Summer School ” for acceptance my
request for providing Internship and giving me an opportunity to be a trainee of “Sage Summer
School ”. I would like to thank to all those people who directly or indirectly helped and guided
me to complete my training , including the following instructors and technical officers of various
section
.
I am especially thankful Dr. Rajiv Srivastava, Director (SIRT, Bhopal) for his kind co- operation
and rendering me all possible facilities.
I express my thanks to Dr. Ritu Shrivastava HOD Computer Science & Engineering dept. SIRT
Bhopal for kind support.
I am thankful to all staff members of the CSE department and my friends for their timely help
co- operation and suggestion during my work. Lastly but not the least, i must express thanks to
my family, without their moral support it was impossible for me to complete this work.
Akshat Jain
0133CS191019
3
Table of Page No
Contents
1. Declaration
2. Certificate
3. Acknowledgement
4. Objective of Internship
5. Company Profile
6. Introduction
7. Technology/Tools Used in internship
8. Brief Description of Project
9. Conclusion
4
DECLARATION
This is to certify that the internship report titled “Website development using HTML & CSS”
being submitted by “Akshat Jain” “0133CS191019” student of VII semester in Department of
Computer Science & Engineering, Sagar Institute of Research & Technology has completed
his/her internship during the period from 04-07-2022 to 15-07-2022.
Date: Akshat Jain
Place: Bhopal 0133CS191019
5
CERTIFICATE
6
INTRODUCTION
Website Design and

learning HTML were
the main objective
of this internship. To
develop a web based
application there are
several programming
languages that are in
use. Some of them
7
are only used for

the frontend and
backend design of
the
software. For
example, HTML3,
HTML4, HTML5,
CSS,
8
Bootstrap, JavaScript
etc. There are also
some other
programming
languages that are
used to develop the
dynamic
functions of the
software or
9
application. For
example- PHP,
Java etc. Nowadays
there are also some
frameworks that use
vastly. Frameworks
are basically
structured
programming by
10
using Model, View

and Controller. It is
also called as MVC.
If
we develop web
based application
that is very useful
for us
because we can
access it from
11
anywhere in the
world. It is very
helpful for our daily
life. That is why I
choose subject of my
report as “WEB
DESIGN”. Training
in Universal
Informatics
12
added huge
experiences in my
upcoming career.
Solving real
life problems was
another key issue.
This report takes us
through all the details
of WEBSITE
13
DESIGN knowledge
and
experience gathered
during this internship
period.
Website Design and learning HTML were the main objective of this internship. To develop a web-
based application there are several programming languages that are in use. Some of them are only
used for the frontend and backend design of the software. For example, HTML3, HTML4,
HTML5, CSS, Bootstrap, JavaScript etc. There are also some other programming languages
that are used to develop the dynamic functions of the software or application. For example-
PHP, Java etc. Nowadays there are also some frameworks that use vastly. Frameworks are
basically structured programming by using Model, View and Controller. It is also called as MVC.
If we develop web based application that is very useful for us because we can access it from
anywhere in the world. It is extremely helpful for our daily life. That is why I choose subject of
my report as “WEB DESIGN.” Training in Universal Informatics added huge experiences in my
upcoming career. Solving real life problems was another key issue. This report takes us through
all the details of WEBSITE DESIGN knowledge and experience gathered during this internship
period.
14
OBJECTIVE
The objective of the

web design is to
handle the entire
design of a website.
The software keeps
track of all the
information about the
entire website. The
system contains
15
database where all the

information will be
stored safely.
The objective of the web design is to handle the entire design of a website. The software
keeps track of all the information about the entire website. The system contains database where
all the information will be stored safely.
This internship provided us essential skills and knowledge one requires in the field of web
designing. The crucial tools used during the tenure helped us in gaining knowledge about
programming languages. By taking this training we enhanced our knowledge in Web
designing and got insight in how the websites are designed using HTML and CSS.
By interacting with my trainee and classmates I got to learn a lot. It helped me to enhance
my communicative skills and represent my work with confidence. It boosted my confidence to
design more webpages and create some great designs just for fun.
First we learned the theory aspect and then we put that
into practice. By doing the practical work, our concept
got clearer and it was easy to code into HTML once we
got familiar with it. By putting our theoretical knowledge
into practical, coding became more fun.
First we learned the theory aspect and then we put that into practice. By doing the practical
work, our concept got clearer and it was easy to code into HTML once we got familiar with it. By
putting our theoretical knowledge into practical, coding became more fun.
16
COMPANY PROFILE
The “Website development using HTML & CSS” internship was organized by Sage Group (Sage
University, Bhopal) under the Sage Summer School.
The “SAGE University Bhopal” with its impeccable academia, colossal campus, leading-edge
educational framework is one of the best educational institute for transforming passion into a
profession.
Their mission is to condition a mindset for addressing local, national & global issues and to
felicitate humankind with better livelihood, while impacting the society in a transformative way.
I felt that their mission was compatible with my world view and my future career goals, which is
the reason I applied for an internship position.
17
Tools and Technology Used
Various tools and technology were used during our internship training.
Some of them are listed below:
1. HTML5
HTML stands for Hyper Text Mark-up Language. It is

used to design web pages using mark-up 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 tag
which defines the structure of web pages. HTML5 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 illustrate the HTML5 content:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p> This is a paragraph. </p>
</body>
</html>
18
Output of the above program
2. CSS3
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 to 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 CSS3 content:
<!DOCTYPE html>
<html>
<head>
<title> HTML 5 Demo</title>
<style>
.intern {
font-size:40px;
19
font-weight:bold;
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<div class = "intern">Hello World!</div>
<aside>
<div>This is Insiya Badshah</div>
</aside>
</body>
</html>
3. JavaScript
JavaScript is a lightweight, cross-platform and
interpreted scripting language. It is well-known for the
development of web pages, many non-browser
environments also use it. JavaScript can be used
for Client-side developments as well as Server-side
developments.
Features of JavaScript:
 According to a recent survey conducted by Stack
Overflow, JavaScript is the most popular language
20
on earth.
With advances in browser technology and
JavaScript having moved into the server with
Node.js and other frameworks, JavaScript is capable
of so much more.
 Functions in JS are objects. They may have
properties and methods just like another object.
They can be passed as arguments in other
functions.
 Can handle date and time.
 Performs Form Validation although the forms are
created using HTML.
 No compiler needed.
4. Sublime text
Artfully run by a one-man development team, the secret
to sublime’s success lies in the program’s vast array of
keyboard shortcuts - such as the ability to perform
simultaneous editing (making the same interactive
changes to multiple selected areas) as well as quick
navigation to files, symbols, and lines. And when you’re
spending 8+ hours with your editor each day, those
precious few seconds saved for each process really do
add up.
21
22
BRIEF DISCUSSION OF PROJECTS
During entire training session we discussed about how to analysis the project and how
to work on it as per the requirement of client. The projects done during the
internship are based on the tags of programming language HTML & CSS.
HTML
 Basic Concept (WWW & HTTP, client server
communication)
 Basic HTML (tags, element, attributes, paragraphs,
headings, line breaks, lists, table, color codes, font, text
linking, email, images, background, comments, media,
charset)
 HTML Forms (input, text fields, password, checkbox,
combo-box, radio box, text areas, files, buttons)
 HTML5 features
CSS
 Basic CSS (selector, internal, external, inline, class, id,
background, font, text, padding, margin, border, list CSS,
hovering and elements)
 Advance CSS (border-radius, opacity, cursor, layers,
position, display, float, gradient and multiple-column)
 Concept of Menu (single menu, drop-down menu)
 Template design using CSS div.
Bootstrap
 Grid System
 Typography
 Tables, forms, buttons, images
 Dropdown, button group
 Navigation element
 Bootstrap plug-ins (Transition, Modal, Dropdown, Tab,
23
tooltip, Alert, Button)
JavaScript
 Basic JavaScript (syntax, enable, location, operators,
variables, events, alert, confirm, prompt, POP up, date,
print)
 JavaScript string (strings, length, split, search, replace)
Project-1
Table using HTML
Project -2
HTML Form
24
Project-3
Blog using HTML & CSS
25
CONCLUSION
In conclusion, I can say that this internship was a great experience. Thanks to this project,
I acquired deeper knowledge concerning my technical skills, but I also personally benefited.
Currently HTML is a common part of web applications, and it is one of the most popular
language for web designing used by professionals worldwide. If we surf internet, we can see
millions of websites designed with HTML and CSS. I learned to live in a different environment
from the one I am used to. Indeed, I grew more independent in work and also in everyday life. I
realized that I could do more things than I thought, like learning new things by myself.
There are huge opportunities available for the students who want to work in this field.
Many private and public organizations hire web designer for their online work and website
development. With the rapid advent of online industry, the demand of web development
professionals is increasing, and this has created a huge job opportunity for the aspirants in the
upcoming days.
26

Akshat Jain Intern Report

Uploaded by

Document Information

Original Description:

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

Akshat Jain Intern Report

Uploaded by

Copyright:

Available Formats

SAGAR INSTITUTE OF RESEARCH & TECHNOLOGY Bhopal

Department of Computer Science & Engineering

Submitted in the partial fulfillment for the award of the degree of

SAGAR INSTITUTE OF RESEARCH & TECHNOLOGY, BHOPAL

Department Of Computer Science and Engineering

Submitted to Submitted By:

7. Technology/Tools Used in internship

8. Brief Description of Project

Date: Akshat Jain

Place: Bhopal 0133CS191019

Website Design and

are only used for

using Model, View

The objective of the

database where all the

Tools and Technology Used

Some of them are listed below:

HTML stands for Hyper Text Mark-up Language. It is

Output of the above program

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 to 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:

 Internal or Embedded CSS

Below example illustrate the CSS3 content:

JavaScript is a lightweight, cross-platform and

interpreted scripting language. It is well-known for the

development of web pages, many non-browser

environments also use it. JavaScript can be used

for Client-side developments as well as Server-side

 According to a recent survey conducted by Stack

Overflow, JavaScript is the most popular language

With advances in browser technology and

JavaScript having moved into the server with

Node.js and other frameworks, JavaScript is capable

 Functions in JS are objects. They may have

properties and methods just like another object.

They can be passed as arguments in other

 Can handle date and time.

 Performs Form Validation although the forms are

created using HTML.

Artfully run by a one-man development team, the secret

to sublime’s success lies in the program’s vast array of

keyboard shortcuts - such as the ability to perform

simultaneous editing (making the same interactive

changes to multiple selected areas) as well as quick

navigation to files, symbols, and lines. And when you’re

spending 8+ hours with your editor each day, those

precious few seconds saved for each process really do

BRIEF DISCUSSION OF PROJECTS

tooltip, Alert, Button)

Table using HTML

Blog using HTML & CSS

You might also like