chandrika_record[1]
chandrika_record[1]
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.
PREMIER ACADEMY
In accordance with the requirement
For Under graduate Degree course
Submitted by
P. Chandrika
Y223025028
PROGRAM BOOK FOR
SEMESTER INTERNSHIP
Name & Address of the Intern Organization: PREMIER ACADEMY 2/1, BRODIPET,
GUNTUR.
WEB DEVELOPMENT
Submitted by:
P. Chandrika
Reg.No:Y223025028
Department of Computer Science
Guntur.
Endorsements
Faculty Guide
Principal
Certificate from Intern Organization
2025 The overall performance of the intern during his/her internship is found
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
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
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
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.
💻 3. Web Technologies
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
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
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
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
13 | P a g e
CHAPTER-4
Understand different
HTML versions and their
HTML History impact and evolution of
Day – 5
HTML.
14 | P a g e
WEEKLY REPORT
WEEK – 1 (From Dt 16-12-2024 to 2 2 - 1 2 - 2 0 2 4 )
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
17 | P a g e
WEEKLY REPORT
WEEK – 2 (From Dt 23-12-2024 to 29-12-2024)
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
19 | P a g e
WEEKLY REPORT
WEEK – 3 (From Dt 3 0 - 1 2 - 2 0 2 4 to Dt 05-01-2025)
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
22 | P a g e
WEEKLY REPORT
WEEK – 4 (From Dt 06-01-2025 to Dt 12-01-2025)
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
24 | P a g e
WEEKLY REPORT
WEEK – 5 (From 13-01-2025 Dt to 19-01-2025 Dt)
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
26 | P a g e
WEEKLY REPORT
WEEK – 6 (From Dt 20-01-2025 to Dt 26-01-2025)
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
28 | P a g e
WEEKLY REPORT
WEEK – 7 (From Dt 27-02-2025 to Dt 02-02-2025)
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
30 | P a g e
WEEKLY REPORT
WEEK – 8 (From Dt 03-02-2025 to Dt : Dt 09-02-2025)
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
32 | P a g e
WEEKLY REPORT
WEEK – 9 (From Dt 10-02-2025 to Dt 16-02-2025)
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
34 | P a g e
WEEKLY REPORT
WEEK – 10 (From Dt 17-02-2025 to Dt 23-2-2025)
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 < for <, & for &, and © 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
Gain knowledge of
character encoding and the
HTML Charsets importance of using UTF-8
Day – 3
for global text support.
36 | P a g e
WEEKLY REPORT
WEEK – 11 (From Dt 24-02-2025 to Dt 02-03-2025)
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., © for ©, € for €). We
also learned about HTML emojis, It allow the inclusion of expressive icons using Unicode
(😀 ).
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).
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
Understand form
attributes like action,
HTML Form Attributes method, target, and
Day - 2
autocomplete, which define
how forms handle data
submission.
38 | P a g e
WEEKLY REPORT
WEEK – 12 (From Dt 03-02-2025 to Dt 09-03-2025)
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.
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
Embed and control video
Day – 3 HTML Video content using the <video>
element, including
attributes like controls,
autoplay, loop, and muted.
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)
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
43 | P a g e
WEEKLY REPORT
WEEK – 14 (From Dt 17-03-2025 to Dt 23-03-2025)
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.
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.
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:
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.
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.
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.
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.
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. 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
Date of Evaluation:
Organization Name & Address:
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
55/Page
Evaluation by the Supervisor of the Intern
Organization
Date of Evaluation:
Please note that your evaluation shall be done independent of the Student’s self-
evaluation
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
57/page
MARKS STATEMENT
(To be used by the Examiners)
60/page
INTERNAL ASSESSMENT STATEMENT
61/page
EXTERNAL ASSESSMENT STATEMENT
No: Name of the College: B.H.H Degree College for Women, Guntur
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
Page No
62/page