Industrial Training 2

Latthe Education Society’s Polytechnic, Sangli
Department of Computer Engineering
Industrial Training Report
Subject- Industrial Training (22058)
TITLE- Web Development
Submitted by
ROLL NO STUDENT NAME ENROLLMENT NO
243353 Nikhil sukumar patil 2200430348
Academic Year- 2024-25

Maharashtra State
Board Of Technical Education

Certificate of Completion Of Industrial Training
(By respective head of the Institute & Head of the Department)
This is to certify that Mr. Nikhil sukumar patil with

Enrollment No.2200430348 has successfully completed Industrial Training
(220449) in COMPCARE INSTITUTE From 4 June 2024 to 12 july 2024 for
partial Fulfilment towards completion of Diploma in Computer Engineering
from Latthe Education Society Polytechnic, Sangli Institute code 0043.
Sing Of Mentor Sign of HOD Sign of principal

Index
SR.NO Contents
1 Abstract
2 Acknowledgement
3 Chapter 1: Introduction of HTML and their tag
4 Chapter 2: Cascading Style Sheet
5 Chapter 3: Form and Form Controls
6 Chapter 4: Introduction of JavaScript
7 Chapter 5: Introduction Of SQL

Abstract
For the year 2024, I,am Nikhil sukumar pattil from Computer Dept. Completed my Training
at Sangli in the COMPCARE INSTITUTE from 4 June 2024 to 12 july 2024 on
Offline
Mode for a WEB DEVELOPMENT. In this training I learn HTML,CSS and
JAVASCRIPT.
In This Training Programme of 5 days every week, three days I learn about my subject
training. On 4th Day they give us training on company infrastructure, Importance of Soft
Skill and Communication skill, Resume Preparation various currier opportunities in IT filed
etc. and on 5th day we made interaction with various experts from same and different
industries
Web development refers to the building, creating, and maintaining of websites. It includes
aspects such as web design, web publishing, web programming, and database management. It
is the creation of an application that works over the internet.
 Web: It refers to websites, web pages or anything that works over the internet. 
Development: Building the application from scratch.
Web Development can be classified into two ways:
1. Fronted Development
2. Backend Development
• Frontend Development: The part of a website that the user interacts directly is
termed as front end. It is also referred to as the ‘client side’ of the application.
• Backend Development: Backend is the server side of a website. It is the part of the
website that users cannot see and interact. It is the portion of software that does not
come in direct contact with the users. It is used to store and arrange data.
Acknowledgement
We express our deep sence of gratitude to our respected guide Mr. Pravin Rupanar Sir for
their valuable help and guidence. We thankful to them for encouragement they have given
towards the planning of our capston project.
We are also grateful to respected Mr. Pravin rupnar (HOD, CO) and to our respected
principal Mr. A. B. Gaji for permitting us to utilize all the necessary facilitiues of our
institution.
We are also thankful of all the other faculties and staff members of our department for their
kind co-operation and help.
Lastly, we would like to express our deep appreciation towards our classmates and
indebtedness to our parents for providing us the moral support and encouragement.
Chapter 1: Introduction of HTML And Their Tag

 Introduction of HTML
It is stand for Hypertext Markup Language And mostly used language to write web
pages. Hypertext refers to the way in which web pages are link together. Those the
content link text, images, audio, video, hyper link etc. are called as hyper text
 <HTML>
It indicates the content in this file is in html language. This tag encloses the complete
html document and contain to components head section and body section.
 <HEAD>
This tag represent the document header which can keep other html tag like
<title>,<link>,<meta>,<script> etc.
 <BODY>
This tag represents document body which keeps other html tags like <h1>.<p>,<div>
etc. Also this includes all the text and other contain like links, pictures and so on.
 Logical Tags
Logical tags are used to tell the browser what kind of text is written inside the tags.
They are different from physical tags because physical tags are used to decide the
appearance of the text and do not provide any information about the text.
 Physical Tag
Physical Tags are used to indicate that how specific characters are to be formatted or
indicated using HTML tags. Any physical style tag may contain any item allowed in
text, including conventional text, images, line breaks, etc.
 Image Tag
HTML img tag is used to display image on the web page. HTML img tag is an empty
tag that contains attributes only, closing tags are not used in HTML image element.
 Image tag Attributes
1. src
2. alt
3. width
4. height
 Table Tag
HTML table tag is used to display data in tabular form (row * column). There can be
many columns in a row. We can create a table to display data in tabular form, using
<table> element, with the help of <tr> , <td>, and <th> elements. In Each table, table
row is defined by <tr> tag, table header is defined by <th>, and table data is defined
by <td> tags.
 Table Attributes
1. Align
2. Bgcolor
3. Border
4. Cellpading
5. Cellspacing
 Frameset Tag
HTML <frameset> tag is used to contain the group of frames which can be controlled
and styled as a unit. The <frameset> element also specifies the number of rows and
columns in the frameset, and how much space they will occupy in a frame.
 Frameset Attributes
1. Cols
2. Rows
 Frame Tag
HTML <frame> tag define the particular area within an HTML file where another
HTML web page can be displayed. A <frame> tag is used with <frameset>, and it
divides a webpage into multiple sections or frames, and each frame can contain
different web pages.
 Frame Tag Attributes
1. Frameborder
2. Longdsec
3. Marginheight
4. Marginwidth
5. Name
6. Scrolling
7. Src 8. Target
a. _self
b. _blank
c. _parent
d. _top
e. targetframe
Chapter 2: Cascading Style Sheet
 Cascading Style Sheet
Cascading Style Sheet (CSS) is used to set the style in web pages that contain HTML
elements. It sets the background color, font-size, font-family, color, … etc property of
elements on a web page.
CSS handles the look and feel part of a web page. Using CSS, you can control the color
of the text, the style of fonts, the spacing between paragraphs, how columns are sized and
laid out, what background images or colors are used, layout designs, variations in display
for different devices and screen sizes as well as a variety of other effects.
There are three types of CSS which are given below:
 Inline CSS
 Internal CSS
 External CSS
1. Inline CSS
Inline CSS contains the CSS property in the body section attached with element is
known as inline CSS. This kind of style is specified within an HTML tag using the
style attribute.
2. Internal or Embedded CSS

This can be used when a single HTML document must be styled uniquely. The CSS
rule set should be within the HTML file in the head section i.e the CSS is embedded
within the HTML file.
3. External CSS
External CSS contains separate CSS file which contains only style property with the
help of tag attributes (For example class, id, heading, … etc). CSS property written in
a separate file with .css extension and should be linked to the HTML document using
link tag. This means that for each element, style can be set only once and that will be
applied across web pages.
 Classes
A CSS class is an attribute used to define a group of HTML elements in order to apply unique
styling and formatting to those elements with CSS.
Chapter 3. Form And Form Control
 Form
HTML Form is a document that stores information of a user on a web server using
interactive controls. An HTML form contains different kinds of information such as
username, password, contact number, email id, etc. The elements used in an HTML form
are the check box, input box, radio buttons, submit buttons,
Attributes
1. Action
Backend script ready to process your passed data.
2. Method
Used to upload data.
3. Target
Specify the target window or frame where the result or the script will be displayed.
4. Enctype
Used to the specify how the browser encodes the data before it’s sent it to the server.
 Form Controls
1. Text input Control:

There are three types of text input used on forms.
a) Single line text input control
b) Password input controls
c) Multiline text input control
2. Checkbox Control
Checkbox are used when more than one option is required to be selected. 3.
Radio Button
Radio buttons are used when out of many options just one option is require to be
selected.
4. Select box Control
A select box, also called dropdown box which provides option to list down various
option in the form of dropdown list.
5. Buttons
Button are rendered as simple push buttons, which can be programmed to control
custom functionality anywhere on a webpage as required when assigned an event
handler function (typically for the click event).
Chapter 4. Introduction Of Java Script
 Features of Java script

1. A scripting language
2. Dynamic variable typing
3. First-class functions
4. Event-driven
5. Server-Side or Client-Side
6. Client-Side functionality
 Keywords
There are several keywords in JavaScript that perform functions, such as break , for , if ,
and while , all of which have special meaning
 Variable
Variables are used to store data. You can create a variable, but not store anything with it
by using the var keyword; this is known as declaring a variable.
 Datatypes
There are five simple data types in JavaScript:
 Number: Used to perform arithmetic operations (addition, subtraction, multiplication,
and division). Any whole number or decimal number that does not appear between
quotation marks is considered a number.
 String: Used to handle text. It is a set of characters (including numbers, spaces, and
punctuation) enclosed by quotation marks.
 Boolean: A Boolean value has only two possible values: true and false This data
allows you to perform logical operations and check whether something is true or false.
 Null: Indicates that a value does not exist. This is written using the keyword null This
is an important value because it explicitly states that no value has been given. This can
mean a very different thing from a string that just contains a space or a zero.
 Undefined: Indicates a situation where the value has not been defined previously in
code and uses the JavaScript keyword undefined You might remember that if you
declare a variable but do not give it a value, the variable is said to be undefined
 Control Statement
Control statements are used to control flow of the statements in given program.
There are two types of control statements in JavaScript.
 Conditional statements
 Looping statements
 Objects
JavaScript supports programming with objects. Objects are a way of organizing the
variables. The different screen elements such as Web pages, forms, text boxes, images,
and buttons are treated as objects. 1. Built-In Objects
Some of the built-in language objects of JavaScript offer more advanced operations
are:
• Math – provides for math calculations
• Date – provides date and time information
• String – provides for string manipulation
2. Document Object
The Document object represents the Web page that is loaded in the browser window,
and the content displayed on that page, including text and form elements.
3. Window Object
The window object represents the browser window.
 Events
The objects in a Web page are organized in a hierarchy. All objects have properties and
methods. In addition, some objects also have "events". Events are things that happen,
usually user actions, that are associated with an object.
 onLoad - occurs when a page loads in a browser

 onUnload - occurs just before the user exits a page
 onMouseOver - occurs when you point to an object
 onMouseOut - occurs when you point away from an object
 onSubmit - occurs when you submit a form
 onClick - occurs when an object is clicked
 Function
A function is made up of related code that performs a particular task. For example, a
function could be written to calculate area given width and height. The function can
then be called elsewhere in the script, or when an event fires.
 Dialogue Boxes 1. Alert Dialog Box 2. Confirm Dialog Box

An alert dialog box is mostly used to give a warning message to the users.
The confirm dialog box displays a confirm type message and then either returns a true
or false value depending on which button is pressed.
3. Prompt Dialog Box
The prompt dialog box provides a way of getting input from the us
Chapter 5. SQL Introduction
 SQL
Structured Query Language, abbreviated as SQL, is a domain-specific language used in
programming and designed for managing data held in a relational database management
system, or for stream processing in a relational data stream management system.
 Commands
1. DDL
2. DML
3. DQL
4. DCL
1) DDL
DDL stands for Data Definition Language. Following query are execute in DDL
commands: a) Create
b) Alter
c) Drop
d) Describe
2) DML
DML stands for Data Manipulation Language. Following query are execute in DML
commands:
a) Insert into
b) Update
c) Delete
d) Select
e)
• Clause
A) Order by Clause
B) Group by Clause
A) Order by clause-:
Where a particular order is a required the ORDER BY clause must be used. When
used the ORDER BY clause must appear as the last clause in the SELECT statement. The
column or columns on which the result is to be ordered must appear in the column_ list of
the SELECT clause. Columns in the ORDER BY clause may be of type numeric,
character or date. Ordering on a single column. B) Group by clause-:
There are however, occasion when it is useful to be able to list several groups within
single query. To enable this the SELECT statement has an optional GROUP BY
clause which is included immediately after the WHERE clause.
• Aggregate Function
Aggregate function are function that take collection of values as input & return single
value. SQL offer 5 built-in aggregate function. & These are following-:
1) AVG (Average)
2) MIN (Minimum)
3) MAX (Maximum)
4) SUM (Total)
5) COUNT (Count)
• SQL Operator-: Following are the SQL operators-:

1) Arithmetic operator-:
a) + (Add)
b) - (Substract)
c) * (Multiply)
d) / (Divide)
e) % (Module) 2) Comparison Operator-:
a) = (equal to)
b) ! = (not equal to)
c) > (Greater than)
d) < (less than)
e) >= (greater than or equal to)
f) <= (less than or equal to)
g) !> (not less than)
h) !< (not greater than) 3) Logical Operator-:
a) ALL
b) AND
c) ANY
d) BETWEEN
e) EXISTS
f) IN
g) LIKE
h) NOT
i) OR
j) IS NULL
k) UNIQUE

Industrial Training 2

Uploaded by

Copyright:

Available Formats

Industrial Training 2

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

Industrial Training 2

Uploaded by

Copyright:

Available Formats

Latthe Education Society’s Polytechnic, Sangli

Department of Computer Engineering

Industrial Training Report

Subject- Industrial Training (22058)

TITLE- Web Development

243353 Nikhil sukumar patil 2200430348

Academic Year- 2024-25

Board Of Technical Education

This is to certify that Mr. Nikhil sukumar patil with

Sing Of Mentor Sign of HOD Sign of principal

3 Chapter 1: Introduction of HTML and their tag

4 Chapter 2: Cascading Style Sheet

5 Chapter 3: Form and Form Controls

6 Chapter 4: Introduction of JavaScript

7 Chapter 5: Introduction Of SQL

Web Development can be classified into two ways:

Chapter 1: Introduction of HTML And Their Tag

There are three types of CSS which are given below:

2. Internal or Embedded CSS

Chapter 3. Form And Form Control

1. Text input Control:

Chapter 4. Introduction Of Java Script

 Features of Java script

• Math – provides for math calculations

• Date – provides date and time information

• String – provides for string manipulation

 onLoad - occurs when a page loads in a browser

 Dialogue Boxes 1. Alert Dialog Box 2. Confirm Dialog Box

• SQL Operator-: Following are the SQL operators-:

You might also like