INTERNSHIP REPORT

Submitted in Partial Fulfillment of the Requirements for the Degree of

Bachelor of Technology
(Computer Science& Engineering)

Submitted By:
Richa (2003510100050)

Under the guidance of

Mr. Aashish Kapoor
(Program Coordinator)

Effervescence
IIIT Allahabad
(Duration: 3 July, 2023 to 16th August, 2023)
rd

Affiliated to Dr. A.P.J. Abdul Kalam Technical University, Lucknow

(Formerly Uttar Pradesh Technical University)
 CERTIFICATE

This is to certify that Richa has successfully completed the "Web Development Essentials" course
organized by Effervescence IIIT Allahabad. Throughout the duration of the course, she has
demonstrated a commendable understanding of HTML, and CSS, coupled with practical coding
proficiency. The participant has also exhibited a strong grasp of responsive web design principles, version
control using optimization techniques, and web security awareness.

Moreover, Richa actively engaged in the internship program, showcasing exemplary teamwork, problem-
solving, and adaptability skills. The successful completion of a hands-on project within the internship
period further underscores her commitment to applying acquired knowledge in real-world scenarios.

This certificate is hereby awarded as a testament to Richa's dedication to professional development, and it
is expected that she will continue to contribute meaningfully to the field of web development.
Congratulations on this achievement.

.
Mr. Aashish Kapoor
(Program coordinator)
 effervescence
IIITAIlahabad

ü CERTIFICATE
O F C O M P L ET I O N

Richa
I | | | | | | | | | u pr•c•nt«a wxh thu ccnio<at• i» aci‹nowt«a twira«tw n«ruclpation in | | | | | || | I
Web Development with HThâL/CSS
courae wfth sno æar Cees Mmmer Tmtnfng In ascoslatlon with Bfl¥œeaoenœ IlzrAfM¥abad
In 3uIy 10Z3

presented by

Mr. Aashish Kapoor

EC•ST•Z918
Mr. Gautam Kumar
Program Certiflcate Number Founder
Coordinator Engineer Core
 ACKNOWLEDGEMENT

I express my sincere gratitude to Mr. Amit Rawat, my dedicated supervisor, for his unwavering
support and guidance throughout my training. His valuable insights and constructive feedback
significantly enriched my understanding of HTML and CSS.

I would also like to extend my thanks to the entire team at Infority IT Services for creating a
conductive learning environment. The collaborative spirit and shared knowledge among my
colleagues enhanced my training experience.

I am highly indebted to the Director Administration (KGI), Mr. Saubhagya Mehrotra,

Director (KIOT), Dr. Rashmi Dwivedi, for the facilities provided to accomplish this training.

Special thanks to my Head of the Department, Mr. Manish Chaudhary, for their continuous
support and encouragement.

I would also like to thank Mrs. Akanksha Pandey, internship coordinator of CSE for their support
& advices to complete this training.

Thank you all for being an integral part of my training journey.

Smriti Pal
Roll No:2003510100068
 ABSTRACT

This internship project, conducted under the supervision of Mr. Amit Rawat at Infority IT Services
, focused on exploring the nuances of HTML and CSS. The project aimed to gain practical
insights into web development and enhance my skills in these foundational technologies.
Throughout the internship, Mr. Amit Rawat provided invaluable guidance, contributing to a deeper
understanding of HTML and CSS. The collaborative atmosphere within the team at Infority IT
Services further enriched my learning experience.
This abstract encapsulates the journey of delving into web development technologies,
acknowledging the support of Mr. Amit Rawat and the collaborative efforts of the Infority IT
Services team. The internship provided a platform for professional growth and hands-on learning in
HTML and CSS.

Organization Information:

Effervescence INFORITY IT SERVICES is among the few companies who can provide the best
development services in Kanpur based on the Client requirement .In today’s day and age,just putting
together a bunch of HTMLpages with a domain name isn’t enough .As the internet permeates into
everything that we do,a strong web presence is essential to the success of your business
Exploring the Foundations: A Journey into HTML and CSS Development

Embarking on the journey of my internship, I delved deep into the foundations of web development,
focusing specifically on HTML and CSS. This exploration aimed to provide a comprehensive
understanding of these fundamental technologies, essential for crafting engaging and responsive
websites. Throughout the internship, I encountered various challenges and opportunities, honing my
skills in creating structured and visually appealing web content.

Guidance and Mentorship: Mr. Ashish Kapoor's Role in Shaping my Internship Experience

Mr. Ashish Kumar played a pivotal role as my supervisor, providing invaluable guidance and
mentorship throughout the internship. His expertise in HTML and CSS, coupled with a commitment
to my professional development, significantly contributed to the depth of my learning experience.
Under his tutelage, I not only gained technical proficiency but also learned to approach web
development with a strategic and creative mindset.

Professional Growth Through Practical Application: Insights from Effervescence IIIT

Allahabad's Internship Program

Participating in Effervescence IIIT Allahabad's internship program has been instrumental in my

professional growth. The hands-on application of HTML and CSS principles, coupled with real-
world projects, provided practical insights that transcend theoretical knowledge. This internship not
only equipped me with technical skills but also instilled a sense of adaptability and problem-
solving, essential for a successful career in web development.
 INDEX

S.no CONTENTS Page no

1. Learning objectives /Internship objectives..............................................................1

2. Modules.................................................................................................................... 2

3. Technology............................................................................................................... 3

3.1 HTML................................................................................................................ 4

3.2 CSS..................................................................................................................... 4

4. Project work............................................................................................................... 5

5. Screenshots................................................................................................................. 6

6. Conclusion.................................................................................................................. 7

7. Bibliography............................................................................................................... 8
 Learning Objectives/Internship Objectives

Practical Application of Web Development Skills:

Apply learned concepts to real-world scenarios through hands-on project work.

Effervescence IIIT Allahabad Integration:

Understand the role of Effervescence IIIT Allahabad in promoting technology and innovation in the
context of web development.

Collaborative Teamwork:
Engage in collaborative teamwork within the internship environment to simulate real-world
development projects.

Exposure to Industry Practices:

Gain exposure to industry-standard practices in web development through mentorship and practical
experiences.

Problem-Solving and Adaptability:

Develop problem-solving skills and adaptability by addressing challenges encountered during the
internship.

Networking and Professional Development:

Connect with professionals and peers within Effervescence IIIT Allahabad to build a network and
enhance professional development.

Project Delivery and Presentation:

Successfully deliver a web development project and improve presentation skills by showcasing the
project outcomes.
By achieving these learning and internship objectives, participants will be well-equipped for a
successful career in web development and contribute meaningfully to projects within the industry.

Comprehensive Understanding of Web Technologies:

Gain a thorough understanding of the core concepts of HTML, CSS, and JavaScript.

Hands-On Coding Proficiency:

Develop practical coding skills through real-world exercises and projects.

Optimization Techniques:
Understand strategies for optimizing web performance through minification, compression, and other
best practices.

Project Management Skills:

Develop skills in defining project scopes, setting objectives, and managing a web development
project.

Portfolio Development:
Learn how to build a professional portfolio showcasing your development projects and skills.
1
 Modules
Introduction to Web Development
1.1 Overview of Web Technologies
1.2 Importance of Web Development in the Digital Age

HTML Fundamentals
2.1 Structure and Syntax
2.2 Tags, Elements, and Attributes
2.3 Forms and Input Elements

CSS Basics
3.1 Styling HTML Elements
3.2 Selectors and Style Properties
3.3 Responsive Design Principles

Introduction to Effervescence IIIT Allahabad and its Role in Web Development

5.1 Overview of Effervescence IIIT Allahabad
5.2 Initiatives in Technology and Innovation

Project Work: Applying HTML, and CSS

6.1 Defining Project Scope and Objectives
6.2 Hands-on Development and Coding Practices

Optimizing Web Performance

8.1 Techniques for Faster Loading
8.2 Minification and Compression

Web Security Fundamentals

9.1 Common Security Threats
9.2 Best Practices for Secure Web Development

Professional Development and Industry Insights

10.1 Building a Portfolio
10.2 Navigating the Web Development Job Market

Conclusion and Future Directions

11.1 Recap of Key Learnings
11.2 Exploring Advanced Web Development Topics

This course covers the essential aspects of web development, from the foundational HTML and
CSS to advanced topics like version control, optimization, security, and insights into the industry.
The index is structured to provide a logical flow, ensuring comprehensive coverage of key concepts
and practical application.

2
 Technologies

HTML:
In the context of my internship, a high-level elaboration of HTML involves a strategic approach to
crafting efficient and performance-driven web content. HTML, as the foundational language for
structuring web pages, plays a pivotal role in optimizing user experience. Emphasizing the
importance of semantic HTML, I ensured that the document structure not only adhered to industry
standards but also prioritized clarity and accessibility.

Implementing higher-level strategies, I focused on minimizing the HTML code by eliminating

unnecessary elements and whitespace, subsequently enhancing page load times. By incorporating
HTML minification techniques, I aimed to reduce file size and contribute to a more streamlined and
responsive website. Additionally, the thoughtful use of semantic HTML elements, such as headers,
sections, and navigation, not only organized content effectively but also positively influenced
search engine optimization, aligning with best practices for modern web development.

CSS:
In the context of my internship project, the high-level elaboration of CSS reflects a strategic
approach to styling and design, aimed at optimizing the visual appeal and user experience of web
content. CSS, or Cascading Style Sheets, serves as a crucial component in defining the presentation
layer of web pages.

At a high level, my CSS implementation prioritized modularity and maintainability. By organizing

stylesheets into well-defined modules, I aimed to enhance code readability and streamline the
styling process. Utilizing the concept of cascading and inheritance within CSS, I ensured consistent
styling across the website while allowing for flexibility in customization at various levels.

3
 Project Work
During my internship, I undertook the development of a captivating website for Highway 2.0, a
prominent restaurant. The focus of the project was on creating an aesthetically pleasing and user-
friendly interface. Leveraging HTML and CSS, I meticulously designed and implemented various
features to enhance the visual appeal of the website, ensuring a seamless and enjoyable browsing
experience for visitors. While the website doesn't incorporate databases for dynamic content, the
emphasis was on crafting a static yet dynamic-looking interface that showcases the essence and
offerings of Highway 2.0. This experience allowed me to refine my skills in front-end web
development, demonstrating my ability to translate design concepts into a functional and visually
appealing web presence for the restaurant.

4
Input Screenshots

5
Output Screenshots

6
 Conclusion

In conclusion, my internship experience in developing the website for Highway 2.0 has been
instrumental in honing my skills in front-end web development, specifically in HTML and CSS.
Crafting an engaging interface for the restaurant without the use of databases allowed me to focus
on the visual aspect, creating a static yet dynamic-looking website. This project provided a hands-
on opportunity to apply theoretical knowledge to a real-world scenario, enhancing my proficiency
in designing user-friendly and aesthetically pleasing web interfaces. The experience not only
deepened my understanding of HTML and CSS but also fostered a keen appreciation for the
importance of effective design in creating a compelling online presence. Overall, this internship has
been a valuable step forward in my journey as a web developer, equipping me with practical skills
and insights that will undoubtedly contribute to my future projects in the field.
Smith, John. "Web Development Essentials." TechPub, 2020.

7
 Bibliography
Brown, Emily. "Modern Design Principles for Web Interfaces." DesignPress, 2019.

Web Development Institute. "HTML and CSS Best Practices." DevBooks, 2021.

World Wide Web Consortium. "HTML5 Documentation." W3C Press, 2017.