Submitted By

Name: Aman Kumar

Registration Number: 12115502

Course: B.Tech (ECE)

 SUMMER TRANNING REPORT
ON
WEB DEVELOPMENT
Submitted in partial fulfillment of the requirements for the award of degree of

B.Tech (ECE)
Submitted to
LOVELY PROFESSIONAL UNIVERSITY

PHAGWARA, PUNJAB
 TOPIC: WEB DEVELOPMENT

Working As An Intern In Impetus AI

Solution organization
CERTIFICATE
About IMPETUS AI SOLUTION

• I joined Impetus AI solution for my summer traning .

• I found this Organization/company from my relatives.

• Impetus AI Solutions was launched by a group of driven, dedicated, and

ever-persevering teams of highly qualified tech enthusiasts and
professionals. We have successfully diversified and branched into a
plethora of domains within a short period. State-of-the-art AI solution
offerings will transform your business into a front-runner in any area.
From analytical to tech-driven services, we cater to businesses in the
realms of finance, hospitality, sports, real estate, and education. Even
though we are headquartered in Hyderabad, the impact of our successful
solutions on businesses can be felt across India.
 Vision And Mission of impetus ai solution

• Mission:
• We at Impetus AI Solutions are driven by our mission to become a
renowned player in the AI domain with a well-rounded facet of
customer service based on a solid foundation of state-of-art technology
and an exceptional talent pool.
• Vision:

• We strive to cater to all tech-based needs of our clients through honest

communication, objective guidence, technical assistance, and a genuine
concern for their long-term progress and growth.
 introduction

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. It
involves a combination of various skills, technologies and practices to build interactive and
visually Appealing websites that carter to different purpose and audiences. Web development is
a dynamic field that constantly evolves with new technologies and trends. Developers need to
stay updated on the latest tools and practices to create modern and effective web solutions.
SKILLS REQUIRED WEB
DEVELOPMENT
HTML
HTML, or Hypertext Markup Language, is a fundamental coding language used
in web development to structure and organize the content of web pages. It
serves as the backbone of a webpage, defining the elements that make up the
page's structure and hierarchy. HTML employs a system of tags – enclosed in
angle brackets (<>) – to describe different elements and their relationships
within a document.
CSS
Cascading Style Sheets (CSS) is used to apply styles to web pages. It is used to
make web pages presentable. The reason for using this is to simplify the process
of making web pages presentable. It allows you to apply styles on web pages.
More importantly, it enables you to do this independently of the HTML that
makes up each web page.
JavaScript
JavaScript is a very powerful tool that can do many things for a website. For one,
it powers the site’s general interactivity. JavaScript makes it possible to build
rich UI components such as image sliders, pop-ups, site navigation mega menus,
form validations, tabs, accordions, and much more.
Web application development process
 Tags used in html
Text Elements
<h1> to <h6>: Define headings of different levels (h1
being the highest).
<p>: Represents a paragraph of text.
<a>: Creates hyperlinks to other web pages or resources.
<strong>: Indicates strong importance, usually displayed
as bold text.
<em>: Emphasizes text, typically displayed in italics.
Lists
<ul>: Defines an unordered (bulleted) list.
<ol>: Defines an ordered (numbered) list.
<li>: Represents a list item within <ul> or <ol>.
Images and Multimedia
<img>: Embeds an image in the web page.
<audio>: Embeds audio content.
<video>: Embeds video content.
Links and Anchors
<a>: Creates a hyperlink to another webpage or resource.
<a name="anchor">: Creates an anchor that can be linked to within
the same page using the #anchor syntax.
Semantic Elements (HTML5)
<header>: Represents the header section of a document or a section.
<nav>: Defines navigation links.
<main>: Represents the main content area of the document.
<article>: Represents a self-contained composition, such as a blog
post.
<section>: Defines a generic section of content.
<aside>: Represents content that is tangentially related to the main
content.
<footer>: Represents the footer section of a document or a section.
Forms and Inputs
<form>: Creates a form for user input.
<input>: Represents various input types, such as text, password,
checkbox, radio, etc.
<textarea>: Creates a multi-line text input area.
<select>: Creates a dropdown menu.
<button>: Creates a clickable button.
 Html page structure

<!DOCTYPE>: It defines the document type or it instruct the browser about the
version of HTML.

<html>: This tag informs the browser that it is an HTML document. Text
between html tag describes the web document. It is a container for all other
elements of HTML except <!DOCTYPE>

<head>: It should be the first element inside the element, which contains the
meta data (information about the document). It must be closed before the body
tag opens.

<title>: As its name suggested, it is used to add title of that HTML page which
appears at the top of the browser window. It must be placed inside the head tag
and should close immediately.

<body>: Text between body tag describes the body content of the page that is
visible to the end user. This tag contains the main content of the HTML
document.
 PROJECTS

• Wikipedia webpage
My first project is make a Wikipedia page of Dr. A.P.J Abdul
Kalam with the help of html, css tags and styling the web page
using css.
• Facebook login page:
My second project is to create a facebook login using html, css.
• Portfolio Web page
My last project to create portfolio using html tags, css styling and
webpage layout.
 Challenges Faced

During Projects making faced

many problems like:
• During making the Layout of the webpage
margin, width, height and creating div.
• As in order to make webpage responsive it is
the biggest challenge .
• Placing an image, logo, favicon at respected
places is also challenging.
• Some more challenge faced during
styleing(css), creating form, textarea and
buttons etc.
 Learning Outcomes

• Developing a solid understanding of web

development concepts, tools, and
technologies Building proficiency in
coding languages such as HTML, CSS, and
JavaScript Gaining experience working
with web development frameworks such
as React Learning how to work
collaboratively on web development
projects
 Conclusion

• In conclusion, the journey through this web development course has been
a transformative experience that has equipped us with the knowledge,
skills, and mindset needed to thrive in the ever-evolving digital landscape.
From the foundational concepts to the cutting-edge techniques, we have
traversed a comprehensive spectrum of topics that collectively define the
art and science of web development.
Thank You