ABSTRACT

The main objective of this internship was WEB PAGE DESIGN AND
DEVELOPMENT. Several programming languages that are in use to develop a web
based application on software some of them are only used for the UI and the frontend
development of the application, some are used for the backend design of the software.
For example- HTML, CSS, Bootstrap Framework etc are some programming
languages to develop the frontend of an application. PHP, Java etc are used at the
backend. Nowadays there are also some frameworks that are used vastly. Frameworks
are basically structured programming by using Model, View, and Controller. It is also
called MVC. If we develop a web based application that is very useful for us because
we can access it from anywhere in the world. It is very helpful for our daily life. That
is why the subject of my report is WEB PAGE DESIGN AND DEVELOPMENT.
Working in NLC INDIA LIMITED added much experience in my upcoming career.
Solving real Life problems was another key issue. This report takes us through all the
details of WEB PAGE DESIGN AND DEVELOPMENT knowledge and experience
gathered during this internship period.
 INDEX

CHAPTER TOPIC PAGE NO

CHAPTER 1 1.1 NLCIL

1.2 COMPUTER SERVICES

CHAPTER 2 2.1 INTRODUCTION

2.2 OBJECTIVES

2.3 GOALS

2.4 REPORT LAYOUT

CHAPTER 3 3.1 INTERNSHIP ROLES AND

RESPONSIBILITIES INTRODUCTION

3.2 TRAINING ATTENDED

3.3 ASSIGNED RESPONSIBILITIES

3.4 PERFORMED TASKS

3.5 WEB PAGE DETAILS

CHAPTER 4 4.1 LEARNING OUTCOMES

4.1.1 BASICS OF HTML

4.1.2 BASICS OF CSS

4.1.3 BOOTSTRAP

4.2 PROBLEMS AND SOLUTIONS

4.2.1 PROBLEMS

4.2.2 SOLUTIONS

4.3 CHALLENGES

CHAPTER 5 5.1 CONCLUSION

3
5.2 FEEDBACK

5.3 REFERENCE

CHAPTER – 1

4
 INTRODUCTION

1.1 NLC INDIA LIMITED

NLC India Limited (formerly NLC – Neyveli Lignite Corporation Limited) is

a Navratna government corporation in the fossil fuel mining sector in India and
thermal power generation under the ownership of Ministry of coal, Government
of India, incorporated on November 11, 1950. It annually produces about 30
million tonnes of Lignite from open cast mines at various places in India.

MINES

NLC operates three open cast Lignite Mines of total installed capacity 28.5
Millions Tonnes Per Annum (MTPA), One opencast Lignite Mine at Barsingsar
in Rajasthan with an installed capacity of 2.1 MTPA and an open cast coal mine
at Talbirain Odisha with an installed capacity of 20 MTPA.

MINES CAPACITY(MTPA)

MINE I 10.5

MINE IA 3.0

MINE II 15.0

BARSINGAR 2.1

5
fig.1 overview of Mine 2

6
THERMAL POWER PLANTS
The Company is also operating four Lignite based pit-head Thermal Power Stations
with an aggregate capacity of 3390 Mega Watt (MW) at Neyveli and a 250 MW Lignite
based Thermal Power Station (BTPS) at Barsingsar, Rajasthan. A 1000 mw Coal based
Thermal Power Station is also in operation at Thoothukudi, Tamil Nadu through its
subsidiary company, NLC TamilNadu Power Limited (NTPL), a Joint Venture between
NLCIL and TANGEDCO.

POWER PLANTS CAPACITY(MW)

TPS I 600(retired)

TPS II 1470

TPS I EXPANSION 420

TPS II EXPANSION 500

BARSINGSAR TPS 250

NTPL 1000

NNTPP 1000

7
 Fig.2 Thermal Power Station I expansion

Fig.3 Thermal Power Station block diagram

8
OTHER ENERGY SOURCES
NLCIL has diversified into renewable energy production and operates 1370 MW of solar
Power Plants in various Districts of Tamil Nadu Andaman & Nicobar Islands and 51 MW
Wind Power in Tirunelveli district of Tamil Nadu.

Fig,4 Floating Solar at NNP

1.2 COMPUTER SERVICES , MINE II

Major tasks performed at Computer Services Division of Mine-II, NLCIL are as

follows:

 BMC of PC’s and Peripherals(Auxiliary equipment):

 Maintenance activities to troubleshoot PC’s and peripherals including

Monitors, UPS, Mouse, Keyboards etc. which shall be carried out by
BMC Contractor.
 Periodical Maintenance / Pro active checkup to check for
malfunctioning IT equipments.
 Retrieval of lost data in the Hard drives equipped.
 Formatting / Reset / Loading of Operating Systems into PCs if
necessity arises.
 Peripheral equipments like UPS shall be checked for proper power
backup.
 Sharing of Folders between PCs in networked mode.

9
 BMC of Printers & Plotters(Large Format Printer)
 Maintenance activities includes troubleshooting of Malfunctioning
Printers which shall be carried out by BMC Contractor including
replacement of Consumables like Printer Heads, Inks etc.
 Maintenance activities includes troubleshooting of Malfunctioning
Plotters which shall be carried out by BMC Contractor including
replacement of Consumables like Print Heads, Inks etc.
 Sharing of Printer between networked PCs.
 Sharing of Plotters between networked PCs.

 NAMC of Wireless Networks inside mines

 Maintenance activities includes troubleshooting of Malfunctioning
Wireless modems which shall be carried out by NAMC Contractor
including replacement of Faulty modems and configuring the same.
 Re-location of Wireless modems as per demand received from end
users.

 BMC of CCTV inside mines including IP CCTV

 Maintenance activities includes troubleshooting of Malfunctioning IP
Cameras fixed at Administrative Office and certain locations inside
mines which shall be carried out by BMC Contractor.
 Maintenance activities includes troubleshooting of Malfunctioning
Analog Cameras fixed in SME Machines inside mines which shall be
carried out by BMC Contractor.
 Re-locations of IP and Analog Cameras based on demands by end user.

 BMC of Mining Softwares like SURPAC for Mine Modeling

 SURPAC is a mine modelling software used by Planning, Survey and
Geology divisions of Mines.
 BMC Contractor shall provide necessary software update as and when
available.

 Troubleshooting of Wired networks in the Administrative office premises

 Retrieval of CCTV Footages from both Analog CCTV & IP CCTV

 BMC Contractor shall be responsible for retrieval of CCTV footage
from SME Machines as demanded by end users.

10
 Maintenance and modification of mines Website as per end user demands
 Updating Unit Website periodically.
 Updating Unit Website as demanded by user divisions.
 Managing separate portal for separate divisions/Zones.

fig.5, Administrative Office, Mine 2

11
CHAPTER 2

12
2.1 INTRODUCTION
Internship is taught in addition to a few encounters from the different a few
associations which will encourage bounty to make a connection between the
hypothetical and reasonable data. It includes profitable abilities like usable working
environment or pc instrumentation, taking care of a spread of things in the meantime,
sorting out or dissecting learning, spending plans or rising collaboration, composing,
and talking gifts. Usable work environment or pc instrumentation, composing, and
talking are gifts for me. It’s indispensable to get a handle on the best approach to
impart data to outsiders, managers, and companions. While doing an undergraduate
program in computer science and engineering at KPR INSTITUTE OF
ENGINEERING AND TECHNOLOGY, I considered a few programming courses.
Be that as it may, this is frequently not happy to get a handle on the web developing
because of it's an extremely huge marketplace to encourage a sound data concerning
programming which has net application style and Development. I'm intrigued to
attempt and do an entry level position in NLC India Limited. This entry level position
report covers the whole temporary job time that I have finished with progress
concerning the coding, style and improvement.

2.2 OBJECTIVES

❖ Understand basic concept and structure of HTML, CSS, Bootstrap

Frame work.

❖ To get awareness about the various job opportunities.

❖ To perceive communicational skills and organizational dynamics.

❖ To get educated about the official habitat.

❖ Opportunities for technical skill.

❖ Improve communication skills.

13
❖ Knowing all types of official knowledge.

14
2.3 GOALS

❖ Knowing practical knowledge about programming.

❖ Gain knowledge about HTML, CSS, Bootstrap Framework.

❖ Increase communication skills with others.

❖ Gain essential background knowledge.

❖ Works well with others.

❖ Develop research skills.

❖ Improve administrative skills.

❖ Increase the capability for solving the problems.

❖ Knowledge of professional journals and newsletters.

❖ Knowledge of key professionals.

❖ Improve professional ethics and values.

❖ Improve technical skills.

15
2.4 REPORT LAYOUT
This Layout contains key points of this report as objective details. Through the
document design, I describe the report's template attributes, like the report's page
format and report’s data's number format. I am able to set parameters for the
documents when I use the functions of layout.

❖ Chapter 1: This chapter is dedicated to describe the company I am doing the

internship in. The motto and the goal of the company is stated in this chapter.

❖ CHAPTER 2:

 Objective: In this portion, the objective of the internship is described. It also

consists of the facility, resources, how to reduce the number of employees and
load of work on them. How to implement, inheriting the motivational thinking
of web development.

 Goals: Goals describe the aim of the internship. The key features of this
is to analyze the learning by the internship. It also shows the
effectiveness and the choices can be made in future.

 Report layout: It is a overview of the chapters contain in the full report

❖ CHAPTER 3: This chapter consists of the responsibilities and the roles I was
given while doing the internship. This contains the training attended, work
environment, assigned roles and responsibilities and the performed tasks.

❖ CHAPTER 4: This chapter contains the outcomes of a project and as well the
internship. The outcome of a project is the result, and the problems and their
solutions. For example: understanding concepts and learning about the
challenges and outcomes.

❖ CHAPTER 5: This chapter simply contains and describes the conclusion of

the report.

16
CHAPTER 3

17
3.1 Introduction

This chapter secured the approach of the internship program and gives the data
about where internship has been connected to accept accountability in this program.

3.2 Training Attended

We know that there are many languages and skills needed to build a project, I
used languages like HTML, CSS and more. The server combines the result and
executes HTML codes containing various forms of data like Image, Text etc. The
training that I underwent at NLC INDIA LIMITED INDIA LIMITED Is shown
below.

❖ HTML

❖ CSS

❖ Bootstrap

3.3 Delegated Responsibilities

❖ Web design
-Designing websites.

❖ Frontend development
- Developing the frontend of various websites.

18
3.4 Performed Tasks

The name of the project is the design and implementation of the sample of Mine II
webpage which helps in showing the essential details of the Mines operations. It is
also created for the purpose of employees to view their details in the profile .The
profile expresses the attendance and salary details of the employees and more. The
page is created with a number of divisions like home, production, HR, SME, finance,
training, ISO, Swachh Bharath, photo gallery, utilities and other units. There is
separate division for circulars, about, contact details, old mine 2 website, mail list etc.
the page also contains the logo of the company, mine views, some text related to Mine
II.

3.5 WEB PAGE DETAILS

 Web Portal for Diesel Bunk consumption inside mines with screen for
daily consumption entries

 Diesel is an important commodity with respect to operation of

Huge Machineries inside mines.
 Hence, Diesel Consumption entries are entered by user division
regularly to monitor the diesel usage and its impact on revenue.

19
 Intranet connectivity in Administrative Office through Indoor Wi-Fi
Modems for hassle free operation.

 Each wing of Administrative office is being set up with Indoor Wi-Fi

modem to cater the Intranet connectivity needs of mobile equipments
like Laptop etc.
 Users can move between one wing to another wing without the Wi-Fi
signal being disconnected since the Wi-Fi modems in all the wings
are in turn networked.

 Web Portal to record daily production details of mines including Monthly

Mine position graphs and Conveyor position graphs.

 Planning division of mines is the major division which decides the

future progress of the mines including recording of the daily
production and stoppage details in the web portal designed.
 Mine Position and Conveyor positions are periodically updated in this
portal to reflect the exact scenario of mines.
 Other important mines movement related documents approved by
Competent authority are also available in the portal for easy and
ready to share access.

20
 Web Portal for Human resource department to host periodic circulars
 Human resources department plays a major role in structuring the
employee strength including the welfare of employees.
 Circulars reflecting the internal transfers / administrative changes
in Office is reflected in this portal.

 Web Portal for Training department of mines to monitor the training

needs of employees of Mines.

 Training department of Mine-II maintains the records of

employees trained on regular basis based on the data available in
this portal.
 They also maintain the future programmes scheduled.

21
  Sample web page

The above page is developed by me. It is developed based on the Mine II webpage for
references. The page contains necessary contents as it in the Mine II web pages. The
page is developed for practicing purposes. The page includes several divisions. They
are title division, logo division, button divisions, image division, card divisions etc.

22
4.1 LEARNING OUTCOMES

4.1.1 HTML

❖ Basic HTML (Tags, Element, Attributes, Paragraphs, Headings, Line

Breaks, Horizontal Rule, Lists, Table, Color Codes, Font, Text Linking,
Email, Images, Background, Comments, Meta, Media, Charset)

❖ HTML Forms (Input, Text Fields, Password, Checkbox, Combo Box,

Radio, Text Areas, Files, Buttons)

❖ HTML features.

4.1.2 CSS

❖ Basic CSS (selector, internal, external, Inline, Class, Id, Background, font,
Text, Padding, Margin, Border, list CSS, hovering and elements)

❖ Concept of Menus (single menu, dropdown menu)

❖ Template, design using CSS div.

23
4.1.3 BOOTSTRAP

❖ Environment Setup

❖ Grid System

❖ Typography

❖ Tables, Forms, Buttons, Images

❖ Drop down, Button group

❖ Navigation Element

❖ Bootstrap plug-ins (Transition, Modal, Drop down, Tab, Tool tip,

Alert, Button)

24
4.2 PROBLEMS AND SOLUTIONS

Issues based on development can be faced as the result it requires more

vocabulary of form markups, methods, objects, modifiers, and many ways to build
software or plan. And it's not just web development issues that have more solutions
that can be easy and quick.

4.2.1 PROBLEMS

I faced so many problems while working with CSS. It's very easy, but sometimes it
doesn't match my expectations and is placed in the right place. Web design is not a
simple task. To come up with a unique web design it takes a lot of creativity,
brainstorming, cooperation of the group and uniqueness. A web designer goes through
a lot of obstacles on a regular basis. Only the web designs that were in the process of
constant development and recursive thinking can satisfy the target market and clients.
This creates a challenging environment for designing websites.

On the contrary, web designers face some other obstacles. Such tasks include
maintaining a website that is sensitive enough to be viewed and accessed on all
phones. Websites sometimes take time to load, so making website loading faster is
one of the toughest challenges for web design to provide a better user experience.

There is another issue that happens most often. Clients face issues with the website
and complain to the developer. But when developers check the website it looks
absolutely fine to them. These issues can be caused by outdated web servers or when
clients make incorrect changes to them. Finding the sources of these issues can be
time consuming and developers have to tackle this on a daily basis.

25
4.2.2 SOLUTIONS

Web page development really is so fascinating and at the same time tough to me, I
will learn and understand several goals with interest through internship training as if
after studying I could understand web page designs and it is so interesting then all the
other languages to me. During my training period, I solved the CSS and other
problems. Clean software eliminates unforeseen errors that can impact the load of a
site. Automated website monitoring solutions frequently enable developers to view
the web pages of their customers in real time and set alerts to notify them when
potential issues arise. Not only does this allow developers to recognize an issue before
the customer does it, it also gives them the opportunity to address it in many situations
before the problem affects the business of the customer.

4.3 Challenges

During the design of the code, different types of problems have to be [Link]
widespread.

❖ Syntax error.

❖ Fatal error.

❖ Find out the problem and try to solve that.

26
5.1 CONCLUSION

Finally, I can claim it's an internship that helps me gain experience. Thanks to NLC
India Limited, I gained so much more knowledge of technical skills and personal
skills. This training helped me gather theoretical and practical knowledge about
HTML, CSS, BOOTSTRAP and other programming languages. Beforehand I was
confident about designing and developing frontend of websites. Now I am also
confident and competent in creating web pages. For those students who are willing to
work in web development, there are huge opportunities available. To give them the
scope for online work and web page development, most private and public
organizations employ web designers. With the rapid emergence of the digital industry,
web development professionals' demand is growing, and in the coming days this has
already availed so many job opportunities for newcomers. My internship company
gave me a good scope to learn and discover my potential. I am very grateful to them.
Now I am able to develop web pages and applications. I was fortunate to get the
chance to meet the real life software development environment.

5.2 FEEDBACK

I would like to thank NLC India Limited, Neyveli for giving us this wonderful
opportunity to carry out our Internship in the computer services, mine II. I gained so
much experience from this Internship. If I did not have this experience it would be
very hard for me to find a suitable job. As we know, finding work can be a challenge
in this competitive world. In my career opportunity, this internship will support me.
The experience gained here will be useful to us in future. I would like to mention
special thanks to my external guide for giving guidance and support to complete this
internship training.

5.3 REFERENCE

 [Link]

27