A

REPORT
ON
INDUSTRIAL TRAINING ON
“ WEBSITE DEVELOPMENT”
Taken at

GURU AT HOME
In partial fulfillment of the requirement for the award of degree of
Bachelor of Technology
In
Information Technology

(Session 2022-23)
Duration: From…1/07/2022...to…14/07/2022….

Submitted to: Submitted by:

Ms. Shikha Shrivastava Jitesh Mehta
21EJCIT058
III Semester (B)

Department of Information Technology

Jaipur Engineering College & Research Centre, Jaipur
Rajasthan Technical, University
 2022-23

CERTIFICATE
This is to certify that the report of the training submitted is the outcome of the practical training
done at “GURU AT HOME” in “WEBSITE DEVELOPMENT” is carried out by Jitesh Mehta
bearing RTU Roll No.: 21EJCIT058 under the guidance and supervision of "Mr. Utkarsh
Mundra” for the award of Degree of Bachelor of Technology (B. Tech.) in Information
Technology from Jaipur Engineering College & Research Centre, Jaipur (Raj.), India
affiliated to Rajasthan Technical University, Kota during the academic year 2022-2023.

To the best of my knowledge the report

i) Embodies the work of the candidate.

ii) Has duly been completed.
iii) Fulfills the requirement of the ordinance relating to the bachelor of technology degree
of the Rajasthan technical University and
iv) Is up to the desired standard for the purpose of which is submitted.

_______________ _______________

Dr. Smita Agarwal Ms. Shikha Shrivastava

Head of Department Assistant Prof.

Information technology Information Technology

JECRC, Jaipur JECRC, Jaipur

 DECLARATION

I hereby declare that the report entitled “WEBSITE DEVELOPMENT” has been carried out
and submitted by the undersigned to the Jaipur Engineering College & Research Centre, Jaipur
(Rajasthan) in an original work, conducted under the guidance and supervision of Mr. Utkarsh
Mundra of Instructor at GURU AT HOME.

The empirical findings in this report are based on the data, which has been collected by me. I
have not reproduced from any report of the University neither of this year nor of any previous
year.

I understand that any such reproducing from an original work by another is liable to be punished
in a way the University authorities’ deed fit.

Place: Jaipur JITESH MEHTA

Date: 10-12-22 Enrollment No. 21EJCIT058
 PREFACE

Bachelor of Technology in Information Technology is the Rajasthan Technical University course

(Approved by AICTE) having duration of 4 years. As a prerequisite of the syllabus every student
on this course must take professional training from any Industry related to the stream for 60 days
in order to complete his/her studies successfully. And it is required to submit the project report
on the completion of it.

The main objective of this training is to create awareness regarding the application of theories in
the practical world of Information Technology and to give a practical exposure of the real world
to the student.

I, therefore, submit this project report of this training, which was undertaken at GURU AT
HOME. It was a good experience to have training in a Reputed Organization in the
programming in which company stands at international.

I feel great pleasure to present this project report. The report was prepared based on the study
carried out regarding html and Css.
 ACKNOWLEDGEMENT

“Any serious and lasting achievement or success, one can never achieve without the help,
guidance and co-operation of so many people involved in the work.

It is my pleasant duty to express my profound gratitude and extreme regards and thanks to Mr.
Arpit Agarwal and Dr. V.K. Chandna who gave me an opportunity to take professional
training in Udemy.

I am indebted towards Dr. Angela Yu who has allotted this project and his precious time and
advice during the training period, which is imminent to the report.

I would like to express deep gratitude to Dr Smita Agrawal, Head of Department (Information
Technology), Jaipur Engineering College & Research Centre, Jaipur (Rajasthan) without whose
permission the training would not be possible. I would also like to thank Mr. Piyush Gautam,
Training & Placement Officer and PTS Coordinator, Department of Information Technology
JECRC, Jaipur who recommended me for this training.

Last but not the least, I am grateful to my beloved parents whose blessings and inspirations are
always with me. I am heartily thankful to those people who are involved directly or indirectly in
this project for encouraging me whenever I needed their help despite their busy schedule.

Jitesh Mehta

21EJCIT58
 Chapter Index
PAGE
S. No. TITLE
NO.

CERTIFICATE 1

DECLARATION 2

PREFACE 3

ACKNOWLEDGEMENT 4

1. INTRODUCTION 7

1.1 What is Html? 7

1.2 What is Css? 8

2. KNOW ABOUT HTML 9

2.1 Example 9

2.2 Html Documents 10

2.3 Doctype Declaration 11

2.4 Html Advantages 12

2.5 Html Disadvantages 13

3. KNOW ABOUT CSS 14

3.1 Introduction to CSS 14

3.2 Css Example 15

3.3 Advantages of Css 16

 3.4 Disadvantages of CSS 17

4. Project 18

4.1 Screen shots of Html Code 18

4.2 Screen shot of Output 19

4.3 Screenshot of CSS code 20

COMPANY PROFILE 21

CONCLUSION 22

FUTURE SCOPE 23

REFERENCES 24
 CHAPTER 1

INTRODUCTION

1.1 What is Html?

HTML stands for Hyper Text Markup Language

HTML is the standard markup language for creating Web

pages

HTML describes the structure of a Web page

HTML consists of a series of elements

HTML elements tell the browser how to display the

content

HTML elements label pieces of content such as "this is a

heading", "this is a paragraph", "this is a link", etc.
1.2 What is Css ?

CSS is designed to enable the separation of content and presentation, including

layout, colors, and fonts.[3] This separation can improve content accessibility;
provide more flexibility and control in the specification of presentation
characteristics; enable multiple web pages to share formatting by specifying the
relevant CSS in a separate .css file, which reduces complexity and repetition in the
structural content; and enable the .css file to be cached to improve the page load
speed between the pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same
markup page in different styles for different rendering methods, such as on-screen,
in print, by voice (via speech-based browser or screen reader), and on Braille-
based tactile devices. CSS also has rules for alternate formatting if the content is
accessed on a mobile device.[4]

The name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.
 CHAPTER 2

KNOW ABOUT HTML

2.1 EXAMPLE:-

<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

Explanation of the Example:-

The <!DOCTYPE html> declaration defines that this document is an HTML5 document

The <html> element is the root element of an HTML page

The <head> element contains meta information about the HTML page

The <title> element specifies a title for the HTML page (which is shown in the browser's title bar or in the
page's tab)

The <body> element defines the document's body, and is a container for all the visible contents, such as
headings, paragraphs, images, hyperlinks, tables, lists, etc.

The <h1> element defines a large heading.

2.2 HTML DOCUMENTS:-

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

EXAMPLE:-

<!DOCTYPE html>

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>
2.3 The <!DOCTYPE> Declaration:-

The <!DOCTYPE> declaration represents the document type, and helps browsers to display web
pages correctly.

It must only appear once, at the top of the page (before any HTML tags).

The <!DOCTYPE> declaration is not case sensitive.

The <!DOCTYPE> declaration for HTML5 is:

<!DOCTYPE html>

HTML HEADINGS:-

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading:

EXAMPLE:-

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

2.4 HTML ADVANTAGES:-

1:-HTML is Browser friendly: HTML upholds a heap of programs like Google Chrome, Mozilla
Firefox, Opera, and so on This makes HTML very program amicable because of its quality
among the top current programs.

2:-Allowed to utilize: Since HTML is open-source, it’s allowed to utilize. It’s an incredible
benefit for organizations and people the same as there is no compelling reason to buy the
additional products for composing HTML code as it were.

3:-Simple to learn: HTML is the fundamental reinforcement of web advancement. It is so natural

to discover that school understudies can likewise utilize HTML to make their own fundamental
site with pictures and tones.

4:-Basic design: HTML is a basic language and has a proper construction with predefined labels
and traits. Along these lines, in the event that you practice routinely, you’ll become accustomed
to the straightforward HTML structure and will actually want to compose HTML code without
any problem.

5:-Lightweight and quick: HTML is a lightweight markup language. It saves time for the clients
by decreasing stacking time.
2.5 HTML DISADVANTAGES:-

1:-Static language: HTML is a static language. This implies that the HTML website pages will
continue as before until somebody transforms them physically. Likewise, it doesn’t uphold
dynamic results.

2:-Invests in some opportunity to design: For engineers, now is the ideal time consuming to
keep up with the shading plan of pages and configuration tables, records, and structures
utilizing HTML as it were.

3:-Restricted security: Security is the need for everybody. Yet, on account of HTML, there’s
one significant downside ie. it offers restricted security highlights.

4:-Extensive code: In any event, for basic website pages, a great deal of code should be
composed. Likewise, extensive code produces intricacy for the improvement group. To beat this
issue, we can involve layouts for fundamental pages.

5:-Reliance issue: The developer isn’t the creator of HTML. Along these lines, there exists a
reliance on the creator of the language, for this situation, it is HTML. In this way, they need to
change and adhere to the language structure and labels, in any event, when they try to avoid that
specific show of composing
 CHAPTER 3

KNOW ABOUT CSS

3.1 INTRODUCTION TO CSS:-

CSS stands for Cascading Style Sheets

CSS describes how HTML elements are to be displayed

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language such as HTML or XML (including XML dialects such
as SVG, MathML or XHTML).[1] CSS is a cornerstone technology of the World Wide Web,
alongside HTML and JavaScript.

CSS is designed to enable the separation of content and presentation, including layout, colors,
and fonts.[3] This separation can improve content accessibility; provide more flexibility and
control in the specification of presentation characteristics; enable multiple web pages to share
formatting by specifying the relevant CSS in a separate .css file, which reduces complexity and
repetition in the structural content; and enable the .css file to be cached to improve the page load
speed between the pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. CSS also has rules for
alternate formatting if the content is accessed on a mobile device.[4]

The name cascading comes from the specified priority scheme to determine which style rule
applies if more than one rule matches a particular element. This cascading priority scheme is
predictable.

The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet
media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The
W3C operates a free CSS validation service for CSS documents.[5]

In addition to HTML, other markup languages support the use of CSS including XHTML, plain
XML, SVG, and XUL.
3.2 CSS EXAMPLE:-

body {

background-color: lightblue;

h1 {

color: white;

text-align: center;

p{

font-family: verdana;

font-size: 20px;

EXAMPLE:-

h1 {

background-color: green;

div {

background-color: lightblue;

p{

background-color: yellow;}
3.3 ADVANTAGES OF CSS:-

1:-CSS plays an important role, by using CSS you simply got to specify a repeated style for
element once & use it multiple times as because CSS will automatically apply the required
styles.

2:-The main advantage of CSS is that style is applied consistently across variety of sites. One
instruction can control several areas which is advantageous.

3:-Web designers needs to use few lines of programming for every page improving site speed.

Cascading sheet not only simplifies website development, but also simplifies the maintenance as
a change of one line of code affects the whole web site and maintenance time.

4:-It is less complex therefore the effort are significantly reduced.

5:-It helps to form spontaneous and consistent changes.

6:-CSS changes are device friendly. With people employing a batch of various range of smart
devices to access websites over the web, there’s a requirement for responsive web design.

7:-It has the power for re-positioning. It helps us to determine the changes within the position of
web elements who are there on the page.

8:-These bandwidth savings are substantial figures of insignificant tags that are indistinct from a
mess of pages.

9:-Easy for the user to customize the online page

10:-It reduces the file transfer size.

3.4 DISADVANTAGES OF CSS:-

1:-CSS, CSS 1 up to CSS3, result in creating of confusion among web browsers.

2:-With CSS, what works with one browser might not always work with another. The web
developers need to test for compatibility, running the program across multiple browsers.

3:-There exists a scarcity of security.

4:-After making the changes we need to confirm the compatibility if they appear. The similar
change affects on all the browsers.

5:-The programing language world is complicated for non-developers and beginners. Different
levels of CSS i.e. CSS, CSS 2, CSS 3 are often quite confusing.

6:-Browser compatibility (some styles sheet are supported and some are not).

7:-CSS works differently on different browsers. IE and Opera supports CSS as different logic.

8:-There might be cross-browser issues while using CSS.

9:-There are multiple levels which creates confusion for non-developers and beginners.
 CHAPTER 4
PROJECT

-> I Have created the project of neon glow icon effect .

-> It is based on the two languages (Html and Css).

-> The Html source code of the project is as follows :-

4.1:- SCREEN SHOT OF THE PROJECT:-
4.2:- SCREENSHOT OF THE CSS CODE:-

COMPANY PROFILE
 COMPANY PROFILE

Guru At Home is one of the best online tutoring service platforms in India, USA and
other countries, providing the best tutors from all over the world. We are providing
online teaching services in India, USA and other countries for every class, beginning
from KG to 12th Grade with extra curriculum courses such as Coding, Chess tutors,
Music, Spoken Languages, Art n Craft, French tutors and more. We offer a gradual
tutoring environment where child gets comfortable with the learning process. The
innovative and easy ways of our private tutors at Guru At Home will make your child
feel rooted in the formal and traditional processes of school.
 CONCLUSION

Classic HTML has been a major component in the emergence of a word wide content
communication system. It is now time to move HTML forward so that it becomes one of several
tools for presentation of content. Classic HTML should be transformed into modern HTML
which is a namespace in XML and associated canonical semantics. The semantics of canonical
HTML should be available to all tagsets in XML via the DOM along with other standardized
semantics. In this way a set of focused rich vertical vocabularies can arise that make
communication efficient and fast while at the same time permit widespread understanding and
dynamic re-presentation to achieve the widest possible access. To achieve this we have
suggested a plan that moves HTML from accomodation to integration to assimilation until it is
finally subsumed.
 FUTURE SCOPE

Adobe believes that the Future of HTML lies in retaining the bulk of the behavioral semantics of
HTML, it's tagset and associated CSS standard while moving to a fully XML compliant syntax.
In our view this should take a phased approach as the evolving future of HTML. In the primary
phase, HTML is enhanced minimally to accomodate XML. In the succeeding phase, HTML is
altered to have a well formed XML syntax along side the current syntax(es). In the succeeding
phase, the semantics of HTML are exposed in a uniform manner through an XML document
object model via CSS so that any tag can access the semantic behavior of HTML. In this way,
XML integrates with HTML. In the last phase, HTML is subsumed by XML; while the
semantics (layout behaviors) are retained as a presentation capability. This approach we believe
provides a smooth migration path for HTML's future.
 REFERENCES

1.Goggle.com

2.Youtube.com