Scribd
Upload
4 views

Assignment_4

The document outlines the requirements for two web programming assignments focused on using CSS for design. Assignment 2A includes activities that involve recreating previous web designs with specific CSS properties, such as font sizes, colors, and layout techniques. An evaluation scheme is provided, along with submission guidelines and a deadline of January 9, 2025.

Uploaded by

divyarawat1623
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Assignment_4

The document outlines the requirements for two web programming assignments focused on using CSS for design. Assignment 2A includes activities that involve recreating previous web designs with specific CSS properties, such as font sizes, colors, and layout techniques. An evaluation scheme is provided, along with submission guidelines and a deadline of January 9, 2025.

Uploaded by

divyarawat1623
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

BCSE203E- Web Programming

Assignment 2A

Topics – CSS: selectors, types of CSS, properties (Text, color, font), div and span element

Activity 9:
For activity #9, you must re -create a new version of the Web site you created for Assignment
1A (activity #1), only this time you must use only CSS to achieve the same design.
• Include heading h1 should be of size 16 and highlights with color of your choice
• Sub heading for each paragraph using h2 and all sub headings should be of size 14
and color “green”
• Use different font family for all three paragraphs and should be font-size 12.
• All the paragraph contents should be aligned with justify.
• Use div element to differentiate each paragraph. (Hint: use background-color)
• Apply vertical text of your choice.
• Display the overflowed content when hovering over the element.
• Display your image as rounded images and create drop-shadow effect to an image.
• Use the border property to create thumbnail images.
Note: Include your CSS style as a container
Activity 10:
For activity #10, you must re -create a new version of the Web site you created for Assignment
1A (activity #2), only this time you must use only CSS to achieve the same design.
• List of courses in Winter 2024-2025.
-Differentiate theory and lab classes with colors, font
• List the programming languages and provide rating yourself out of 10.
-Use image as a list item marker (Hint: Clipart / Logo can be used)
• Add reviews or book summary of your 3 favourite movies/books/TV shows/ music
concert. (Apply any style of your choice)

Note: Include your CSS style as an attribute and use minimum any two selector of your
choice
Evaluation Scheme:

Description Marks
Design and Creativity 5
Usage of CSS Style 3
Output 2
Total 10

Note:
1. Non-Valid documents like blank, repeated contents, other lab files are strictly
avoided.

****Deadline: 09.01.2025****
Report Submission

Sample
Aim:
HTML and CSS Tags need to be used:
HTML Tags used HTML Attributes CSS style selector CSS style Properties

Procedure:
1. In notepad or any editor or IDE type the necessary code & save with the file
name mentioned with .html extension display your time table.

2. To view your web page, simply double click your html file.

<Paste your code> - As screenshot with timestamp (date and time)


<Paste cropped output>- output screenshot with timestamp
Result:
Thus, a web page design to replicate the above table and the output was verified.

You might also like