0% found this document useful (0 votes)
33 views38 pages

Dhanender Report

REPORT ON PYTHON
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)
33 views38 pages

Dhanender Report

REPORT ON PYTHON
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
You are on page 1/ 38

A INDUSTRIAL TRAINING REPORT

on
“WEB DEVELOPMENT”

Submitted in the fulfilment of the requirement for the award of the degree of

Bachelor of Technology

in

ELECTRONIC AND COMMUNICATION

by

Ratan sagar tandan


(Roll No. 252001103)
CLASS:- ECE-B

SUBMITTED TO

KURUKSHETRA UNIVERSITY, KURUKSHETRA

.
Web Development

Certificate

The industrial training report of ”Web Development” submitted by NILESH BANDU GUNJKAR.
(Roll No. 10303320171124613004) is approved for the partial fulfilment of the requirement for the
award of the degree of Bachelor of Technology in Information Technology. This work is done under
our guidance.

(Dr. S. M. Jadhav )
Head
Department of Information Technology

1. (Name: )

2. (Name: Prof. PRANITA JADHAV )

Place : Dr. Babasaheb Ambedkar Technological University, Lonere.


Date :

Department of Information Technology, DBATU University, Lonere.


Acknowledgements
I WOULD LIKE TO EXPRESS MY GRATITUDE TOWARDS MY UNIVERSITY AS WELL AS INTERNSHALA
This work is just not an individual contribution till its completion. I take this
FOR PROVIDING ME THE GOLDEN OPPORTUNITY TO DO THIS WONDERFUL SUMMER TRAINING
opportunity to express a deep gratitude towards my teacher for providing excellent
WHICH ALSO HELPED ME IN DOING A LOT OF HOMEWORK AND LEARNING. AS A RESULT, I CAME
guidance encouragement and inspiration throughout the Training work. Without his
TO KNOW ABOUT SO MANY NEW THING. SO, I AM REALLY THANKFULL TO THEM. MOREOVER I
invaluable guidance, this work would never have been a successful one.
WOULD LIKE TO THANK MY FRIENDS WHO HELPED ME A LOT WHENEVER I GOT STUCK IN SOME

PROBLEM RELATED TO MY COURSE. I AM REALLY THANKFULL TO HAVE SUCH A GOOD SUPPORT OF


I would like to express deepest appreciation towards Dr. S. M. Jadhav, Head of
THEM AS THEY ALWAYS HAVE MY BACK WHENEVER I NEED.
Department of Information Technology

At last we must express our sincere heartfelt gratitude to all the staff members
STUDENTNT DECLARATION

I, ratan sagar tandan (252001103),here by declare that work done by


me on "web development" duration of eight week is a record of original
work for the partialfulfillment of the requirements for the award of
degree, electronic and communication engineering.
.
Web Development

HTML

HTML stands for Hyper Text Markup Language HTML is the standard markup
language for Web pages HTML elements are the building blocks of HTML pages
HTML elements are represented by tags BASIC TERMS:
∗ Project stucture:
<!Doctype>
<html>
<body>
...........
............
...........
...........
</body>
</html>

HTML Elements

An HTML element is a start tag and an end tag with content in between:

HTML Documents

The HTML document itself begins with html tag and ends with html tag followed
by ’/’ forward slash. The visible part of the HTML document is between body tag.
Web Development

• <HTML> tag:

The HTML <title> tag is used for declaring the title, or name, of the HTML
document. The title is usually displayed in the browser’s title bar (at the top).
It is also displayed in browser bookmarks and search results. The title tag is
placed between the opening and closing <head> tags. The <link> element is
used to define a relationship between an HTML document and an external re-
source. This element is most commonly used to define the relationship between
a document and one or more external CSS stylesheets.

• HTML Headings
HTML headings are defined with h1 to h6 tags.

• HTML Paragraphs
HTML paragraphs are defined with p tags:

• HTML Links
HTML links are defined with a tags:
Web Development

• HTML Images
HTML images are defined with img tags.
The source file (src), alternative text (alt), width, and height are provided as
attributes:

• HTML Buttons
HTML buttons are defined with button tags:

• HTML Lists
HTML lists are defined with ul tag (unordered/bullet list) or ol tag (ordered/num-
bered list) tags, followed by li tags (list items):

• HTML Tables
An HTML table is defined with a table tag. Table rows are defined with tr tags.
Table headers are defined with th tags. (bold and centered by default). Table
cells (data) are defined with td tags.

.
Web Development

• <Body> tag:

Description. The HTML ¡body¿ tag defines the main content of the HTML
document or the section of the HTML document that will be directly visible on
your web page. This tag is also commonly referred to as the <body> element.

• <header>:

he <header> element is intended to usually contain the section’s heading


(an <h1>-<h6> element or an <hgroup> element), but this is not required.
The <header> element can also be used to wrap a section’s table of contents,
a search form, or any relevant logos.

• <div> tag:

The <div> tag defines a division or a section in an HTML document. The


<div> element is often used as a container for other HTML elements to style
them with CSS or to perform certain tasks with JavaScript.The div tag is known
as Division tag. The Div tag is used in HTML to make divisions of content in
the web page like (text, images, header, footer, navigation bar etc). Div tag has

Department of Information Technology, DBATU University, Lonere. 6


Web Development

both open(<) and closing (>) tag and it is mandatory to close the tag. The Div
is the most usable tag in web development because it helps us to separate out
data in the web page and we can create a particular section for particular data
or function in the web pages.
Div tag is Block level tag
It is a generic container tag
It is used to the group of various tags of HTML so that sections can be created
and style can be Applied on them.
Left center right.

• <br> tag:

The HTML anchor tag defines a hyperlink that links one page to another
page. The ”href” attribute is the most important attribute of the HTML a tag.
An unvisited link is displayed underlined and blue. A visited link displayed
underlined and purple. An active link is underlined and red.

• <footer> tages:

HTML5 <footer> Element. The <footer> element specifies a footer for a


document or section. A <footer> element should contain information about
its containing element. A footer typically contains the author of the document,
copyright information, links to terms of use, contact information, etc.

• <form> tag:

The <form>tag is used in conjunction with form-associated elements. To


create a form, you can nest form-associated elements inside the opening/closing
<form> tags. You can also use the form attribute within those elements to
reference the ID of the form to use.

CSS

CSS stands for Cascading Style Sheets.


Cascading Style Sheets is a style sheet language used for describing the presenta-
tion of a document written in a markup language like HTML. CSS is a cornerstone
technology of the World Wide Web, alongside HTML and JavaScript.

Department of Information Technology, DBATU University, Lonere. 7


Web Development

CSS Syntax

A CSS rule consists of a selector and a declaration block:

The selector points to the HTML element to style (h1). The declaration block
(in curly braces) contains one or more declarations separated by semicolons. Each
declaration includes a CSS property name and a value, separated by a colon. In the
following example all p tag elements will be 32px wide, center-aligned, and with
red.
Example:

External Style Sheet

The external style sheet is generally used when you want to make changes on mul-
tiple pages. It is ideal for this condition because it facilitates you to change the look
of the entire web site by changing just one file. It uses the link tag on every pages
and the link tag should be put inside the head section.

Example:

Department of Information Technology, DBATU University, Lonere. 8


Web Development

The external style sheet may be written in any text editor but must be saved
with a .css extension. This file should not contain HTML elements.

Inline Style

We can apply CSS in a single element by inline CSS technique.


The inline CSS is also a method to insert style sheets in HTML document. This
method mitigates some advantages of style sheets so it is advised to use this method
sparingly.
If you want to use inline CSS, you should use the style attribute to the relevant tag.

Example:

Department of Information Technology, DBATU University, Lonere. 9


Web Development

Google fonts

Google Fonts is a Google API.


We can use Google Fonts in our Website design.

When we use google fonts in designing webpage it will be viewed as:

Department of Information Technology, DBATU University, Lonere. 10


REACT :-OVERVIEW
REACTJS-ENVIRONMENT SETUP
RESULT AND DISCUSSION
ABOUT THE INDUSTRY
INTERNSHALA is a technology company on a mission to
equip students with relevant skills and practical exposure
to help them get the best possible start to their career.
imagine a world full of freedom and possibilities.
A world where you can discover your passion and turn it
into your career. A world where you graduate fully assured
,confident, and prepared to stake a claim on your place in
the world.
After many successful years as an internship platform, their
motivation to upskill the student only increased, and that`s
when they kickstarted a new journey with internshala trainings.
With an insight that more than 90% of the graduates in india
start their careers with a job that pays less than 3LPA, they
came up with jobs oriented specialization programs to help
the students start their careers in their dream profiles.

PLACE OF TRAINING
AT INTERNSHALA (ONLINE PLATEFORM)
THEY PROVIDE HUNDREDS OF COURSE
AND WEB DEVELOPMENT IS ONE OF THEM
IN WHICH I COMPLETED TRAINING.
MOTIVATION
www.wikipedia.org

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy