Final ITR Report 2022-23

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION (MUMBAI)
INDUSTRIAL TRAINING REPORT

On
“Web Design & Development”
In partial fulfillment for the Completion of course

Industrial Training - 22049
in the Programme
Computer Technology
At
Amrutvahini Polytechnic Collage,Sangamner

Academic Year 2020-21
NNN
Submitted By:
Name:
Seat No.
Certificate
CHAPTER 1
1.1 (Write down aims and Objectives of Inplant Training)

 Develop skills in analyzing the usability of a web site.
 Understand how to plan and conduct user research related to web usability.
 Learn the language of the web: HTML and CSS. Assignments solved/Projects developed
1.2 ORGNISATIONAL STRUCTURE OF INDUSTRY

CHAPTER 2
2.1 INTRODUCTION OF INDUSTRY / ORGANIZATION :-
 COMPANY/ INDUSTRY PROFILE :-
 Name of the Company : InnovationsHub Services Pvt Ltd

 Location/ address /Pin code : Reg. Office : 49, Vakratund Bunglow,
Amrutdham, Nashik-422003, India
 Establishment : 2018
 Email & Web Address : www.innovationshub.in
 Name and Designation of Owners / Contact Person: Kundan Sonawane(Founder)
 Contact Number of Owners / Contact Person: 9021721618
 Type of Product: Service Industry
 Type of Control: (Private )
 Type of Company: NA
 Total Number of Employees in Company: 22
 Total Turnover of Company: NA
2.2 TYPE OF PRODUCTS AND SERVICES:

Websites, Mobile Application, ERP, E-commerce, Online Marketing
Animation, Commercial Billing Software
2.3 HISTORY :-
InnovationsHub Services Pvt Ltd is a leading Information Technology (IT) Service provider in
Nashik and Pune, who delivers the complete solution for the entire software necessities with
the assured quality. We proved our competence in IT consulting, Technology services, R&D
and Technology service, IEEE project development, corporate training, Academic Project en-
hancement, Business Process Outsourcing, Web Designing, Content writing, Research Article
submission, Blogger services, and Management solution. Our team associates designated after
the several scrutinized and hence the exhibits of them imitate the blend of invaluable experi-
ence and the qualification. They have the intellectual to deliver the exact way out for any kind
of defy. We endow the updated methodologies in every phase of our process and we well
known the value of the fiscal and time of the clients. Hence our outcome ensures the supple -
ness for any kind of global amendments and enhancement in IT sector. Our professionals have
the expertise in several fields and they lend their hands for client’s business development and
obligations. We confer the service prior to the dead line and we compromise on the money not
in quality.
CHAPTER 3
3.1 Types of Major Software’s used in Industry/Organization with

their specification:
1. Laptops
Specification
 Processor: up to Intel Core i5-2410M 2.3 GHz.
 Graphics: ...
 Memory: up to 8GB DDR3.
 Storage: up to 750GB hard disk drive.
 Optical Drive: a dual layer DVD reader/writer.
 Display: 17.3" (HD, maximum resolution of 1600 × 900)
 Web Camera: integrated.
2. Notepad++
Notepad++ is a free, open-source text and source code editor. Written in the Web language,
Notepad++ prides itself in paring down on unnecessary features and streamlining processes to
create a light and efficient text notepad program.
CHAPTER 4
Short Report/Description of the project (If any done during training)

Project Description, Screenshots and Code
Day Activities carried out
Web Design & Development. (Static and Dynamic Websites)

1 Introduction to HTML (hypertext markup language)
HTML structure.
Page Components:
<!doctype html> Declaration of version HTML
<html> Container for the document </html>
<head><title> Title of the web page. </title></head>
2
<body> Content of the web page<body>
Heading tags (h1, h2, h3, h4, h5, h6) H1

– larger, H6 – smaller.
Paragraph tag :<p></p>
Basic syntax and example of Image and Link

Image tag <img src = ”url” alt = “description of Image”>
3 src: attribute where we can specify path of image.
alt: attribute where we can specify alternative name for image when image cannot be
display.
4 lists
Ordered list <ol></ol> Un-
ordered list <ul></ul> List tag
<li></li>
Table tag <table></table> At-

tributes in table tag:
<tr></tr>indicates table row.
<td></td>indicates table data.
Grouping tag: <div></div>
Form:
Input tag :<input type=”text” placeholder=”name”>
type=”text” means it contains text value and placeholder is text you want into your text
5
field.
type=”radio” used for radio buttons, type=”checkbox” used for checkbox,
type=”submit” used to submit form.
Select used to create list box and option attribute (<option></option>) used to insert values
in list.
Used to insert a Div in an Html structure.

6 Div tag: <div></div>
Assignment-Basic website Page

Anchor tag <a></a>
Target attribute used to open link in new tab or the same To
1 redirect in same tab.
target=”_self”
To redirect in new tab.
target=”_blank”
Text Formatting :
Horizontal line tag <hr>
It is singular tag used to add horizontal line. Bold
2
tag <b> </b> Used bold text.
Super-script tags <sup></sup> Sub-
script tags <sub></sub>
3 Introduction to CSS (Cascading style sheets) Rules

and types of CSS (Inline, Internal, External)
Way of defining CSS:

4 Using Tag name: Use when we have only one tag. (e.g.: p{color: red;})
Using Id: we use ‘#’ to write CSS for id. (e.g.: #name{height:50px;})
Using Class name: we use ‘.’ To write CSS for class. (e.g.: .head{color: black;})
Color (color: “color name” ;)

Background Type:
5 background-color: “color name”;
background-image: url(“src”);
background-repeat: repeat-x, repeat-y, or no-repeat
Assignment-Design first website using Header, Article and Footer

6
Text: font-size, font-family, font-style, text-shadow.

1 Text-align (Center, Right, Left, Justify)
Text-transform (Uppercase, Lowercase, Capitalize)
Text-decoration (none, underline, overline, line-through)
Display: inline, block, inline-block, none. Di-

mensions: width, height.
2 Overflow: hidden, scroll, visible, auto. Border: Parameters: Border-size, Border-
style (dashed, solid, dot), Border-color.
(e.g.: “border: 2px solid color;”)
Margin: outer space of content (margin: dimensions ;) Pad-

3 ding: inner space of content (padding: dimensions ;)
Dimensions: top, right, bottom, left Same for both.
Introduction to Bootstrap.
4 Online-bootstrap:<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/boot-
strap/3.4.0/css/bootstrap.min.css">
Offline bootstrap: (download bootstrap file and include it in tag)
Classes: Container and Container-fluid.
5 Grid: Grid is made up of grouping of Rows and Columns inside 1 or more Containers.
Used for layout, specifically Responsive Layouts.
Jumbotron class: used to create a grey box.

6 Table class: table class = “table”.
table-bordered, table-striped, table-condense, table-responsive.
Image-classes: img-rounded, img-thumbnail, img-responsive, img-circle.
Alerts: alert-success, alert-info, alert-warning, alert-danger. In-

1 put: input-group, input-group-addon.
Input-size: lg(Large), sm(small), md(Medium), xs(Extra small).
2 Button class: btn btn-default, btn btn-success, btn btn-danger, btn btn-info, btn btn-
warning, btn btn-link, btn btn-primary.
Form: form-control, form-group.

3 Columns: col-lg-6/12, col-xs-12/6, col-sm-4/6, col-md-4/6.
Symbols: glyphicon (envelop, search, etc.)
Button primary class: active, disabled.

4 Button-group: btn-group, caret (used to create selectbox).
Dropdown-menu: dropdown-menu (to create listbox
Progress: class progress-bar.

5 Progress-bar-success, progress-bar-info, progress-bar-warning. progress-striped,
progress-stripped-active
6 Assignment-Design first website using Header, Article and Footer using Bootstrap

Introduction to JavaScript
1 Applications: To change HTML content, to change CSS object, change HTML object,
Form- validation, etc.
Display Possibilities :
1. Using .innerHTML
2. document. write()
2
3. window. alert()
4. console.log()
Script tag: <script type=css/javascript></script>
Method: document.getElementById();`
1. Change Html content. innerHTML used
3
to change html content.
2. Change CSS content.
style used to change CSS content
.src used to perform action on image.

4
.style used to change CSS object.
Hide: .style. display=’none’ (Hide the Content.)
Show: style=”display: none”(When onclick event happen show the Content.)
Variable:
Used to store values. var used
5 to assign name.
Rules of creating variable.
Data types.
6 Assignment- Change background color using radio buttons

Operators:
1 Arithmetic operators. Assignment operators. Bitwise operators. Logical operators (AND
(&), OR (|), NOT (!)).
Statements:
2 if, if-else, if…else if
Functions.
Form-validation.
PHP Introduction and
Installation Local and Live server
3 Client server architecture
1) Introduction To php and how to download , install and operate Xampp server.
2) Also run php programs using local host. 3)Structure
of php program and some basics Ex:-<?php
4 $t=date(“H”);
If($t<”20”){
Echo “Have a good day!”;
}
?>
Conditonal Statements in php: 1)if(con-
dition){
Code to be executed if condition is true;
}
5 2)if(condition){
Code to be executed if condition is true
}else{
Code to be executed if condition is false;
}
switch
Loops:
1) While while (condition is true) {
code to be executed;
}
6 2) do while do {
code to be executed;
} while (condition is true);
3) for for (init counter; test counter; increment counter) {

code to be executed for each iteration;
}
Page 18
Conclusions
It was good & memorable experience of the 6 weeks in the company. During the training
I got technical & practical knowledge in fact it was opportunity to me to observe, how
the various departments co-ordinate in between them & how they were trying to plan,
organize, control & manage the work properly to achieve the organizational goals
Page 19

Final ITR Report 2022-23

Uploaded by

Document Information

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

Final ITR Report 2022-23

Uploaded by

Copyright:

Available Formats

MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION (MUMBAI)

INDUSTRIAL TRAINING REPORT

“Web Design & Development”

In partial fulfillment for the Completion of course

Amrutvahini Polytechnic Collage,Sangamner

1.1 (Write down aims and Objectives of Inplant Training)

1.2 ORGNISATIONAL STRUCTURE OF INDUSTRY

2.1 INTRODUCTION OF INDUSTRY / ORGANIZATION :-

 COMPANY/ INDUSTRY PROFILE :-

 Name of the Company : InnovationsHub Services Pvt Ltd

2.2 TYPE OF PRODUCTS AND SERVICES:

3.1 Types of Major Software’s used in Industry/Organization with

Short Report/Description of the project (If any done during training)

Web Design & Development. (Static and Dynamic Websites)

Heading tags (h1, h2, h3, h4, h5, h6) H1

Basic syntax and example of Image and Link

Table tag <table></table> At-

Used to insert a Div in an Html structure.

Day Activities carried out

3 Introduction to CSS (Cascading style sheets) Rules

Way of defining CSS:

Color (color: “color name” ;)

Assignment-Design first website using Header, Article and Footer

Day Activities carried out

Text: font-size, font-family, font-style, text-shadow.

Display: inline, block, inline-block, none. Di-

Margin: outer space of content (margin: dimensions ;) Pad-

Jumbotron class: used to create a grey box.

Day Activities carried out

Alerts: alert-success, alert-info, alert-warning, alert-danger. In-

Form: form-control, form-group.

Button primary class: active, disabled.

Progress: class progress-bar.

Day Activities carried out

Script tag: <script type=css/javascript></script>

.src used to perform action on image.

6 Assignment- Change background color using radio buttons

3) for for (init counter; test counter; increment counter) {

You might also like