Scribd
Upload
2 views3 pages

Web Design Assignment

The assignment requires the design and development of an interactive website using HTML, CSS, JavaScript, and jQuery, focusing on creativity and user interaction. Students can choose from various themes and must meet specific requirements for HTML structure, CSS design, JavaScript functionality, and jQuery effects. Additionally, documentation and optional bonus features are encouraged, with submission guidelines outlined for the final project.

Uploaded by

dhamijachaitanya7
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
2 views3 pages

Web Design Assignment

The assignment requires the design and development of an interactive website using HTML, CSS, JavaScript, and jQuery, focusing on creativity and user interaction. Students can choose from various themes and must meet specific requirements for HTML structure, CSS design, JavaScript functionality, and jQuery effects. Additionally, documentation and optional bonus features are encouraged, with submission guidelines outlined for the final project.

Uploaded by

dhamijachaitanya7
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

Assignment: Interactive Web Design using HTML,

CSS, JavaScript & jQuery

Objective
Design and develop an attractive, responsive, and interactive website using HTML, CSS,
JavaScript, and jQuery. The website should demonstrate creativity, animations, and user
interaction.

Website Theme (Choose Any One)


• Personal Portfolio
• Restaurant Website
• Gym/Fitness Website
• Travel Agency Website
• College Event Website
• E-Commerce Landing Page

HTML Requirements
• Proper HTML5 structure
• Navigation Bar
• Header/Banner Section
• At least 3 Content Sections
• Contact Form
• Footer

CSS Requirements
• Responsive Design
• Attractive Color Scheme
• Custom Buttons
• Hover Effects
• Proper Typography and Spacing
• Mobile-Friendly Layout

JavaScript Requirements (Implement at least three)


• Form Validation
• Image Slider
• Dark/Light Mode Toggle
• Dynamic Greeting Message
• Scroll-to-Top Button
• Digital Clock
• Character Counter

jQuery Requirements (Implement at least three)


• Fade In / Fade Out Effects
• Slide Up / Slide Down Effects
• Hide/Show Content
• Accordion Menu
• Animated Counters
• Smooth Scrolling Navigation
• Popup Message

Animations & Creativity


• CSS Animations
• jQuery Animations
• Animated Buttons
• Animated Cards
• Loading Effect or Preloader
• Scroll-based Animations

Documentation
• Project Title
• Objective
• Technologies Used
• Screenshots
• Features Implemented
• Conclusion

Bonus Features (Optional)


• AOS (Animate on Scroll) Library
• Typing Text Animation
• Theme Switcher
• Interactive Gallery
• Chatbot UI Design

Submission Guidelines
• Submit a ZIP folder named: RollNo_Name_WebAssignment.zip
• Include all HTML, CSS, JavaScript, images, and report files.
• Ensure the website runs properly in a modern browser.
• Original work is expected from all students.

You might also like