You are on page 1of 10

ABSTRACT

WEB DEVELOPMENT is one of the main courses in Computer


Science and Engineering. Every student should earn one credit by
Internship Training. The period of the training is 14 days in which I have
earned 1 credit. I have attended my Intern Training in IO SOLUTIONS
via offline mode from June 12th 2023 to June 28th 2023. I came to know
about the various working process in this field and practically I was able
to get knowledge on it. During this Intern Training I have learn about
Web Development.
INTRODUCTION

1.1 Company’s background:

IO Solution based in Coimbatore, India, efficiently delivers


application development services, website designing & hosting,
SEO and digital marketing services. In this digital era, We
enable you for the digital transformation to outperform the
competition. We offer technology solutions to run the business
more efficiently and accelerate revenue growth by making your
tasks simple through our apps and your marketing through
digital.

1.2 Training Objectives:

The main objective of the internship is it helps us to strengthen


professional skills and interpersonal relationships in professional settings.
This report will give a detail study of my Internship Training and the way
I have contributed to the organization. Although I spent a lot of time in
learning new things, I found that I was well trained in certain areas that
will help me in my projects. This report concludes with my overall
impressions of my work experience as well as my opinion of the
Industrial Internship Program in general. This study will help me in future
to understand a working environment in a Computer Science and
Engineering project organization. During my semester vacation, I have
done my internship Training in IO SOLUTIONS, Coimbatore. The
coordinator guiding me were very helpful and extended their valuable
guidance.
WEB DEVELOPMENT

Web development refers to the creating, building, 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 i.e. websites.

The word Web Development is made up of two words, that is:


 Web: It refers to websites, web pages or anything that works over
the internet.

 Development: It refers to building the application from scratch.

Web Development can be classified into two ways:


 Frontend Development
 Backend Development

The part of a website where the user interacts directly is termed as front
end. It is also referred to as the ‘client side’ of the application.
HTML

HTML stands for Hyper Text Markup Language. It is used to


design web pages using markup language. HTML is the combination
of Hypertext and Markup language. Hypertext defines the link
between the web pages. Markup language is used to define the text
document within 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.
Most of markup (e.g. HTML) languages are human readable.
Language uses tags to define what manipulation has to be done on
the text.HTML is a markup language which is used by the browser to
manipulate text, images and other content to display it in required
format. HTML was created by Tim Berners-Lee in 1991. The first
ever version of HTML was HTML 1.0 but the first standard version
was HTML 2.0 which was published in 1999.

HTML is used to create the structure of web pages that are displayed
on the World Wide Web (www). It contains Tags and Attributes that
are used to design the web pages. Also, we can link multiple pages
using Hyperlinks.

• <DOCTYPE! html> – A doctype or document type declaration


is an instruction that tells the web browser about the markup
language in which the current page is written. It is not an
element or tag. The doctype declaration is not case-sensitive.
• <html> – This tag is used to define the root element of HTML
document. This tag tells the browser that it is an HTML
document. It is the second outer container element that contains
all other elements within it.
• <head> – This tag is used to define the head portion of the
HTML document that contains information related to the
document. Elements within the head tag are not visible on the
front-end of a webpage.
• <body> – The body tag is used to enclose all the visible content
of a webpage. In other words, the body content is what the
browser will show on the front end.

Tags in HTML:

Tags Tag name Use

<HTML>. . . </HTML> HTML tag The entire HTML document.

<head> . . . </head> Head tag The head, or prologue, of the


HTML document.

<body> . . . </body> Body tag All the other content in the


HTML document

<TITLE> . . . </TITLE> Title tag Title of the document.

<H1> . . . </H1> Heading 1 tag First-level heading large text size


CSS

CSS is the language we use to style an HTML document.CSS


describes how HTML elements should be displayed. Cascading
Style Sheets (CSS) is a stylesheet language used to describe the
presentation of a document written in HTML or XML . CSS
describes how elements should be rendered on screen, on paper, in
speech, or on other media.

CSS (Cascading Style Sheets) is used to style and layout web


pages — for example, to alter the font, color, size, and spacing of
your content, split it into multiple columns, or add animations and
other decorative features. The name cascading comes from the
specified priority scheme to determine which style rule applies if
more than one rule matches a particular element. This cascading
priority scheme is predictable.

CSS is designed to enable the separation of presentation and


content, including layout, colors, and fonts. This separation can
improve content accessibility; provide more flexibility and control in
the specification of presentation characteristics; enable multiple web
pages to share formatting by specifying the relevant CSS in a
separate .css file, which reduces complexity and repetition in the
structural content; and enable the .css file to be cached to improve
the page load speed between the pages that share the file and its
formatting.
Ways to Insert CSS:
There are three ways of inserting a style sheet:
 External CSS

 Internal CSS

 Inline CSS

External CSS:
An external style sheet can be written in any text editor, and must
be saved with a .css extension. The external .css file should not contain
any HTML tags. With an external style sheet, we can change the look of
an entire website by changing just one file. Each HTML page must
include a reference to the external style sheet file inside the <link>
element, inside the head section.

Internal CSS:
An internal style sheet may be used if one single HTML page
has a unique style.The internal style is defined inside the <style>
element, inside the head section. The internal styles are defined
within <style> element inside the <head> section of the HTML page.

Inline CSS:
An inline style may be used to apply a unique style for a single
element.To use inline styles, add the style attribute to the relevant
element. The style attribute can contain any CSS property.Inline
styles are defined within “styles” attributes.
Javascript

JavaScript is the world's most popular programming


language.JavaScript is the programming language of the Web.
JavaScript is a fun and flexible programming language.

It’s one of the core technologies of web development and can


be used on both the front-end and the back-end. Javascript is one of
the most widely used programming languages (Frontend as well as
Back-end). It has it's presence in almost every area of software
development.

JavaScript is a lightweight, interpreted programming


language. It is designed for creating network-centric applications. It
is complimentary to and integrated with Java. JavaScript is very easy
to implement because it is integrated with HTML. It is open and
cross-platform.

<script> tag in JAVASCRIPT:


JavaScript can be implemented using JavaScript statements that
are placed within the

<script>... </script> HTML tags in a web page. Can place the


<script> tags, containing JavaScript, anywhere within web page, but
it is normally kept within the <head> tags.

JavaScript Literals:
The two most important syntax :

Numbers are written with or without decimals

Strings are text, written within double or single quotes


PHP

The PHP Hypertext Preprocessor (PHP) is a programming


language that allows web developers to create dynamic content that
interacts with databases. PHP is basically used for developing web
based software applications. This tutorial helps you to build your
base with PHP.

PHP started out as a small open source project that evolved as


more and more people found out how useful it was. Rasmus Lerdorf
unleashed the first version of PHP way back in 1994.

PHP is a MUST for students and working professionals to become


a great Software Engineer specially when they are working in Web
Development Domain.

The key advantages of learning PHP:

 PHP is a recursive acronym for "PHP: Hypertext Preprocessor".


 PHP is a server side scripting language that is embedded in HTML. It
is used to manage dynamic content, databases, session tracking, even
build entire e-commerce sites.
 It is integrated with a number of popular databases, including
MySQL, PostgreSQL, Oracle, Sybase, Informix, and Microsoft SQL
Server.
 PHP is pleasingly zippy in its execution, especially when compiled as
an Apache module on the Unix side. The MySQL server, once started,
executes even very complex queries with huge result sets in record-
setting time.
CONCLUSION

Using HTML,CSS, JAVASCRIPT and PHP is most important


in Web Development . By using these a website can be easily
created. Web Development is an evolving technology and the
developers are readily exploring its potential of creating robust
website and applications. HTML to define the content of web pages,
CSS to specify the layout of web pages,JavaScript to program the
behavior of web pages.

REFERENCES

1. https://www.tutorialspoint.com/php/index.html

2. https://www.geeksforgeeks.org/web-development/

3. http://www.iosolution.in/

4. https://www.w3schools.com/css/

You might also like