VISVESVARAYA TECHNOLOGICAL UNIVERSITY

“JNANA SANGAMA”, BELAGAVI -590 018.

2022-2023
A Internship Report on

“Inter/Intra Institutional Internship(21INT49)”

Submitted in partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING
In

COMPUTER SCIENCE AND ENGINEERING

Submitted By

ANJALI N
[1JB22CS400]

Under the guidance of

Mrs. Vinutha K
Assistant Professor,
Dept. of CSE,SJBIT

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

SJB INSTITUTE OF TECHNOLOGY

#67, B G S HEALTH AND EDUCATION CITY
Kengeri, Bengaluru-560 060.
 ||Jai Sri Gurudev||
Sri Adichunchanagiri Shikshana Trust ®
SJB INSTITUTE OF TECHNOLOGY
BGS Health & Education City, Kengeri, Bengaluru-560 060.

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

CERTIFICATE
Certified that the Internship report entitled “Inter/Intra Institutional Internship(21INT49)” carried out
by ANJALI N [1JB22CS400] bonafide student of SJB Institute of Technology in partial fulfilment
for the award of “BACHELOR OF ENGINEERING” in 3rd semester as prescribed by
VISVESVARAYA TECHNOLOGICAL UNIVERSITY, BELAGAVI during the academic year
2022-23. It is certified that all corrections/suggestions indicated for internal assessment have been
incorporated in the report deposited in the departmental library. This report has been approved as it
satisfies the academic requirements in respect of the Internship prescribed for the said degree.

Mrs. Vinutha K Dr. Krishna .A.N Dr. K V Mahendra Prashanth

Assistant Professor Professor & Head Principal
Dept. of CSE, Dept. of CSE, SJBIT
SJBIT SJBIT
 ACKNOWLEDGEMENT

I would like to express our profound grateful to His Divine Soul Jagadguru Padmabhushan Sri Sri
Sri Dr. Balagangadharanatha Mahaswamiji and His Holiness Jagadguru Sri Sri Sri Dr.
Nirmalanandanatha Swamiji for providing me an opportunity to be a part of this esteemed
institution.
I would also like to express our profound thanks to Revered Sri Sri Dr. Prakashnath Swamiji,
Managing Director, SJB Institute of Technology, for his continuous support in providing amenities
to carry out this Internship in this admired institution.
I express our gratitude to Dr. K V Mahendra Prashanth, Principal, SJB Institute of Technology, for
providing me excellent facilities and academic ambience, which helped me in satisfactory completion
of Internship work.

I extend our sincere thanks to Dr. Babu N V, Academic Dean, SJB Institute of Technology for
providing us constant support throughout the period of my internship work.

I extend our sincere thanks to Dr. Krishna A N, Professor & Head, Dept.of CSE for providing us
invaluable support throughout the period of my Internship work.

I wish to express our heartfelt gratitude to my guide, Mrs. Vinutha K, for her valuable guidance,
suggestions and cheerful encouragement during the Internship work.

I express my truthful thanks to Dr. Ajay B N, Internship coordinator, Dept.of CSE for his valuable
support.
Finally, I take this opportunity to extend my earnest gratitude and respect to our parents, teaching
& technical staff of the department, the library staff and all my friends, who have directly or indirectly
supported me during the period of Internship work.

Regards
ANJALI N
[1JB22CS400]
 ABSTRACT

The main aim of the internship is to be proficient in web development at the

end of the academic internship. HTML and CSS learning helps one to develop
websites that are interactive and useful. The source code contains all the html
tags required for website development. CSS helps to increase the visual appeal
of website and make it more fun to use. A tutorial of MS Office helped me to
create and edit documents in a more credible way. I selected industry visit as
my non-technical internship which shed light on the manufacturing aspects of
human life and how it makes living easy.
 CONTENTS

CHAPTER 1: INTRODUCTION 1
1.1 Ethnotech 1

CHAPTER 2: ACTIVITY 1 – Web Programming

2.1 - Introduction 3
2.2 -HTML 3
2.3 CSS 9
2.4 Website Developed 11

CHAPTER 3: ACTIVITY 2 – MS Office

3.1 – Introduction 17
3.2 – MS Word 17
3.3 – MS PowerPoint 18
3.4 – MS Excel 19
 List of Figures

SLNO FIGURE PAGE

NO
Figure HTML Element syntax 4
2.1
Figure HTML Boilerplate code 5
2.2
Figure HTML ordered list 8
2.3
Figure CSS Syntax 9
2.4
Figure HTML Website code 11
2.5
Figure Homepage 12
2.6
Figure 1st Login page 12
2.7
Figure Online fir page 12
2.8
Figure Case register form 13
2.9
Figure Word window 15
3.2
Figure PowerPoint window 16
3.3
Figure MS Excel window 17
3.4
INTERNSHIP ACTIVITY 2022-23

CHAPTER 1

INTRODUCTION
1.1 Ethnotech

The Internship was conducted by Ethnotech Academic Solutions Pvt Ltd Ethnotech is
specialized in establishing the state of art cutting edge latest technology labs at
educational institutions They felicitate the collaboration between educational
institutions and global technology corporates. Ethnotech Trains and certifies students
and faculties in latest technologies as well as connecting the certified students to
corporates for placements through its Learning Management System (LMS) Portal.

Students of the department undergo Industrial Oriented Training on E-Plan, Lab-View,

Automotive Engineering, Advance Air conditioning and refrigeration, Internet of
Things, CISCO, Total station, GIS, Web technologies and other software programming
languages. Industrial Oriented training programs on various software and hardware
technologies offered for UG students of various streams. Corporate level training State
of Art Laboratory with industrial standards.

Certification from Ansys, Microsoft, CISCO, IBM, Oracle etc., which are accepted
globally. We learnt the basics of web designing with HTML and CSS, in a span of 9
days. We made our own project at the end using the skills that we had acquired through
the program.

Department of CSE,SJBIT Page | 1

INTERNSHIP ACTIVITY 2022-23

ACTIVITY 1
WEB PROGRAMMING

Department of CSE,SJBIT Page | 2

INTERNSHIP ACTIVITY 2022-23

CHAPTER 2

WEB PROGRAMMING
2.1 INTRODUCTION

Web development is the work involved in developing a website for the Internet (World
Wide Web) or an intranet (a private network).Web development can range from
developing a simple single static page of plain text to complex web applications,
electronic businesses, and social network services.
A more comprehensive list of tasks to which Web development commonly refers, may
include Web engineering, Web design, Web content development, client liaison, client-
side/server-side scripting, Web server and network security configuration, and e-
commerce development.

2.2 HTML

HTML stands for Hyper Text Markup Language. It is used to design web pages using a
markup language. HTML is the combination of Hypertext and Markup language. Hypertext
defines the link between web pages. A markup language is used to define the text document
within the tag which defines the structure of web pages. This language is used to annotate
(make notes for the computer) text so that a machine can understand it and manipulate text
accordingly.
HTML Tags

HTML markup consists of several key components, including those called tags (and their attributes),
character-based data types, character references and entity references.HTML tags mostly come in pairs
like <h1> and </h1> although some represent empty elements and so are unpaired, for example <img>.

Department of CSE,SJBIT Page | 3

INTERNSHIP ACTIVITY 2022-23

HTML Elements
HTML documents imply a structure of nested HTML elements. These are indicated in the
document by HTML tags, enclosed in angle brackets thus: <p>

• 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.

In the simple, general case, the extent of an element is indicated by a pair of tags:a "start
tag" <p> and "end tag" </p>. The text content of the element, if any, is placed between
these tags.

Figure- 2.1: HTML Element syntax

HTML Attributes
• HTML attributes are special words which provide additional information about the
elements or attributes are the modifier of the HTML element.
• Each element or tag can have attributes, which defines the behavior of that element.
• Attributes should always be applied with start tag.
• The Attribute should always be applied with its name and value pair.
• The Attributes name and values are case sensitive, and it is recommended by W3Cthat
it should be written in lowercase only.

Department of CSE,SJBIT Page | 4

INTERNSHIP ACTIVITY 2022-23

HTML Boilerplate

Figure- 2.2: HTML Boilerplate code

HTML TAGS

• <h1>-Heading tag
• <p>-Paragraph tag
• <ls>-list
• <b>-bold

• <u>-underline
• <i>-italic
• <li>-bullet point
• <a>-anchor tag
• <img> - image tag
• <video> - video tag

Department of CSE,SJBIT Page | 5

INTERNSHIP ACTIVITY 2022-23

FORMS
<form> is a HTML element to collect input data containing interactive controls. It
provides facilities to input text, number, values, email, password, and control fields such
as checkboxes, radio buttons, submit buttons, etc., or in other words, form is a container
that contains input elements like text, email, number, radio buttons, checkboxes, submit
buttons, etc. Forms are generally used when you want to collect data from the user. For
example, a user wants to buy a bag online, so he/she must first enter their shipping address
in the address form and then add their payment details in the payment form to place an
order. Forms are created by placing input fields within paragraphs, preformatted text, lists
and tables. This gives considerable flexibility in designing the layout of forms.

These are the following HTML <form> elements:

• <label>: It defines label for <form> elements.

• <input>: It is used to get input data from the form in various types such as text, password,

email, etc by changing its type.

• <button>: It defines a clickable button to control other functionality.

• <select>: It is used to create a drop-down list.

• <textarea>: It is used to get input long text content.

Syntax

<form>

<! --form elements-->

</form>

Department of CSE,SJBIT Page | 6

INTERNSHIP ACTIVITY 2022-23

TABLES

A table is a structured set of data made up of rows and columns (tabular data). A table
allows you to quickly and easily look up values that indicate some kind of connection
between different types of data, for example a person and their age, or a day of the week,
or the timetable for a local swimming pool.[1]

• <tr>-table rows
• <th>-table heading
• <td>-table data

EX:
<tr>
<td>CELL 1</td>
<td>CELL 2</td>
</tr>
<tr>
<td>CELL 3</td>
<td>CELL 4</td>
</tr>

OUTPUT

CELL 1 CELL 2

CELL 3 CELL 4

Department of CSE,SJBIT Page | 7

 INTERNSHIP ACTIVITY 2022-23

LISTS

• HTML Lists are used to specify lists of information.

• All lists may contain one or more list elements.

There are two different types of HTML lists:

1. Ordered List or Numbered List (ol):
In the ordered HTML lists, all the list items are marked with numbers by default. It is
known as numbered list also. The ordered list starts with <ol> tag and the listitems start
with <li> tag.
2. Unordered list or bulleted list(ul):
In HTML Unordered list, all the list items are marked with bullets. It is also known as
bulleted list also. The Unordered list starts with <ul> tag and list itemsstart with the
<li> tag.

Figure- 2.3: HTML ordered list

Department of CSE,SJBIT Page | 8

INTERNSHIP ACTIVITY 2022-23

2.3 CSS

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). CSS is a cornerstone
technology of the World wide web, alongside HTML.
The major points of CSS are given below:
 CSS stands for Cascading Style Sheet.
 CSS is used to design HTML tags.
 CSS is a widely used language on the web.
 HTML, CSS and Java Script are used for web designing.

TYPES OF CSS

 Inline CSS:

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 tag.

Figure-2.4: CSS Syntax

Department of CSE,SJBIT Page | 9

INTERNSHIP ACTIVITY 2022-23

 Internal CSS:

The internal style sheet is used to add a unique style for a single document. It is defined
in <head> section of the HTML page inside the <style> tag.

 External CSS:

The external style sheet is generally used when you want to make changes on multiple
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.

CSS SELECTOR

CSS selectors are used to select the content you want to style. Selectors are the part of CSS rule
set. CSS selectors select HTML elements according to its id, class, type, attribute etc.

There are several different types of selectors in CSS.

1. CSS Element Selector
2. CSS Id Selector
3. CSS Class Selector
4. CSS Universal Selector
5. CSS Group Selector

Department of CSE,SJBIT Page | 10

INTERNSHIP ACTIVITY 2022-23

2.4 Website Developed

I along with my teammates developed a movie ticket booking website ”ONLINE FIR”
We used HTML and CSS training that we had received during the training session to
create a website for reviewing and gathering information about a movie.

Figure- 2.5: HTML Website code

Department of CSE,SJBIT Page | 11

INTERNSHIP ACTIVITY 2022-23

Figure- 2.6: HOMEPAGE

Figure- 2.7: Login page

Department of CSE,SJBIT Page | 12

INTERNSHIP ACTIVITY 2022-23

Figure-2.8: Case register form

Department of CSE,SJBIT Page | 13

INTERNSHIP ACTIVITY 2022-23

ACTIVITY 2
MS OFFICE

Department of CSE,SJBIT Page | 14

INTERNSHIP ACTIVITY 2022-23

CHAPTER 3

MS TOOLS

3.1 INTRODUCTION

Microsoft Office, or simply Office, is the former name of a family of client software, server
software, and services developed by Microsoft
Microsoft Office is a suite of desktop productivity applications that is designed specifically to be
used for office or business use. It is a proprietary product of Microsoft Corporation and was first
released in 1990. Microsoft Office is available in 35 different languages and is supported by
Windows, Mac, and most Linux variants. It mainly consists of Word, Excel, PowerPoint, Access,
OneNote, Outlook, and Publisher applications.

3.2 MS WORD

Microsoft Word is a word processing software developed by Microsoft. It was first

released on October 25, 1983,[7] under the name Multi-Tool Word for Xenix systems.
Subsequent versions were later written for several other platforms including IBM PC
running DOS (1983), Apple Macintosh running the Classic Mac OS (1985), Microsoft
windows (1989), SCO UNIX (1990) and macOS (2001).

Department of CSE,SJBIT Page | 15

INTERNSHIP ACTIVITY 2022-23

Figure-3.2: Word window

3.3 MS POWERPOINT

A PowerPoint presentation is a presentation created using Microsoft PowerPoint software. The

presentation is a collection of individual slides that contain information on a topic. PowerPoint
presentations are commonly used in business meetings and for training and educational purposes.
Microsoft PowerPoint is a software product used to perform computer based presentations. There
are various circumstances in which a presentation is made: teaching a class, introducing a product
to sell, explaining an organizational structure, etc. The preparation and the actual delivery of each
are quite different. PowerPoint typically comes with a set of preloaded themes for you to choose
from. These can range from simple color changes to complete format layouts with accompanying
font text. Themes can be applied through the whole presentation or a single slide.

Department of CSE,SJBIT Page | 16

INTERNSHIP ACTIVITY 2022-23

Figure-3.3: PowerPoint window

3.4 MS EXCEL

Microsoft Excel is a general-purpose electronic spreadsheet used to organize,

calculate, and analyze data. The task you can complete with Excel ranges from
preparing a simple family budget, preparing a purchase order, or managing a
complex accounting ledger for a medium size business.
There are several features that are available in Excel to make your task easier.
Some of the main features are:
AutoFormat - lets you to choose many preset table formatting options.
1. AutoSum - helps you to add the contents of a cluster of adjacent cells.
2. List AutoFill - automatically extends cell formatting when a new item is added to the end
3. AutoShapes toolbar- will allow you to draw your own graphs.

Department of CSE,SJBIT Page | 17

INTERNSHIP ACTIVITY 2022-23

4. Drag and Drop - feature will help you to reposition the data and text
5. Charts - features will help you in presenting a graphical representation of your data.

Figure-3.4: MS excel window

Department of CSE,SJBIT Page | 18

INTERNSHIP ACTIVITY 2022-23

CONCLUSION

With the help of Ethnotech’s training session it made my web development concept clear. It helped
me develop my website and my portfolio. The training was helpful to help me develop websites in
future with the help of HTML and CSS.

MS Office training helped me perfect and increase my productivity with the use of MS suite. It
was informative and made me explore the software and unlock its true potential.

Department of CSE,SJBIT Page | 19

INTERNSHIP ACTIVITY 2022-23

REFERENCES

[1] Liebowitz, Stan J. & Margolis, Stephen E. Winners, Losers & Microsoft: Competition and
Antitrust in High Technology Oakland: Independent Institute. ISBN 978-0-945999-80-5

[2] Microsoft Word – official site

[3] Find and replace text by using regular expressions (Advanced) - archived official support
website.

[4] Campbell, Jennifer (2017). Web Design: Introductory. Cengage Learning. p. 27.

[5]^ Northwood, Chris (2018-11-19). The Full Stack Developer: Your Essential Guide to the
Everyday Skills Expected of a Modern Full Stack Web Developer. Apress. ISBN 978-1- 4842-
4152- 3.

[6]^ "Longer Bio for Tim Berners-Lee". www.w3.org. Retrieved 2022-04-27. "What is Web
Development? - Definition from Techopedia". Techopedia.com. Retrieved 2018-12-07.

[7] https://www.w3schools.com/whatis/

[8] https://www.javatpoint.com/html-lists

Department of CSE,SJBIT Page | 20