ITER, SIKSHA ‘O’ ANUSANDHAN (Deemed to be University) Assignment
Branch CSE Programme [Link]
Course Name Computer Science Workshop 2 Semester 4th
Course Code CSE 3141 Academic Year 2025-2026
Assignment: 2 Topic: HTML and CSS
Learning Level L1: Remembering L3: Applying L5: Evaluating
(LL) L2: Understanding L4: Analysing L6: Creating
Q’s Questions COs LL
Q1. Create an HTML page with a heading titled "RESUME" that contains a brief
description of yourself and includes the following subsections:
Personal Information:
• Add a heading, "Personal Information" using the <h1> tag to introduce the
section.
• Below the heading, use an unordered list (<ul>) to display your full name,
age, roll no., and nationality as individual list items (<li>).
• Add a clickable link to your LinkedIn profile using the <a> tag. The link text
should be "View my LinkedIn Profile" and it should open your LinkedIn
CO1 L1, L2
page in a new tab.
Educational Achievements:
• Use an ordered list (<ol>) to display your academic qualifications, such as
your 10th-grade, 12th-grade, and degree percentage. Also, use superscript
and emphasis tags as required.
Contact Information:
• Add a heading, "Contact Me" using the <h1> tag.
• Below the contact information, use the <address> tag to display your home
address, ensuring it's properly formatted.
Q2. Create an HTML page for an image gallery:
• Add a heading, "My Image Gallery," using the <h1> tag to introduce the
section.
• Insert three different images using the <img> tag. Each image should have
an appropriate alt attribute describing the image in case it fails to load. CO1 L2, L3
• Make each image clickable, linking to a larger version of the image using
the <a> tag. The larger images should open in a new tab.
• Add a caption below each image.
Q3. Create a Student Report Table:
• Create a table displaying details such as Student Name, Roll No., Subject, CO1 L1, L2
Marks, and Grade.
• The table should have a border and a header row.
• Include a caption that says "Student Report".
• Add a column for each subject (Math, Science, English).
Q4. Design an HTML Page for Your Schedule:
• Add a heading, "My Weekly Schedule," using the <h1> tag.
• Create a table with two columns: one labelled "Day" and the other labelled
"Activities," using the <th> tag for the column headings. CO1 L1, L2
• Fill in the table using the <td> tag for the data cells. List the days of the
week in one column and your daily activities in the other.
Q5. Create an HTML Page for Movies or TV Shows:
• Add a heading, "Favorite Movies/TV Shows," using the <h1> tag to
introduce the section.
• Create an ordered list (<ol>) to display your top five favourite movies or TV
shows, listing each one as a list item (<li>). CO1 L2, L3
• Make each movie or TV show title a clickable hyperlink to its IMDb page
using the <a> tag, ensuring that the link opens in a new tab with the
target="_blank" attribute.
Q6. Create an HTML Page for Your Hobbies:
• Add a heading, "My Hobbies," using the <h1> tag to introduce the section.
• Create an unordered list (<ul>) of your hobbies, with each hobby as a list
item (<li>).
• For one of your hobbies, add a link to a related website using the <a> tag.
For example, if you enjoy photography, link to a photography tutorial site or CO1 L2, L3
blog.
• Ensure that each hyperlink opens a new page in the same browser.
• Each new page should include a link titled "Go Back" that takes you back to
the main page.
Q7. Create an HTML page with headings and paragraphs. Apply inline styles to the h1
and h2 headings, such as changing the font color and size. Use internal styles for
the h3 and h4 headings by applying styles using the id attribute, such as setting
text alignment and font-weight. Additionally, link an external stylesheet to define CO1 L1, L2
the body background color, style the h5 heading, and set the paragraph's text color
and font size using the class attribute. Ensure the external stylesheet is properly
linked to the HTML page.
Q8. Create a webpage that displays an HTML table. Apply CSS styles (such as border,
border-collapse, width, height, padding, etc.) to enhance its appearance. CO1 L2, L3
Additionally, set a background color for the alternate row in the table.
Q9. Add an image as the background of a <div> element and change the image source
when the user hovers the mouse over the image. In other words, when the user CO1 L2, L3
moves the mouse pointer over the image, the background image should change.
Q10. Create an HTML page using <div> elements to display student information. Use CO1 L2, L3
nested <div> elements and apply CSS styling so that the layout appears similar to
a table. The page should display details such as Name, Address, and Course,
and further extend the layout by adding additional fields, such as Email and
Phone Number. Ensure that the information is organised clearly in two columns
showing the field name and its corresponding value.
-END-
Note:
1. Assignment carries a weightage of 10% marks out of 100
2. Only CO1 outcomes are covered.
Remember and identify the fundamental concepts of web development and
CO1
Django framework.
Explain and interpret Django workflows such as authentication, template rendering,
CO2
and form handling.
CO3 Apply Django concepts to develop functional web applications.
Course
Outcomes Implement advanced Django features including APIs, payments, internationalization,
CO4
and real-time systems.
Analyze Django applications with respect to caching strategies, API design, data
CO5
flow, and performance-related design considerations.
Analyze and design an end-to-end Django solution including deployment and system
CO6
integration.