Scribd
Upload
4 views

Web Development List

The document outlines a list of practical assignments for a Web Development course under CCF and NEP for Semester II. It includes tasks such as designing resumes, creating various types of websites (e-commerce, restaurant, tourism), and implementing CSS styling and animations. Each assignment has specific requirements and deadlines, focusing on the use of HTML and CSS to create visually appealing and professional web pages.

Uploaded by

tanpcshscc12
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

Web Development List

The document outlines a list of practical assignments for a Web Development course under CCF and NEP for Semester II. It includes tasks such as designing resumes, creating various types of websites (e-commerce, restaurant, tourism), and implementing CSS styling and animations. Each assignment has specific requirements and deadlines, focusing on the use of HTML and CSS to create visually appealing and professional web pages.

Uploaded by

tanpcshscc12
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

INDEX

Semester II (under CCF, NEP)


SEC Practical: Web development
Assignment List
SL Date Aim/Objective PAGE Teacher’s
NO. Sign
NO
1. 24-06-2024 Design your resume using HTML and CSS wherever
required. The resume must also contain your picture.

2. 28-06-2024 Design "Contents Page" of a book using HTML List and HTML
Descriptive List. Use CSS wherever necessary.

3. 03-07-2024 Design a marksheet using HTML table. Use CSS wherever


necessary.

4. 06-07-2024 Design your time table using HTML tables. Apply CSS
wherever required to give a professional look.

5. 12-07-2024 Design a college admission form using HTML. Apply CSS


wherever applicable to give it a professional look.

6. 20-07-2024 Create a personal portfolio website using HTML and CSS.


There should be sections for an about me, projects, skills, and
contact information’s. Using CSS to style the Flexbox layout,
typography, and colors to create a visually appealing and
professional-looking portfolio. Insert a video in your webpage
where you will introduce yourself. Use CSS media queries and
responsive design techniques that adapts to different screen
sizes.

7. 22-07-2024 Design an e-commerce website using HTML and CSS. Use CSS
Grid layout, positioning properties, typography, colors and
media queries that create a visually appealing website. Use
CSS animations to give it a visually appealing webpage. There
should be a proper animation when you hover over an item.
Note: Sample is given below; you can change the questions
and layout but should use all the elements that are
mentioned in the question.
8. 27-07-2024 Design a Restaurant website using HTML and CSS. Use CSS
Grid Layout and create animations for hover effects, scrolling
effects, image sliders, and menu transitions. Note: Sample is
given below; you can change the questions and layout but
should use all the elements that are mentioned in the
question.
9. 16-08-2024 Create a “Survey Form” using HTML and CSS. Use HTML
elements like radio buttons, buttons, text fields,
checkboxes, dropdowns and labels in this project. Apply CSS
styling to improve the form's visual appearance and user
experience. Note: Sample is given below; you can change
the questions and layout but should use all the elements
that are mentioned in the question.

10. 17-08-2024 Write HTML and CSS code to apply the following animations:
i. Simple Loading Spinners
ii. Rotating Changing Shapes
iii. Scrolling Text Animation
iv. Animated Submit Button
v. Button Wiggle
vi. Pacman
vii. Three Dots Loading
viii. Animated Title Text on Hover

11. 17-08-2024 Design a website using HTML and CSS for the Tourism Sites
of a City. Website contains:
• Home page, that leads to other pages. It contains:
o Heritage
o Hotel Booking
o Gallery
o About
• Heritage page which contains a list of all the Heritage
Sites present in the city. There must be at least five
heritage sites. Each image entry in the list should be
a HTML link that leads to a web-page, totally
dedicated to the heritage site itself.
• The Hotel booking page contains a form that a person
needs to fill up in order to stay in a hotel.
• Gallery page contains a set of photos taken of the
Heritage Sites throughout the city.
Use CSS Grid layout, CSS animation, media queries,
typography and colors to give the website a professional
look.

You might also like