0% found this document useful (0 votes)
7 views

chandrika_record[1]

This document is a project report submitted by P. Chandrika for a semester internship at Premier Academy, focusing on web development as part of her B.Sc (Computer Science) degree. It includes details about the internship duration, activities undertaken, and learning outcomes related to HTML and web design principles. The report also acknowledges the support received from faculty and peers during the internship period.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views

chandrika_record[1]

This document is a project report submitted by P. Chandrika for a semester internship at Premier Academy, focusing on web development as part of her B.Sc (Computer Science) degree. It includes details about the internship duration, activities undertaken, and learning outcomes related to HTML and web design principles. The report also acknowledges the support received from faculty and peers during the internship period.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 64

SEMESTER

INTERNSHIP

ANDHRA PRADESH
STATE COUNCIL OF HIGHER
EDUCATION
(A STATUTORY BODY OF GOVERNMENT OF ANDHRA PRADESH)
Bandlamudi Hanumayamma Hindu
Degree College for Women
(Affiliated to Acharya Nagarjuna University)
Opposite to Bank of India, 2/17 Brodipet, Guntur - 522002,
Andhra Pradesh, India.

A PROJECT REPORT SUBMITTED


FOR SEMESTER TERM INTERNSHIP
2022-2025 BATCH
CAREER ORIENTED TRAINING PROGRAM BY

PREMIER ACADEMY
In accordance with the requirement
For Under graduate Degree course

B.Sc (Computer Science)

Submitted by

P. Chandrika

Y223025028
PROGRAM BOOK FOR

SEMESTER INTERNSHIP

Name of the Student: P. Chandrika

Name of the College: B.H.H Degree College for Women

Registration No: Y223025028

Term of Internship:3 months From:16-12-2024 To :19-03-2025

Name & Address of the Intern Organization: PREMIER ACADEMY 2/1, BRODIPET,
GUNTUR.

Acharya Nagarjuna University


Year-2025
Internship Report on

WEB DEVELOPMENT

Submitted in accordance with the requirement for the degree of

B.Sc (Computer Science)

Under the Faculty Guide ship of

J.V. Sri Sri M.C.A

Lecturer & Head of the Dept. of Computer science,

B.H.H Degree College for Women, Guntur.

Submitted by:

P. Chandrika

Reg.No:Y223025028
Department of Computer Science

B.H.H Degree College for Women


(Affiliated to Acharya Nagarjuna University)
Opposite to Bank of India, 2/17 Brodipet, Guntur - 522002,
Andhra Pradesh, India.
2022-2025
Student’s Declaration
I, P. Chandrika student of B.Sc (Computer Science)

Program, Reg. No. Y223025028 of the Department of Computer Science

College do hereby declare that I have completed the mandatory internship

from 16-12-2024 to 19-03-2025 in PREMIER ACADAMY (Name of the

intern organization) under the Faculty Guideship of V. Sri Sri M.C.A

Lecturer & Head of the Department of Computer Science, in B.H.H Degree

College for Women, Guntur.

(Signature and Date)


Official Certification
This is to certify that P. Chandrika Reg.No. Y223025028 has completed

his/her Internship in PRIEMIER ACADAMY on Web

Development under my supervision as a part of partial fulfillment of

the requirement for the Degree of B.Sc (Computer Science) in the

Department of Computer Science, in B.H.H Degree College for Women,

Guntur.

This is accepted for evaluation.

(Signatory with Date and Seal)

Endorsements

Faculty Guide

Head of the Department

Principal
Certificate from Intern Organization

This is to certify that P. Chandrika. Reg. No. Y223025028 of B.H.H Degree

College for Women, Guntur underwent internship I PRIEMIER

ACADAMY from 16-12-2024 to 19-03-

2025 The overall performance of the intern during his/her internship is found

to be ________________________ (Satisfactory/Not Satisfactory).

Authorized Signatory with Date and Seal


Acknowledgements

First and foremost , I would like to express my deepest gratitude to my class teacher

MR.AVESH GOPAL SIR for invaluable guidance, feedback, and constant encouragement

throughout the duration of this internship. I am extremely grateful to the college principal

KOUSALYA DEVI MADAM, for granting me access to the computer lab and permitting me to

use the necessary equipment and resources.

I would like to acknowledgement my classmates for their camaraderie and assistance during the

internship. Finally, I must thank my parents for their unwavering support and encouragement

needed to take on this challenging but enriching internship.


Contents

Sl.no CONTENTS Page No.

1. CHAPTER-1 10
EXECUTIVE SUMMARY
2. CHAPTER-2 11
OVER VIEW OF THE ORGANIZATION
3. CHAPTER-3 12
INTERNSHIP PART
4. CHAPTER-4 13
WEEKLY REPORTS ACTIVITY LOGS
5. CHAPTER-5 41
OUTCOMES DESCRIPTION
6. SELF-EVALUATION 52

7. EVALUATION BY THE SUPERVISOR OF 56


THE INTERN ORGANIZATION
8. PHOTOS 55

9. EVALUATION INTERNAL ASSESSMENT 57


STATEMENT
10 EVALUATION INTERNAL ASSESSMENT 58
STATEMENT
CHAPTER 1: EXECUTIVE SUMMARY

Web designing is the process of creating and styling websites to ensure they are visually
appealing, user-friendly, and functional. It involves a combination of graphic design, user
experience (UX) design, and coding to craft engaging digital experiences.

Key Aspects of Web Designing


🎨 1. Visual Design (UI - User Interface)

 Layout & Structure: Arranging content in a way that is easy to navigate.


 Color Scheme: Choosing colors that enhance readability and branding.
 Typography: Selecting fonts that improve readability and aesthetics.
 Images & Icons: Enhancing visual appeal with relevant graphics.

🏗 2. User Experience (UX)

 Navigation & Usability: Ensuring users can easily find information.


 Mobile Responsiveness: Making the website work well on different devices.
 Speed Optimization: Ensuring fast loading times for a smooth experience.

💻 3. Web Technologies

 HTML (HyperText Markup Language): The structure of the webpage.


 CSS (Cascading Style Sheets): The styling and design of the website.
 JavaScript: Adds interactivity and dynamic content.
 Frameworks & Libraries: Tools like Bootstrap, React, and Tailwind CSS help speed up
development.

🔍 4. SEO & Performance

 Search Engine Optimization (SEO): Making the website rank higher on Google.
 Fast Load Speed: Optimizing images, scripts, and code for efficiency.
 Accessibility: Ensuring the site is usable for all users, including those with disabilities.

11 | P a g e
CHAPTER 2: OVERVIEW OF THE ORGANIZATION

Who are we?

PREMIER ACADEMY represents the spirit of young and dynamic minds. We are
collaborative team of well acquired and experienced trainers and counsellors. PREMIER
ACADEMY provides the assistance and guidance to acquire skills required for a challenging
professional enrolment.

What we do
PREMIER ACADEMY has designed a comprehensive program to train students in all
the disciplines of the campus recruitment process due to various colleges including Medical,
Engineering, PG and others. The training program has different skills set of modules, based
on aptitude test, GD’S and personal interviews.

The soft skills are handled by the corporate professional trainers. And PREMIER
ACADEMY provide training for varies IT courses like C, C++, Java, Python, AWS, SAP,
PHP, web designing etc.

12 | P a g e
CHAPTER 3: INTERNSHIP PART

I attend the long term internship workshop 2025 organized by the PREMIER ACADEMY

in our college premises.

The title of our internship is Artificial Intelligence (AI) skills the Times of My intern are

10:00 a.m. to 1:00 p.m. every day. I used to have six topics both on python and soft skills for

a week with same participatory activities.

I learned some topics with the support of PPT, PDF, and Computer Lab etc. I acquired

python skills such as indentation and comments python strings Booleans. I also learn soft

skills like JAM, presentation skills.

13 | P a g e
CHAPTER-4

ACTIVITY LOG FOR THE FIRST WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

Learn about the role of


HTML in web
What is HTML? developmenand and
Day – 1
Differentiate between
HTML, CSS, and
JavaScript.
Learn how to open an
HTML file in a browser
A Simple HTML Document create a basic structure of
Day - 2
an HTML file.

Understand the concept of


HTML elements and
What is an HTML Element? Differentiate between
Day – 3
block-level and inline
elements.

Learn the standard structure


of an HTML page and
HTML Page Structure Understand the purpose of
Day – 4
different sections in an
HTML document

Understand different
HTML versions and their
HTML History impact and evolution of
Day – 5
HTML.

Learn about different tools


used for writing HTML and
HTML Editors Set up a basic HTML
Day –6
development environment.

14 | P a g e
WEEKLY REPORT
WEEK – 1 (From Dt 16-12-2024 to 2 2 - 1 2 - 2 0 2 4 )

Objective of the Activity Done: HTML Introduction


Detailed Report:

Topics Covered
In the first week, we explored the fundamentals of HTML (HyperText Markup Language) and
its role in web development. We started with an introduction to HTML, understanding its
importance and how it differs from CSS and JavaScript. We then moved on to writing a simple
HTML document, learning about essential tags like <html>, <head>, <title>, and <body>. The
concept of HTML elements and attributes was covered in detail, highlighting commonly used
elements such as headings, paragraphs, links, and images, along with important attributes like
href, src, alt, and title. We also studied the HTML page structure, understanding the
significance of <!DOCTYPE html>, the <head> section for metadata, and the <body> section for
visible content. Additionally, we explored the history and evolution of HTML, from its early
versions to modern HTML5 and its advanced features like multimedia support and semantic
elements. Finally, we looked at different HTML editors, from basic text editors like Notepad to
advanced tools like VS Code and CodePen, setting up a basic development environment for
writing and testing HTML code.

Learning Outcomes
By the end of Week 1, you should have a clear understanding of what HTML is and how it
works in web development. You should be able to create a basic HTML document, use
essential HTML elements and attributes, and structure a webpage correctly with <head> and
<body>. You have also gained knowledge of HTML’s history and its various versions,
helping you understand the improvements introduced in HTML5. Additionally, you should be
familiar with different HTML editors and know how to write, edit, and validate HTML code
using proper tools.

Conclusion
This week laid a strong foundation for HTML development, equipping you with the essential
knowledge required to build simple web pages. With a clear understanding of HTML structure,
elements, and history, you are now ready to move on to more advanced topics such as HTML

15 | P a g e
formatting, forms, and interactive elements in the coming weeks. Keep practicing and
experimenting with HTML to solidify your learning and enhance your skills!

16 | P a g e
ACTIVITY LOG FOR THE SECOND WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

Learn what an HTML


document is and how it is
structured. How to create a
Day – 1
HTML Documents basic webpage using
HTML tags and I
Understand the importance
of saving HTML files with
the .html extension.
Understand why <!
DOCTYPE> is essential for
browser compatibility and
Day - 2 The <!DOCTYPE> Declaration
Recognize different types
of DOCTYPE
declarations (HTML4 vs.
HTML5).
Explore best practices for
using headings for
HTML Headings readability and accessibility
Day – 3 and Learn the six levels of
headings (<h1> to <h6>)
and their hierarchy.
Understand line breaks
and how browsers handle
HTML Paragraphs white spaces and Explore
Day – 4
additional text formatting
elements like <br> (line
break).
Learn how to create
hyperlinks using the <a>
HTML Links (anchor) element and
Day – 5
Understand the href
attribute and how it
defines link destinations.
Understand how to use
images inside links to
create clickable images
Day –6 HTML Images
and
Explore best practices for
optimizing images for web
performance.

17 | P a g e
WEEKLY REPORT
WEEK – 2 (From Dt 23-12-2024 to 29-12-2024)

Objective of the Activity Done: HTML Basic

Detailed Report:

Topics Covered
In the second week, we focused on the fundamental building blocks of HTML that form the
structure of web pages. We started by understanding HTML documents, learning about their
structure and the essential components that make up a webpage. The importance of the <!
DOCTYPE> declaration was discussed, emphasizing its role in defining the HTML version used
in a document. We then explored HTML headings (<h1> to <h6>), understanding their
significance in organizing content hierarchically. Moving forward, we studied HTML
paragraphs (<p>), their proper usage, and best practices for structuring text content. We also
delved into HTML links (<a> tag), learning how to create hyperlinks for navigation within and
outside a website. Finally, we covered HTML images (<img> tag), understanding attributes like
src, alt, width, and height to correctly embed and display images on web pages.

Learning Outcomes
By the end of Week 2, you should be able to create a well-structured HTML document using
the correct DOCTYPE declaration. You should have a clear understanding of how to use
headings and paragraphs to format text content effectively. Additionally, you should be
proficient in creating hyperlinks using the <a> tag, allowing users to navigate between web
pages seamlessly. You will also have the knowledge to embed images within a webpage using
the <img> tag and understand how to optimize them using attributes like alt, width, and height.

Conclusion
This week provided a deeper understanding of HTML’s core elements, enabling you to create
more structured and visually appealing web pages. With a solid grasp of HTML documents,
headings, paragraphs, links, and images, you are now prepared to move forward and explore
more advanced HTML topics, including lists, tables, and forms in the upcoming weeks. Keep
practicing by building small web pages and experimenting with different elements to reinforce
your learning!

18 | P a g e
ACTIVITY LOG FOR THE THIRD WEEK

Day Person In-


Brief description
& Learning Outcome Charge
Date of the daily activity Signature

I got idea how to Work with


nested HTML elements,
understanding how elements can
Day – 1 Nested HTML Elements and be placed inside other elements for
Empty HTML Elements structured content. Recognize
empty HTML elements, such as
<br> and <img>, which do not
require closing tags.
Understand that HTML is not
case-sensitive, but following
HTML is Not Case Sensitive proper syntax (lowercase tags and
Day - 2 and HTML Attributes attributes) is a best practice.

I got idea how to Use important


HTML attributes, including:
Day – 3 The href Attribute & The src href attribute to define
Attribute hyperlinks and navigate between
web pages. src attribute to
embed images and external
content.
I got idea how to Control image
The width and height sizes using width and height
Attributes attributes, ensuring proper
Day – 4
layout and responsiveness.

Understand that how to


Improve accessibility and
styling by using: alt attribute to
Day – 5
The alt Attribute & The style describe images for screen
Attribute readers and SEO benefits. style
attribute for inline CSS to apply
quick styling changes.

I got idea how to Enhance


usability and language settings
The title Attribute &he lang with: title attribute to provide
Day –6
Attribute tooltips when users hover over an
element. lang attribute to define
the language of the webpage for
better accessibility and SEO.

19 | P a g e
WEEKLY REPORT
WEEK – 3 (From Dt 3 0 - 1 2 - 2 0 2 4 to Dt 05-01-2025)

Objective of the Activity Done: HTML Elements & Attributes


Detailed Report:

Topics Covered
In the third week, we explored HTML elements and attributes, which are crucial for defining
the structure and appearance of a webpage. We began by learning about nested HTML
elements, where elements can be placed inside other elements to create a structured layout. We
also covered empty HTML elements, such as <br> and <img>, which do not have closing tags.
Next, we discussed how HTML is not case-sensitive, meaning tags can be written in uppercase
or lowercase, . We then explored HTML attributes, which provide additional information about
elements. Key attributes such as href (used in links) and src (used in images) were introduced,
explaining how they help define the source and destination of elements. Further, we covered
width and height attributes, which allow resizing of images and other elements. Additionally,
we explored the alt attribute, which enhances accessibility by providing alternative text for
images, and the style attribute, which enables inline CSS styling. Finally, we discussed the title
attribute, which displays tooltips on hover, and the lang attribute, which specifies the language
of the webpage for better accessibility and SEO.

Learning Outcomes
By the end of Week 3, you should have a strong understanding of how to structure HTML
elements properly, including nesting elements and using empty elements when needed. You
will be able to apply various HTML attributes, such as href, src, width, height, alt, style, title,
and lang, to enhance the functionality, appearance, and accessibility of a webpage.
Additionally, you will understand that HTML is not case-sensitive, but best practices ensures
readable code.

Conclusion
Week 3 provided a deeper dive into HTML elements and attributes, allowing you to enhance
and optimize webpages with structured content and interactive elements. Mastering these
concepts is essential for creating well-structured, visually appealing, and accessible web
pages. As you move forward, you will explore more advanced topics like HTML lists, tables,
and forms, which will further improve your ability to build comprehensive and user-friendly

20 | P a g e
web pages. Keep practicing by applying different attributes and experimenting with styling
options to solidify your understanding!

21 | P a g e
ACTIVITY LOG FOR THE FORTH WEEK

Day Person In-


Brief description
& Learning Outcome Charge
Date of the daily activity Signature

Understand how to Use HTML


headings (<h1> to <h6>) to define
HTML Headings (h1 to h6) titles and subtitles, understanding
Day – 1
their importance for SEO and
document structure.

Understand how to Create


paragraphs (<p>) to structure
HTML Paragraphs written content properly, ensuring
Day - 2
readability and accessibility.

Understand HTML display


properties, including how block-
HTML Display level and inline elements affect
Day – 3
page layout.

Understand how to Insert


horizontal rules (<hr>) to create
HTML Horizontal Rules visual separations between sections
Day – 4
of a webpage.

Understand how to Use line


breaks (<br>) to force content
HTML Line Breaks onto a new line when needed,
Day – 5
especially for formatting addresses
and poetry.

Understand how to Solve the


"Poem Problem", learning how to
The Poem Problem properly format multi-line text,
Day –6
preserving spaces and line breaks
using <pre> for preformatted text.

22 | P a g e
WEEKLY REPORT
WEEK – 4 (From Dt 06-01-2025 to Dt 12-01-2025)

Objective of the Activity Done: HTML Headings & Paragraphs

Detailed Report:

Topics Covered
In the fourth week, we focused on HTML headings and paragraphs, which are essential for
structuring and formatting text content on a webpage. We began by understanding HTML
Headings (<h1> to <h6>), which define different levels of headings, helping in content
organization and improving accessibility. We then explored HTML Paragraphs (<p>), which
are used to display text in a structured manner with automatic spacing and line breaks. Next, we
discussed HTML Display, learning how browsers render spaces, line breaks, and other text
formatting aspects. We also introduced HTML Horizontal Rules (<hr>), which create thematic
breaks or visual separators between sections of content. Additionally, we explored HTML Line
Breaks (<br>), which allow text to be split into multiple lines without starting a new paragraph.
Finally, we addressed The Poem Problem, where HTML ignores multiple spaces and line
breaks, and how to use <pre> (preformatted text) to preserve spacing and formatting in poetry,
code, or special text displays.

Learning Outcomes
By the end of Week 4, you should have a thorough understanding of how to use HTML
headings and paragraphs effectively to structure content. You will be able to format text
correctly using line breaks and horizontal rules to enhance readability. Additionally, you will
understand how HTML displays spaces and text, and how to preserve formatting using
preformatted text (<pre>) when needed.

Conclusion
This week strengthened your ability to create well-structured and readable web pages using
headings, paragraphs, line breaks, and formatting techniques. Mastering these elements is
crucial for creating content that is both visually appealing and easy to understand. In the coming
weeks, you will explore HTML lists, tables, and forms, which will further enhance your ability
to present structured and interactive content on webpages. Keep practicing by experimenting
with different text formatting techniques to reinforce your learning!

23 | P a g e
ACTIVITY LOG FOR THE FIFTH WEEK

Day Person In-


Brief description
& Learning Outcome Charge
Date of the daily activity Signature

Understand how to Apply styles to


HTML elements using the style
HTML the style, attribute, including background-
Day – 1
HTML background-color , color, color, and font-family for text
HTML color, HTML font- customization.
family
Understand how to Modify text
HTML font-size &
appearance using font-size for
HTML text-align
scaling and text-align to control
Day - 2
alignment (left, right, center, or
justify).
HTML Formatting Understand how to Use HTML
Elements formatting elements to highlight
and structure text for better
Day – 3
emphasis and meaning.
Understand how to Apply text
styles such as: Bold (<b>) and
Bold text ,Important text, Important (<strong>) text for
Day – 4
Italic text, Emphasized text emphasis.

Italic (<i>) and Emphasized


(<em>) text to add stress or
differentiation.
Understand how to Work with
additional text elements including:
Day – 5
Marked (<mark>) text for
Marked text, Smaller text,
highlighting.
Deleted text, Inserted text
Smaller (<small>) text for less
prominent content.

Deleted (<del>) and Inserted


(<ins>) text for tracking changes
Understand how to Use subscript
Subscript text & (<sub>) and superscript (<sup>)
Superscript text text, commonly used in
Day –6
mathematical and scientific
notations.

24 | P a g e
WEEKLY REPORT
WEEK – 5 (From 13-01-2025 Dt to 19-01-2025 Dt)

Objective of the Activity Done: HTML Styles & Formatting

Detailed Report:

Topics Covered
In the fifth week, we explored HTML styles and text formatting, which play a crucial role in
enhancing the visual appeal of web pages. We started with the HTML style attribute, which
allows inline styling of elements such as text color, font, and alignment. We then learned about
HTML background-color, color, and font-family properties, which help customize the
appearance of text and backgrounds. Next, we covered HTML font-size and text-align, which
enable control over text size and alignment within a webpage.

Further, we explored various HTML formatting elements that modify the presentation of text.
We covered bold (<b>), important (<strong>), italic (<i>), and emphasized (<em>) text,
which help highlight specific content. Additionally, we discussed marked (<mark>), smaller
(<small>), deleted (<del>), and inserted (<ins>) text, which provide different styles for
indicating changes in content. Lastly, we examined subscript (<sub>) and superscript (<sup>)
text, which are essential for mathematical and scientific notations.

Learning Outcomes
By the end of Week 5, you should be able to apply inline styling using the style attribute and use
CSS properties like background-color, color, font-family, font-size, and text-align to enhance
text presentation. You will also be proficient in using HTML formatting elements to modify
text appearance, such as making text bold, italicized, emphasized, marked, or smaller.
Additionally, you will understand how to use deleted and inserted text elements for content
modifications and subscript/superscript text for specialized formatting.

Conclusion
This week provided essential knowledge on HTML styling and text formatting, allowing you
to create visually appealing and well-structured web pages. Understanding these elements is key
to improving content readability and emphasizing important information effectively. In the
upcoming weeks, you will explore more advanced topics such as HTML lists, tables, and
forms, further enhancing your ability to create well-organized and interactive web pages. Keep
experimenting with different styles and formatting techniques to reinforce your learning!
25 | P a g e
ACTIVITY LOG FOR THE SIXTH WEEK

Day Person In-


Brief description of
& Learning Outcome Charge
Date the daily activity Signature

I Learn how to Use the


HTML Quotations, HTML <blockquote> tag to display
Day – 1 <blockquote> for Quotations block-level quotations with proper
indentation and styling.
I Learn how to Implement the
HTML <q> for Short
<q> tag for inline quotations and
Quotations & HTML <abbr>
use <abbr> to define
Day - 2 for Abbreviations
abbreviations with a tooltip for
better accessibility.

I Learn how to Work with the


HTML <address> for
<address> tag to format contact
Contact Information &
details appropriately.
Day – 3 HTML <bdo> for Bi-
Directional Override

I Learn how to Utilize the <bdo>


(Bi-Directional Override) tag to
HTML Comments change text direction for languages
Day – 4
that are read from right to left.

I Learn how to Add comments in


HTML using <!-- comment --> to
document code and make it easier
Day – 5 HTML Colors- RGB
to understand and maintain.

I Learn how to Apply different


color formats:
Day –6
 RGB (Red, Green, Blue)
values for color
customization.
 HEX codes (#FFFFFF for
HTML Colors- HEX, HSL white, #000000 for black,
etc.) for precise color
definition.
 HSL (Hue, Saturation,
Lightness) for color
adjustments in a more
intuitive way

26 | P a g e
WEEKLY REPORT
WEEK – 6 (From Dt 20-01-2025 to Dt 26-01-2025)

Objective of the Activity Done: HTML Quotation & Comments


Detailed Report:

Topics Covered
In the sixth week, we explored HTML quotations, comments, and color representations,
which help in structuring text, adding explanations, and enhancing the visual appeal of web
pages. We began with HTML quotations, learning how to use the <blockquote> tag for longer
quotes and <q> for short inline quotations. Next, we covered HTML abbreviations (<abbr>),
which display tooltips when users hover over them, making them useful for defining short forms
and acronyms.

Additionally, we explored the <address> tag, which is used to format contact information, and
the <bdo> (Bi-Directional Override) tag, which allows changing the text direction for right-to-
left (RTL) or left-to-right (LTR) languages. We then discussed HTML comments (<!--
comment -->), which are useful for adding notes within the code without affecting the
webpage’s appearance.

Lastly, we explored HTML colors and their different representations. We learned how to define
colors using RGB (Red, Green, Blue) values, HEX (Hexadecimal) codes, and HSL (Hue,
Saturation, Lightness) formats, which provide multiple ways to style elements with different
color schemes.

Learning Outcomes
By the end of Week 6, you should be able to use HTML quotation tags like <blockquote> and
<q> to format text properly. You will understand how to apply <abbr>, <address>, and <bdo>
for abbreviations, contact details, and text direction control. Additionally, you will be proficient
in adding HTML comments to improve code readability and organization. Furthermore, you
will have a strong understanding of color representations in HTML using RGB, HEX, and
HSL values to style webpage elements effectively.

Conclusion
This week provided valuable insights into HTML quotations, comments, and colors,
equipping you with skills to format text, annotate code, and apply color styles efficiently.
Mastering these concepts helps in improving the readability, organization, and visual appeal
of web pages. In the coming weeks, you will dive deeper into HTML lists, tables, and forms.

27 | P a g e
ACTIVITY LOG FOR THE SEVEN WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

I Learn how to Apply CSS


styles using Inline,
Internal, and External
Day – 1 Inline ,Internal & External css
CSS, understanding their
differences and best use
cases.

I Learn how to Work with


CSS colors, fonts, and
CSS Colors, Fonts and Sizes sizes to improve the visual
Day - 2
appeal and readability of
your web pages.

I Learn how to Use the Box


Model (border, padding,
Border, padding, margin and margin) to control
Day – 3
spacing and layout in
HTML elements.

I Learn how to Create and


style links (<a> element)
HTML Links, HTML <a> element for navigation, allowing
Day – 4
users to move between web
pages efficiently.

I Learn how to Utilize the


href attribute to specify
HTML href attribute & link destinations and the
Day – 5
HTML target attribute document target attribute to open links
in new tabs or windows.

I Learn how to Embed


images within links
HTML <img> element (inside <a>) (<img> inside <a>) to
Day –6
& HTML mailto: scheme inside create clickable images and
the href attribute use the mailto: scheme in
links for direct email
communication.

28 | P a g e
WEEKLY REPORT
WEEK – 7 (From Dt 27-02-2025 to Dt 02-02-2025)

Objective of the Activity Done: HTML CSS & Links


Detailed Report:

Topics Covered
In the seventh week, we explored how CSS (Cascading Style Sheets) enhances the appearance
of HTML elements and how HTML links are used for navigation. We started with the three
types of CSS: Inline CSS, which applies styles directly to an element; Internal CSS, which is
written inside a <style> tag within the <head> section; and External CSS, which uses an
external stylesheet (.css file) linked via the <link> tag for better code organization and
reusability.
Next, we covered CSS colors, fonts, and sizes, which allow
customization of text and backgrounds. We also explored box model properties such as border,
padding, and margin, which help in controlling the spacing and layout of elements.
We then shifted our focus to HTML links (<a> tag), which are essential
for navigation. We learned how to use the href attribute to define the destination of a link and
the target attribute to control how the link opens (e.g., _blank for a new tab). Additionally, we
explored how to place an <img> inside an <a> tag to create clickable images. Lastly, we
introduced the mailto: scheme, which allows users to send emails directly by clicking a link.

Learning Outcomes
By the end of Week 7, you should be able to apply CSS styles using inline, internal, and
external methods to enhance webpage appearance. You will be proficient in setting colors,
fonts, sizes, borders, padding, and margins to control spacing and layout. Additionally, you
will understand how to create HTML links using the <a> element, properly utilize the href
and target attributes, and embed images inside links to make clickable elements. You will also
know how to use the mailto: scheme to create email links.

Conclusion
This week provided a strong foundation in CSS styling and HTML links, allowing you to
create visually appealing and well-structured webpages with effective navigation. Mastering CSS
properties and link attributes is essential for building professional-looking websites. In the
upcoming weeks, you will explore HTML lists, tables, and forms, which will further improve
your ability to create structured, user-friendly, and interactive webpages.
29 | P a g e
ACTIVITY LOG FOR THE EIGTH WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

I Learn how to Insert and


format images using the
<img> tag, and apply
Day – 1
HTML Images attributes like src, alt,
width, and height for better
accessibility and
responsiveness.

I Learn how to Add a


favicon to a website using
HTML Favicon the <link> tag in the
Day - 2
<head> section, improving
branding and recognition in
browser tabs..
I Learn how to Set a page
title using the <title> tag,
HTML Page Title ensuring better SEO and
Day – 3
user experience.
I Learn how to Create
tables using <table>, <tr>,
HTML Tables <th>, <td>, and <caption>,
Day – 4
as well as improve their
styling and layout.

I Learn how to Use


ordered (<ol>) and
HTML Lists unordered (<ul>) lists,
Day – 5
along with <li> items, to
structure information
effectively.
I Learn how to
Differentiate between
HTML Block & Inline block-level and inline
Day –6
elements, understanding
how they affect layout and
positioning in a web page

30 | P a g e
WEEKLY REPORT
WEEK – 8 (From Dt 03-02-2025 to Dt : Dt 09-02-2025)

Objective of the Activity Done: HTML Images & Tables


Detailed Report:

Topics Covered
In the eighth week, we explored essential HTML elements that enhance the visual structure and
content organization of webpages. We started with HTML images (<img>), understanding how
to embed images using the src attribute and optimize them with alt, width, and height
attributes. We also learned how to set a favicon, which is a small icon displayed in the browser
tab, by linking an image file inside the <head> section of an HTML document. Additionally, we
discussed the HTML page title (<title>), which appears in the browser tab.
Moving forward, we explored HTML tables (<table>), learning
how to create structured data layouts using <tr> (table rows), <td> (table data cells), and <th>
(table headers). We also covered HTML lists, including ordered lists (<ol>), unordered lists
(<ul>), and definition lists (<dl>), which help in organizing content effectively. Lastly, we
examined block-level and inline elements, understanding how block elements (e.g., <div>, <p>,
<h1>–<h6>) take up full-width, whereas inline elements (e.g., <span>, <a>, <img>) only occupy
as much space as needed.
Learning Outcomes
By the end of Week 8, you should be able to:
✅ Embed and optimize images in HTML using the <img> tag and its attributes.
✅ Set a favicon for a webpage.
✅ Define a page title using the <title> tag.
✅ Create structured tables using <table>, <tr>, <th>, and <td>.
✅ Organize content using ordered (<ol>) and unordered (<ul>) lists.
✅ Understand the difference between block and inline elements & use in webpage layouts.

Conclusion
This week provided crucial knowledge on HTML images, tables, and lists, helping you
organize and present content effectively. Mastering these concepts allows you to create
structured, visually appealing webpages with properly formatted data. In the upcoming weeks,
you will explore HTML forms, multimedia, and advanced layouts, which will further
improve your ability to build dynamic and user-friendly web pages.

31 | P a g e
ACTIVITY LOG FOR THE NINETH WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

I Learn how to Use the


<div> element to structure
HTML Div and group content,
Day – 1
improving layout and
styling.
I Learn how to Apply
classes and IDs to
elements, making it easier
Day - 2 HTML Classes
to style them with CSS and
reference them in
JavaScript

I Learn how to Work with


iframes (<iframe>) to
embed external content
Day – 3 HTML Id HTML Iframes
such as Google Maps,
YouTube videos, or other
websites into your pages.

I Learn how to I Learn how


to Integrate JavaScript
into HTML using the
Day – 4 HTML JavaScript
<script> tag, enabling
dynamic functionality and
interactivity.

I Learn how to Understand


file paths (absolute vs.
HTML File Paths relative) and how to
Day – 5
correctly link external files
such as images, stylesheets,
and scripts.

I Learn how to Use the


<head> section effectively
to include metadata, links
Day –6 HTML Head
to CSS/JS files, and SEO-
friendly elements like
<title> and <meta> tags.

32 | P a g e
WEEKLY REPORT
WEEK – 9 (From Dt 10-02-2025 to Dt 16-02-2025)

Objective of the Activity Done: HTML Classes & JavaScript


Detailed Report:

Topics Covered
In the ninth week, we explored HTML structure and interactivity, learning about elements that
help in styling, organizing, and adding dynamic behavior to webpages. We started with HTML
<div>, a block-level container used for grouping elements and applying CSS styles. We then
covered HTML classes (class attribute), which allow multiple elements to share the same
styling, and HTML IDs (id attribute), which uniquely identify an element for styling or
JavaScript manipulation.

Next, we learned about HTML iframes (<iframe>), which allow embedding other webpages,
videos, maps, or third-party content within a webpage. We then introduced HTML JavaScript,
explaining how to integrate JavaScript code into an HTML document to add interactivity, handle
user input, and modify content dynamically.

Additionally, we explored HTML file paths, which define how files (e.g., images, stylesheets,
scripts) are linked within a project structure, distinguishing between relative and absolute
paths. Finally, we discussed the HTML <head> section, which contains metadata, links to
stylesheets, scripts, and other resources that define the webpage’s structure and behavior.

Learning Outcomes
By the end of Week 9, you should be able to:
✅ Use <div> elements to structure and style webpage sections.
✅ Apply classes and IDs for targeted styling and JavaScript interactions.
✅ Embed content using <iframe> for videos, maps, and external pages.
✅ Integrate JavaScript within HTML to add dynamic functionality.
✅ Understand file paths and correctly link external resources (CSS, JS, images).
✅ Utilize the HTML <head> section to manage metadata, scripts, and stylesheets.

Conclusion
This week provided a strong foundation in HTML structure, organization, and interactivity
by introducing classes, IDs, JavaScript, iframes, and file paths. These concepts are essential
for building structured, dynamic, and interactive webpages. As you move forward, you will
explore HTML forms, multimedia elements, and advanced layouts, which will further
enhance your ability to create feature-rich and user-friendly web applications. Keep practicing by
integrating JavaScript with HTML and experimenting with different structures to solidify your
understanding!

33 | P a g e
ACTIVITY LOG FOR THE TENTH WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

I Learn how to Create


well-structured HTML
HTML Layout layouts using <div>,
Day – 1
<section>, <article>,
<header>, <footer>, and
<aside>
I Learn how to Implement
responsive design using
CSS techniques such as
Day - 2
HTML Responsive media queries, flexible
grids, and viewport settings
to ensure a smooth user
experience on all devices.

I Learn how to Use HTML


elements to display
computer code, including
Day – 3 HTML Computercode
<code>, <pre>, <kbd>,
<samp>, and <var> for
programming-related
content.
I Learn how to Apply
semantic HTML,
understanding how
Day – 4
HTML Semantics elements like <nav>,
<main>, and <figure>
improve both accessibility
and SEO.

I Learn how to Follow an


HTML style guide,
HTML Style Guide ensuring consistency,
Day – 5
readability, and
maintainability in your
code structure.
I Learn how to Work with
HTML entities, such as
&lt;, &gt;, &amp;, and
Day –6 HTML Entities
&nbsp;, to display reserved
characters and special
symbols correctly.

34 | P a g e
WEEKLY REPORT
WEEK – 10 (From Dt 17-02-2025 to Dt 23-2-2025)

Objective of the Activity Done: HTML Layout Style Guide


Detailed Report:

Topics Covered
In the tenth week, we focused on HTML layout, responsiveness, and best practices for
structuring webpages. We began by understanding HTML layout, learning how to use elements
like <header>, <nav>, <section>, <article>, <aside>, and <footer> to create well-organized
webpages. We then explored HTML responsiveness, using techniques like CSS media queries
and flexbox/grid layouts to ensure webpages adapt to different screen sizes.

Next, we covered HTML computer code elements, such as <code>, <pre>, <kbd>, <samp>,
and <var>, which are used to display programming-related content in a structured format. We
also explored HTML semantics, which involves using meaningful tags (like <section>,
<article>, <figure>, and <main>) to improve SEO, accessibility, and readability.

Additionally, we discussed the HTML style guide, which includes best practices for writing
clean, maintainable, and well-structured HTML code. Lastly, we learned about HTML entities,
which are special characters (like &lt; for <, &amp; for &, and &copy; for ©) that ensure proper
rendering of text and symbols in webpages.

Learning Outcomes
By the end of Week 10, you should be able to:
✅ Design a structured HTML layout using appropriate sectioning elements.
✅ Implement responsive design techniques to make webpages adaptable to different devices.
✅ Use computer code elements for displaying programming-related content.
✅ Apply semantic HTML to improve SEO, accessibility, and code clarity.
✅ Follow an HTML style guide to write clean, well-structured HTML code.
✅ Use HTML entities to display special characters correctly in webpages.

Conclusion
This week reinforced the importance of HTML structure, semantics, and responsive design,
enabling you to create professional, well-organized, and accessible webpages. Understanding
layout design, responsiveness, and best coding practices is essential for modern web
development. Moving forward, you will explore advanced HTML topics, multimedia
integration, and interactive forms, further refining your ability to build high-quality web
applications. Keep practicing by creating responsive layouts and following coding best practices
to enhance your skills!

35 | P a g e
ACTIVITY LOG FOR THE ELEVENTH WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

Understand how to use


character entities to display
HTML Symbols special symbols in HTML.
Day – 1

Learn how to insert and


style Unicode-based emojis
HTML Emojis in web pages.
Day - 2

Gain knowledge of
character encoding and the
HTML Charsets importance of using UTF-8
Day – 3
for global text support.

Understand how special


characters are encoded in
HTML URL Encode URLs for safe transmission.
Day – 4

Learn XHTML’s strict


syntax rules and how it
XHTML ensures well-structured
Day – 5
markup.

Compare HTML and


XHTML, understanding
HTML vs. XHTML their key differences and
Day –6
use cases

36 | P a g e
WEEKLY REPORT
WEEK – 11 (From Dt 24-02-2025 to Dt 02-03-2025)

Objective of the Activity Done: HTML Symbols & XHTML


Detailed Report:

Topics Covered
In the eleventh week, we explored HTML symbols, character encoding, and XHTML, which
are essential for handling special characters and ensuring proper webpage rendering. We started
with HTML symbols, which include mathematical symbols, currency signs, and special
characters that can be added using HTML entity codes (e.g., &copy; for ©, &euro; for €). We
also learned about HTML emojis, It allow the inclusion of expressive icons using Unicode
(&#128512; ).

Next, we covered HTML character sets (charsets), with a focus on UTF-8, the most widely
used encoding standard, ensuring correct display of characters from various languages and
symbols. We also explored HTML URL encoding, which converts special characters in URLs
into a format that can be transmitted over the internet (e.g., space encoded as %20).

We then introduced XHTML (Extensible Hypertext Markup Language), an improved version


of HTML that follows stricter syntax rules to ensure compatibility across different browsers and
devices. Lastly, we examined HTML vs. XHTML, understanding their differences in syntax,
error handling, and document structure.

Learning Outcomes
By the end of Week 11, you should be able to:
✅ Use HTML symbols and entities to display special characters correctly.
✅ Insert HTML emojis using Unicode codes.
✅ Understand HTML charsets, especially UTF-8, for proper character rendering.
✅ Apply HTML URL encoding to format special characters in URLs.
✅ Understand XHTML syntax rules and how it differs from standard HTML.
✅ Compare HTML and XHTML to determine which is best suited for specific web
development needs.

Conclusion
This week provided essential knowledge on handling special characters, encoding, and
XHTML to ensure proper text display and improve webpage compatibility. Understanding
HTML symbols, charsets, and XHTML helps in creating webpages that are accessible and
correctly rendered across different platforms. As you move forward, you will explore advanced
HTML techniques, forms, and multimedia integration, enhancing your ability to build well-
structured and functional web applications. Keep practicing by implementing symbols, emojis,
and encoding methods to reinforce your learning!

37 | P a g e
ACTIVITY LOG FOR THE TWELVETH WEEK

Day Person In-


Brief description of the
& Learning Outcome Charge
daily activity
Date Signature

I learned how to Create


HTML Forms HTML forms using the
Day – 1 <form> element to collect
user input.

Understand form
attributes like action,
HTML Form Attributes method, target, and
Day - 2
autocomplete, which define
how forms handle data
submission.

learned how to Work with


different form elements,
HTML Form Elements including <input>,
Day – 3
<textarea>, <select>,
<option>, <button>, and
<label>.

learned how to Implement


various input types, such
HTML Input Types as text, email, password,
Day – 4
radio, checkbox, date, file,
and more, to collect
specific types of data.

We learned how to Utilize


input attributes like
HTML Input Attributes placeholder, required,
Day – 5
readonly, maxlength, and
pattern to enhance form
usability and validation.
I learned how to Apply
form attributes such as
HTML Input Form Attributes novalidate, enctype, accept-
Day –6
charset, and name to
manage form submission
and encoding.

38 | P a g e
WEEKLY REPORT
WEEK – 12 (From Dt 03-02-2025 to Dt 09-03-2025)

Objective of the Activity Done: HTML Forms


Detailed Report:

Topics Covered
In the twelfth week, we focused on HTML forms, which allow user input and interaction on
webpages. We began by understanding HTML forms (<form>), which serve as containers for
collecting user data. We then explored various HTML form attributes such as action (to define
where the data is sent), method (GET/POST for data submission), and autocomplete.

Next, we covered HTML form elements, including <input> (text


fields, checkboxes, radio buttons), <textarea> (multi-line text input), <select> (dropdown
lists), <button>, and <label>, which improve usability and accessibility. We also examined
HTML input types, such as text, password, email, number, date, file, and submit, which allow
different types of user input.

Additionally, we explored HTML input attributes, including


placeholder, required, readonly, maxlength, pattern, and disabled, which help control how users
interact with forms. Finally, we discussed HTML input form attributes, such as novalidate (to
disable form validation) and enctype (to define data encoding for file uploads), which play a
crucial role in handling form submissions.

Learning Outcomes
By the end of Week 12, you should be able to:
✅ Create and structure HTML forms to collect user input.
✅ Apply form attributes like action, method, and autocomplete for better functionality.
✅ Use different form elements such as <input>, <textarea>, <select>, <label>, and <button>.
✅ Implement various input types (e.g., text, password, email, date, file, submit).
✅ Utilize input attributes like placeholder, required, and maxlength to improve usability.
✅ Understand form-related attributes like novalidate and enctype for better form handling.

Conclusion
This week provided a strong foundation in HTML forms, enabling you to build interactive and
user-friendly web forms. Mastering forms is essential for data collection, authentication, and
user engagement in web development. In the upcoming weeks, you will dive deeper into form
validation, multimedia integration, and advanced UI elements, further enhancing your ability
to create functional and dynamic web applications. Keep practicing by building different types
of forms and experimenting with input types to strengthen your skills!

39 | P a g e
ACTIVITY LOG FOR THE THIRTEENTH WEEK

Day Person
Brief description of the
& Learning Outcome In-Charge
daily activity
Date Signature

I Understand how to Utilize


HTML Canvas to draw
Day – 1 HTML Canvas graphics, create animations,
and build interactive visual
elements using JavaScript..
I Understand how to
Implement SVG (Scalable
Day - 2 Vector Graphics) for high-
HTML SVG quality, resolution-
independent images that
can be styled with CSS and
manipulated with
JavaScript.

I Understand how to
Embed and control video
Day – 3 HTML Video content using the <video>
element, including
attributes like controls,
autoplay, loop, and muted.

I Understand how to Use


the HTML Audio element
Day – 4 to add sound effects,
HTML Audio background music, and
other audio content with
customizable playback
controls.

Understand HTML plug-


ins, their historical role in
Day – 5 HTML Plug-ins web development, and why
modern web technologies
have replaced them.

40 | P a g e
I Understand how to
Embed YouTube videos
Day –6 HTML YouTube directly into web pages
using the <iframe> tag,
enhancing user engagement
with multimedia content

41 | P a g e
WEEKLY REPORT
WEEK – 13 (From Dt 10-03-2025 to Dt 16-03-2025)

Objective of the Activity Done: HTML Graphics & Media


Detailed Report:

Topics Covered
In the thirteenth week, we explored HTML graphics and multimedia, which enhance
webpages by integrating visuals, audio, and video content. We began with HTML Canvas
(<canvas>), a powerful element that allows developers to draw graphics, charts, and animations
using JavaScript. We then examined HTML SVG (Scalable Vector Graphics), which enables
the creation of high-quality vector images that scale without losing quality.

Next, we covered HTML Video (<video>), learning how to embed videos with attributes like
controls, autoplay, loop, and poster for better user experience. We also explored HTML Audio
(<audio>), which allows embedding sound files with formats like MP3, Ogg, and WAV, using
attributes such as controls, autoplay, and loop.

Additionally, we discussed HTML Plug-ins, which enable the integration of third-party content
like Flash (now outdated) and PDFs within webpages. Finally, we explored HTML YouTube
embedding, using the <iframe> element to seamlessly integrate YouTube videos into webpages.

Learning Outcomes
By the end of Week 13, you should be able to:
✅ Use HTML Canvas to draw graphics and animations with JavaScript.
✅ Implement SVG for scalable vector graphics in webpages.
✅ Embed videos using the <video> element with proper attributes.
✅ Integrate audio files using the <audio> element for sound playback.
✅ Understand HTML plug-ins and their role in embedding third-party content.
✅ Embed YouTube videos using <iframe> for seamless video integration.

Conclusion
This week introduced HTML graphics and multimedia elements, allowing you to enhance
webpages with dynamic visuals, videos, and audio. Mastering these concepts helps create
engaging and interactive web experiences. In the upcoming weeks, you will explore advanced
styling, animations, and interactivity, further refining your ability to build visually rich and
user-friendly websites. Keep practicing by embedding media elements and experimenting with
graphics to strengthen your skills
42 | P a g e
ACTIVITY LOG FOR THE FOURTEENTH WEEK

Day Brief description Person


& In-Charge
Learning Outcome
Date of the daily activity Signature
Learn how the Geolocation API
helps websites access a user's
HTML Geolocation location. Understand how to retrieve
Day – 1
a user's latitude and longitude using
navigator.geolocation.getCurrentPos
ition().
Understand the Drag and Drop API
and how it enables users to move
elements on a webpage. Learn the
Day - 2 HTML Drag/Drop drag events: dragstart, drag,
dragenter, dragover, dragleave, drop,
dragend. Implement basic drag-
and-drop functionality using
HTML5 and JavaScript.
Learn the difference between
LocalStorage and SessionStorage.
HTML Web Storage Understand how LocalStorage
Day – 3
stores data persistently across
sessions, while SessionStorage
clears data when the session ends.
Understand the concept of Web
Workers for running JavaScript in
HTML Web Workers the background. Learn how Web
Day – 4
Workers improve performance by
handling CPU-intensive tasks in
separate threads.
Learn about Server-Sent Events
(SSE) and how they allow servers to
HTML SSE push updates to clients in real-time.
Day – 5
Understand the difference between
SSE and WebSockets.

Understand the basics of web


servers and how they serve HTML
pages. Learn about client-server
Day –6 Web Servers architecture and how browsers
request data from web servers.
Explore common web servers like
Apache, Nginx, and Node.js
(Express.js).

43 | P a g e
WEEKLY REPORT
WEEK – 14 (From Dt 17-03-2025 to Dt 23-03-2025)

Objective of the Activity Done: HTML APIs


Detailed Report:

Topics Covered
In Week 14, we explored various HTML APIs, which enable modern web applications to
interact with users, handle background tasks, and store data efficiently. We started with the
Geolocation API, which allows websites to access a user's location with permission, making it
useful for maps and location-based services. Next, we delved into the Drag-and-Drop API,
which enhances user interaction by enabling elements to be dragged and dropped within a
webpage. We also covered Web Storage APIs (LocalStorage and SessionStorage), which
provide a way to store data on the client side without relying on cookies.

Additionally, we learned about Web Workers, which allow JavaScript to run in the background
without blocking the main thread, improving performance for complex computations. We then
explored Server-Sent Events (SSE), which enable real-time updates from a server to a web
page, making it useful for live notifications and streaming data. Finally, we studied Web
Servers, understanding how they serve web content, interact with APIs, and handle client
requests.

Learning Outcomes
By the end of Week 14, you should be able to:
✅ Use the Geolocation API to retrieve a user's location and integrate it with maps.
✅ Implement drag-and-drop functionality to enhance user interaction.
✅ Store and retrieve persistent data using LocalStorage and SessionStorage.
✅ Utilize Web Workers to perform background tasks efficiently.
✅ Implement Server-Sent Events (SSE) to receive real-time data updates.
✅ Understand the basics of web servers and how they serve web pages and APIs.
Conclusion
This week provided essential knowledge on HTML APIs, which are crucial for building
dynamic, interactive, and high-performance web applications. Mastering these concepts will
enable you to create more efficient, user-friendly, and responsive web experiences. In the
upcoming weeks, you will further explore JavaScript frameworks, advanced APIs, and web
security, taking your web development skills to the next level.

44 | P a g e
CHAPTER 5: OUTCOMES DESCRIPTION

I). Describe the work environment you have experienced (in terms of people interactions,
facilities available and maintenance, clarity of job roles, protocols, procedures, processes,
discipline, time management, harmonious relationships, socialization, mutual support and
teamwork, motivation, space and ventilation, etc.)

Typical Work environments can vary widely depending on the industry, company culture, and
specific job roles, but I can provide my experience in my sort term internship organisation
environment:

1. People Interactions: In my work environment, people interact regularly, both formally and
informally. This includes meetings, discussions, collaboration on projects, and day-to-day
communication. Effective communication skills and teamwork are highly valued.

2. Facilities and Maintenance: A well-maintained and comfortable workspace is essential for


productivity. This includes clean and organized offices, ergonomic furniture, and access to
necessary tools and equipment. Regular maintenance ensures a safe and functional environment.

3. Clarity of Job Roles: It's important for employees to have a clear understanding of their roles
and responsibilities. Job descriptions, organizational charts, and regular performance reviews can
help clarify expectations.

4. Protocols, Procedures, and Processes: my organization often have established protocols,


procedures, and processes for various tasks and operations. These guidelines help ensure
consistency, quality, and efficiency in the workplace.

5. Discipline and Time Management: Maintaining discipline and effective time management are
key to meeting deadlines and achieving goals. my organization may use time-tracking tools and
provide training on time management techniques.

45 | P a g e
6. Harmonious Relationships: A positive and inclusive work environment encourages harmonious
relationships among employees. Workplace diversity and inclusion efforts play a crucial role in
achieving this.
7. Socialization: Many workplaces encourage socialization through team-building activities, break
areas, and events to promote employee bonding and reduce stress.

8. Mutual Support and Teamwork: Collaboration and mutual support among team members are
essential for project success. Teamwork often involves sharing ideas, providing constructive
feedback, and helping colleagues when needed.

9. Motivation: Employers often use a combination of intrinsic and extrinsic motivators to keep
employees engaged and motivated. This can include recognition, career development
opportunities, and competitive compensation packages.

10. Space and Ventilation: Adequate office space and proper ventilation are crucial for employee
comfort and health. Well-designed workspaces promote productivity and well-being.

It's important to note that work environments can evolve over time and may differ significantly
depending on the industry and company culture. Also, advancements in technology and changes
in societal norms can impact how and where people work.

46 | P a g e
II). Describe the real time technical skills you have acquired (in terms of the job-
related skills and hands on experience)
I can acquired types of technical skills that people commonly acquire for various
job-related roles. These skills can vary widely depending on the specific job and industry, but
here are some examples:

1. Programming Languages: Proficiency in programming languages such as Python, Java, C++,


or JavaScript is often essential for roles in software development, data analysis, and web
development.
2. Data Analysis and Data Science: Skills related to data manipulation, analysis, and visualization
using tools like Excel, SQL, R, or Python's data science libraries (e.g., Pandas, NumPy) are
valuable in data-related roles.

3. Web Development: Proficiency in HTML, CSS, and JavaScript, along with knowledge of web
development frameworks (e.g., React, Angular, Vue.js), is important for front-end and full-stack
developers.

4. Database Management: Skills in database design, management, and optimization using systems
like MySQL, PostgreSQL, MongoDB, or Microsoft SQL Server are essential for database
administrators and developers.

5. Networking: Understanding of networking protocols, configurations, and troubleshooting is


important for network administrators and IT professionals.

6. Project Management: Proficiency in project management methodologies such as Agile, Scrum,


or Waterfall is beneficial for project managers and team leaders.

7. Digital Marketing: Expertise in digital marketing strategies, including SEO, SEM, social media
marketing, and email marketing, is important for marketing professionals.

8. Graphic Design and Multimedia: Proficiency in design software like Adobe Creative Suite
(Photoshop, Illustrator, InDesign) is essential for graphic designers and multimedia
specialists.These are just a few technical skills I learned in my internship. But Continuous
learning and adaptability are often necessary to stay current in rapidly evolving technical fields.
47 | P a g e
III). Describe the managerial skills you have acquired (in terms of planning, leadership,
team work, behaviour, workmanship, productive use of time, weekly improvement in
competencies, goal setting, decision making, performance analysis, etc.

I can acquired the managerial skills that are developed by individuals in leadership and
management roles. These skills are essential for effective leadership and successful management
of teams and organizations:

1. Planning: Managers often acquire skills in strategic planning, including setting goals, defining
objectives, and outlining action plans to achieve them. This involves developing a clear vision
for the team or organization and creating a roadmap to reach it.

2. Leadership: Leadership skills involve inspiring and guiding team members toward common
goals. Effective leaders are often skilled in communication, motivation, and setting a positive
example for their teams.

3. Teamwork: Managers need to foster teamwork and collaboration among team members. This
includes building strong working relationships, promoting a cooperative culture, and resolving
conflicts when they arise.

4. Behavior and Communication: Effective managers understand the importance of interpersonal


skills. They develop communication skills, active listening, empathy, and the ability to provide
constructive feedback.

5. Work Ethic and Workmanship: Managers often lead by example when it comes to work ethic
and professionalism. They demonstrate a strong commitment to their work, set high standards,
and expect the same from their team members.

6. Productive Use of Time: Time management skills are crucial for managers to prioritize tasks,
delegate responsibilities, and ensure that the team's efforts are aligned with organizational goals.

7. Continuous Improvement: Managers often work on improving their competencies and those of
their team members. This may involve identifying areas for growth, providing training and
development opportunities, and encouraging a culture of continuous learning.

48 | P a g e
8. Goal Setting: Managers are skilled at setting SMART (Specific, Measurable, Achievable,
Relevant, Time-bound) goals for themselves and their teams. They use these goals to track
progress and evaluate performance.

9. Decision Making: Effective decision-making skills are essential for managers. This includes the
ability to gather relevant information, assess risks, consider alternatives, and make informed
choices.

10. Performance Analysis: Managers regularly assess and analyze the performance of their teams
and individuals. They use key performance indicators (KPIs) and other metrics to evaluate
progress and make data-driven decisions.

11. Adaptability: Managers must be adaptable and capable of responding to changing circumstances
and unexpected challenges. Flexibility and the ability to adjust strategies and plans are essential.

12. Conflict Resolution: Conflict is inevitable in any workplace. Managers develop skills in conflict
resolution, including active listening, negotiation, and mediation, to address and resolve issues
effectively.

13. Motivation: Managers understand different motivation techniques and how to apply them to
keep team members engaged and enthusiastic about their work.

14. Delegation: Effective managers know how to delegate tasks and responsibilities to team
members based on their skills and strengths, allowing for more efficient workflow and
professional development.

15. Ethical Leadership: Ethical considerations are vital for managerial decision-making. Managers
are expected to make choices that align with ethical principles and company values.

These skills are crucial for individuals in managerial roles to lead their teams effectively, achieve
organizational goals, and contribute to the overall success of the organization. Successful
managers often continue to develop and refine these skills throughout their careers.

49 | P a g e
IV). Describe how you could improve your communication skills (in terms of
improvement in oral communication, written communication, conversational abilities,
confidence levels while communicating, anxiety management, understanding others, getting
understood by others, extempore speech, ability to articulate the key points, closing the
conversation, maintaining niceties and protocols, greeting, thanking and appreciating others,
etc.,)

Improving communication skills is a valuable endeavour for personal and professional growth.
Here are some strategies to enhance various aspects of communication:

Oral Communication:
1. Practice Public Speaking: Join a public speaking club or take courses to build confidence in
speaking in front of an audience.
2. Record Yourself: Record your speeches or presentations to identify areas for improvement, such
as tone, pace, and clarity.
3. Seek Feedback: Ask for constructive feedback from peers or mentors to pinpoint areas for
improvement.
4. Expand Vocabulary: Read regularly to expand your vocabulary and improve your ability to
articulate ideas effectively.

Written Communication:
1. Write Regularly: Practice writing by maintaining a journal or starting a blog to refine your
written communication skills.
2. Edit and Proofread: Take time to review and edit your written work to eliminate errors and
improve clarity.
3. Read Widely: Reading various types of written content can expose you to different writing
styles and improve your own.

Conversational Abilities:
1. Active Listening: Pay close attention to others during conversations, ask clarifying questions,
and show genuine interest in their perspectives.
2. Practice Small Talk: Engage in small talk with colleagues, acquaintances, or strangers to build
confidence in casual conversations.

50 | P a g e
3. Engage in Debates: Engaging in respectful debates can sharpen your ability to articulate your
thoughts persuasively.

Confidence Levels and Anxiety Management:


1. Visualization: Visualize successful interactions and presentations to boost your confidence.
2. Breathing Exercises: Practice deep breathing exercises to manage anxiety before important
conversations or presentations.
3. Public Speaking Courses: Consider enrolling in courses or workshops specifically designed to
address public speaking anxiety.

Understanding Others and Being Understood:

1. Empathy: Develop empathy by trying to understand others' perspectives and feelings during
conversations.
2. Clarity: Focus on clarity when communicating, using simple and concise language to ensure you
are understood.

Extempore Speech and Articulating Key Points:


1. Practice Impromptu Speaking: Regularly engage in impromptu speaking exercises to improve
your ability to think on your feet.
2. Structure Your Thoughts: Before speaking, take a moment to organize your key points in your
mind to ensure a clear and coherent delivery.

Closing Conversations and Maintaining Niceties:


1. Summarize: Summarize the main points of the conversation before closing to ensure everyone is
on the same page.
2. Express Appreciation: Always thank others for their time and contributions to the conversation.
3. Follow Protocols: Be aware of cultural and professional protocols when closing conversations,
such as formal greetings or farewells.
4. Maintain Politeness: Practice polite and respectful communication throughout the conversation,
even during disagreements.

Improving communication skills is an ongoing process that requires dedication and practice.
Regularly seeking feedback, setting communication goals, and being open to learning from your

51 | P a g e
experiences can lead to significant improvements in your ability to communicate effectively in
various contexts.

52 | P a g e
V). Describe how could you could enhance your abilities in group discussions,
participation in teams, contribution as a team member, leading a team/activity.

Group Discussions:

1. Active Listening: Pay close attention to what others are saying and avoid interrupting. Make an
effort to understand their perspectives before responding.
2. Prepare in Advance: If you know the topic of discussion in advance, prepare by gathering
relevant information and forming your own thoughts and arguments.
3. Ask Questions: Encourage discussion by asking open-ended questions that invite others to share
their opinions and ideas.
4. Respect Differences: Respect diverse viewpoints and be open to constructive criticism. Avoid
becoming defensive or confrontational.
5. Practice Conciseness: Strive to communicate your points clearly and concisely to avoid
dominating the conversation.

Team Participation:

1. Collaborative Attitude: Approach teamwork with a collaborative mindset, valuing the


contributions of all team members.
2. Communication Skills: Develop effective communication skills, including the ability to express
ideas clearly and listen actively to team members.
3. Share Knowledge: Share your expertise and knowledge with the team, and be willing to learn
from others.
4. Contribute Actively: Take on tasks and responsibilities that align with your skills and strengths.
Proactively offer help to teammates when they need it.
5. Stay Organized: Maintain good organizational skills to meet deadlines, keep track of team
goals, and ensure efficient teamwork.

Contribution as a Team Leader:

1. Lead by Example: Demonstrate the qualities and behaviors you expect from your team
members, including professionalism, dedication, and a strong work ethic.
2. Effective Communication: Communicate clearly and regularly with your team, ensuring that
goals, expectations, and responsibilities are well-defined.

53 | P a g e
3. Delegate Wisely: Delegate tasks based on team members' strengths and interests, while also
considering the project's requirements.
4. Conflict Resolution: Be prepared to address conflicts within the team promptly and
constructively. Encourage open communication and find resolutions that benefit the team.
5. Set Clear Goals: Establish clear and achievable goals for the team and provide direction on how
to reach them.
6. Feedback and Recognition: Offer constructive feedback to help team members grow and
acknowledge their contributions and achievements.
7. Adaptability: Be adaptable and open to feedback from your team. Be willing to adjust your
leadership style as needed to address different situations and team dynamics.
8. Motivate and Inspire: Inspire your team by setting a positive example, recognizing their efforts,
and providing motivation and support when needed.

To enhance these abilities, consider seeking feedback from peers and mentors, participating in
leadership training programs, and studying successful leaders and effective communicators.
Additionally, practice these skills regularly in real-life situations to gain experience and
confidence. Remember that leadership and effective teamwork are continuous learning processes
that can be refined over time.

54 | P a g e
IV). Describe the technological developments you have observed and relevant to the
subject area of training (focus on digital technologies relevant to your job role)

HTML (Hypertext Markup Language) is a fundamental language for creating and structuring
content on the World Wide Web. Technological developments in the realm of HTML and web
development continue to evolve. Here are some trends and developments that were relevant up to
that point:

1. HTML5:
 HTML5 is the latest version of HTML and brings significant improvements over its
predecessors. It introduced new elements, attributes, and functionalities, making it easier
to create multimedia-rich and interactive web content without relying on third-party
plugins like Flash.
2. Responsive Web Design:
 With the increasing use of smartphones and other devices for web browsing, there has
been a strong emphasis on creating websites that adapt to various screen sizes. HTML,
along with CSS and JavaScript, is crucial for building responsive web designs that ensure
a seamless user experience across different devices.
3. Semantic Markup:
 The importance of semantic HTML has grown, emphasizing the use of meaningful tags
to structure content. This not only aids in search engine optimization (SEO) but also
improves accessibility for users with disabilities and provides a more consistent and
understandable structure for developers.
4. Web Components:
 Web Components, part of the HTML Living Standard, enable the creation of reusable and
encapsulated custom elements. This can enhance modularity and maintainability in web
development, allowing developers to create and share their own HTML elements.
5. Progressive Web Apps (PWAs):
 HTML is integral to the development of Progressive Web Apps, which are web
applications that offer a native app-like experience. This involves the use of HTML, CSS,
and JavaScript to provide features such as offline capabilities, push notifications, and
improved performance.
6. Enhancements in Forms:

55 | P a g e
 HTML forms play a crucial role in user interactions. Ongoing developments include
enhancements in form controls, validation mechanisms, and the integration of new input
types and attributes to improve user experience and streamline data collection.
7. WebAssembly (Wasm):
 While not directly related to HTML, WebAssembly is a binary instruction format that
enables high-performance execution of code on web browsers. This can be utilized
alongside HTML for performance-critical tasks, allowing developers to write code in
languages like C++ or Rust.
8. Security Improvements:
 Ongoing efforts in HTML and web development include addressing security concerns.
Developers are encouraged to follow best practices for secure coding, and HTML
specifications may include updates related to security features and measures.

It's important to note that the field of web development is dynamic, and new technologies and
practices may have emerged since my last update in January 2022. Always refer to the latest
documentation and industry sources for the most up-to-date information.

56 | P a g e
EVALUATION

57 | P a g e
Student Self Evaluation of the long-Term
Internship

Student Name:P. Chandrika Registration No:Y223025028

Term of Internship:3 months From:16-12-2024 To :19-03-2025

Date of Evaluation:
Organization Name & Address:

PREMIER ACADEMY 2/1, BRODIPET, GUNTUR.

Please rate your performance in the following areas:

Rating Scale: Letter grade of CGPA calculation to be provided

1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5

Date: Signature of the Student

55/Page
Evaluation by the Supervisor of the Intern
Organization

Student Name:P. Chandrika Registration No:Y223025028

Term of Internship:3 months From:16-12-2024 To :19-03-2025

Date of Evaluation:

Organization Name & Address: PREMIER ACADEMY 2/1, BRODIPET, GUNTUR.


AVESHGOPAL JONNADULA, 2/1, BRODIPET,
Name & Address of the Supervisor with
GUNTUR. Cell- 9000096096
Mobile Number

Please rate the student’s performance in the following areas:

Please note that your evaluation shall be done independent of the Student’s self-
evaluation

Rating Scale: 1 is lowest and 5 is highest rank

1 Oral communication 1 2 3 4 5
2 Written communication 1 2 3 4 5
3 Proactiveness 1 2 3 4 5
4 Interaction ability with community 1 2 3 4 5
5 Positive Attitude 1 2 3 4 5
6 Self-confidence 1 2 3 4 5
7 Ability to learn 1 2 3 4 5
8 Work Plan and organization 1 2 3 4 5
9 Professionalism 1 2 3 4 5
10 Creativity 1 2 3 4 5
11 Quality of work done 1 2 3 4 5
12 Time Management 1 2 3 4 5
13 Understanding the Community 1 2 3 4 5
14 Achievement of Desired Outcomes 1 2 3 4 5
15 OVERALL PERFORMANCE 1 2 3 4 5

Date: Signature of the Supervisor


56/page
PHOTOS & VIDEO LINKS

57/page
MARKS STATEMENT
(To be used by the Examiners)

60/page
INTERNAL ASSESSMENT STATEMENT

Name of the Student : P. Chandrika


Program of Study : B.Sc
Year of Study : 2022-2025
Group : computer science
Register No/H.T. : Y223025028

Name of the College: B.H.H Degree College for Women, Guntur

University : ACHARYA NAGARJUNA UNIVERSITY

Sl.No Evaluation Criterion Maximu Mark


m s
Marks Award
ed
1. Activity Log 10
2. Internship Evaluation 30
3. Oral Presentation 10
GRAND TOTAL 50

Date: Signature of the Faculty Guide

61/page
EXTERNAL ASSESSMENT STATEMENT

Name of the Student : P. Chandrika


Program of Study : B.Sc
Year of Study : 2022-2025
Group : Computer Science
Register No/H.T. : Y223025028

No: Name of the College: B.H.H Degree College for Women, Guntur

University : ACHARYA NAGARJUNA UNIVERSITY

Maximu Mark
Sl.N Evaluation Criterion
m s
o
Marks Award
ed
1. Internship Evaluation 80
For the grading giving by the Supervisor of
2. 20
the Intern Organization
3. Viva-Voce 50
TOTAL 150
GRAND TOTAL (EXT. 50 M + INT. 100M) 200

Signature of the Faculty Guide

Signature of the Internal Expert

Signature of the External Expert

Signature of the Principal with Seal

Page No

62/page

You might also like