Summer Internship Report

Submitted to
Sharda university

Aamir Neyazi
Under the mentorship of

Ms. Pratibha Yadav

Department of Computer Science and Engineering

School of Engineering & Technology
Sharda University
Greater Noida
August,2024
 DECLARATION OF THE STUDENT
We hereby declare that the project entitled is an outcome of our efforts
under the guidance of Ms. Pratibha Yadav. The project is submitted to
Sharda University to partially fulfil the Bachelor of Technology
Examination 2023-24.
We also declare that this project report has not been previously submitted to
any other university.
Aamir Neyazi
2023512205
 CERTIFICATE

This is to inform you that Aamir Neyazi of Sharda University has completed the
project work on Core Java in partial fulfillment of the Bachelor of Technology
Examination 2023-2024 by Sharda University.
This project report is the record of authentic work carried out by them during the
period from June 2024 - August 2024

Student Signature Faculty’s Signature

Aamir Neyazi (2023512205) Ms. Pratibha Yadav

HOD’s Signature
 Abstract
The main purpose of the study is to understand the very basics of web
designing and knowing the components of a web page. It deals with the
basic study of HTML (Hyper Text Markup Language), CSS (Cascade
Style Sheets), SQL, and PHP. In the latest trends, Web design is a very
rapidly developing field in the present market and has attracted many
new developers. The report covers DOM (Document Object Model) to
use HTML and embedding CSS style sheets to it. It also covers the usage
of SQL and PHP for event handling and making the website pages look
more attractive. In the future, Web Designing will be playing a more vital
role as Internet is being used for marketing, banking, examining, almost
everything.
 ACKNOWLEDGEMENT
I would like to express my deepest appreciation to all those who provided
me the possibility to complete this report. Apart from my efforts of
myself, the success of any project depends largely on the encouragement
and guidelines of many others. I take this opportunity to express my
gratitude to the people who have been instrumental in the successful
completion of this project. I would like to show my greatest appreciation
to Mrs. Pratibha Yadav. We can’t say thank you enough for her tremendous
support and help. We feel motivated and encouraged every time I attend
her meeting. Without her encouragement and guidance, this project
would not have materialized. The guidance and support received from all
the members who contributed and who are contributing to this project
was vital for the success of the project. I am grateful for their constant
support and help. Besides, I would like to thank the authority of Sharda
University for providing me with a good environment and facilities to
complete this project.
 Table Of Content

Sr.no Content Page

no
1. Abstract I

2. Introduction 1-4
i. Motivation
ii. objective
iii. Problems faced during the
project
iv. Solutions to the problems

3. 5

Methodology

4. Implementation 6-8
i. code

5. Hardware and Software Requirement 9

i. Software Requirement
ii. ii. Hardware Requirement
6. Result 10-11
i. Expected outcome
ii. Conclusion
iii. Future Scope
7. References 12
 Introduction
• Web development is the process of designing, building, and maintaining
websites. It encompasses everything from creating simple static web
pages to developing complex web applications. As a beginner, you'll start
by learning the core technologies: HTML (Hypertext Markup Language),
CSS (Cascading Style Sheets), and JavaScript. These building blocks will
empower you to structure content, style it, and add interactivity.
• In this project, we’ll cover:
• HTML: The foundation of web pages, responsible for structuring
content.
• CSS: The language used to style and layout web pages, making them
visually appealing.
• JavaScript: A programming language that brings web pages to life with
interactive features

PAGE | 1
 Motivation
The motivation behind this project stems from the growing importance
of web development in various industries. As more businesses and
organizations transition to digital platforms, there is a high demand for
individuals with web development skills. This project aims to help me
familiarize myself with the foundational technologies of web
development and develop the skills needed to create simple websites.

Objective
The primary objective of this project is to develop a fully functional
website that incorporates the core technologies of web development:
HTML, CSS, and JavaScript. By completing this project, I will gain
practical experience in coding and designing a website, understanding the
structure of a web page, and implementing dynamic features.

Problems
Several challenges arose during the development of this project:
1. Understanding the syntax and semantics of HTML, CSS, and
JavaScript.
2. Ensuring cross-browser compatibility.
3. Aligning and styling elements to create a responsive and user-friendly
layout.
4. Debugging JavaScript code for interactivity issues.
5. Ensuring that the website follows good practices for user accessibility.

PAGE | 2
 Solution
1. Comprehensive online tutorials, documentation, and practice were used
to understand the syntax and semantics.

2. Various testing tools and manual cross-browser checks were employed

to ensure compatibility.

3. CSS frameworks like Bootstrap were used to simplify responsive design

and layout.

4. The browser’s developer tools were extensively used for debugging

JavaScript errors.

5. Accessibility guidelines were followed to ensure that the website is

usable by people with disabilities, focusing on the proper use of tags and
ARIA attributes.

PAGE | 3
 Methodology
In this project, I adopt a step-by-step approach to introduce web
development concepts. My methodology is designed to build my skills
progressively:
1. Foundational Learning: Start with HTML to understand the structure of
web pages.
2. Styling and Design: Move on to CSS to explore how to style and layout
your pages.
3. Interactivity: Incorporate JavaScript to add dynamic features and
improve user experience.
4. Hands-On Practice: Engage in practical exercises and projects to apply
what you’ve learned.
5. Review and Reflection: Assess your progress and revisit concepts to
reinforce your understanding.
This structured approach ensures a comprehensive grasp of web
development basics, preparing me to create functional and visually
appealing websites.

PAGE | 4
CODE
HTML

PAGE | 5
PAGE | 6
Hardware and Software Requirement:
Software requirement
• Text Editor/IDE: VS Code, Sublime Text,
or Notepad++ for writing code.
• Web Browser: Google Chrome, Mozilla
Firefox, or Safari for testing the website.
• Version Control: Git for managing code
versions.
• Web Server (optional): XAMPP, WAMP,
or any local server for hosting the website
during development.
Hardware requirement
• Computer/Laptop: A basic system with at
least 4GB of RAM and an Intel i3 or
equivalent processor.
• Internet Connection: For accessing online
resources and libraries, and testing website
responsiveness.

PAGE | 7
 Result
Knowledge Acquisition: A comprehensive understanding of Web
Development concepts and their practical applications.
Skill Development: Enhanced coding skills and problem-solving abilities.
Project Portfolio: A portfolio of projects demonstrating the application of
Web Development.

Expected outcome
By the end of this project, the result will be a fully functional, multi-page
website with responsive design and interactive elements. The website
will include a homepage, about page, and contact page, and will be
compatible with modern web browsers.

PAGE | 8
 Conclusion
The project successfully demonstrates the basic principles of web
development. Through the development of this website, I can gain a clear
understanding of HTML for structure, CSS for design, and JavaScript for
dynamic interactions. The project serves as a solid foundation for further
exploration into more advanced topics in web development.

Future Scope
Future improvements can include integrating backend technologies like
Node.js or PHP to make the website dynamic, adding databases to store
and retrieve user data, and enhancing the user interface by incorporating
modern design frameworks like React or Angular.

References
1. Web Development for Beginner (by Simple Learn Skill Up) Instructors
Krishna Kumar (CEO Simple Learn)
2. https://simpli-web.app.link/e/rVIrtTlqgMb

PAGE | 9