ITAO 3262 - Assignment 2024

Uploaded by

Wasantha

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

0% found this document useful (0 votes)

20 views2 pages

ITAO 3262 - Assignment 2024

Uploaded by

Wasantha

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/ 2

ITAO 3262 - Web Designing

Assignment – Web Development

Lecturer: Akila Jayasanka Submission Deadline: 30 June 2024

Title: Responsive Web Page Development Assignment

Instructions:
You will build a responsive website with content of your choosing (about a company, e-commerce
site, knowledge sharing site, about a business, about a technology, etc). You must have the
elements listed in the assignment in order to receive full marks for this project. Your web site must
have at least 3 or more pages including the home page.

Objective:
The objective of this assignment is to develop a responsive web site using HTML, CSS, and
JavaScript. The assignment will test your ability to create web pages that adjusts its layout and
design based on different screen sizes and devices.

Technologies to be used:
HTML 5
CSS 3
JavaScript

Requirements:
Design web pages that includes a header, navigation bar, content area, and footer.
The web pages should have a responsive layout that adjusts its design and structure for different
screen sizes, such as mobile phones, tablets, and desktop computers.
Use Bootstrap elements to apply different CSS styles for different screen sizes.
Ensure that all text and images on the pages are appropriately scaled and readable on different
devices.
Add at least one interactive element using JavaScript, such as a form validation or an image
slideshow.

Guidelines:
Write clean and well-structured HTML code.
Use CSS to control the visual appearance of the web pages.
Create a separate CSS file and link it to your HTML file.
Implement responsive design principles, such as fluid grids, flexible images and etc.
Test your web site on different devices and screen sizes to ensure proper functionality and
responsiveness.
Provide comments in your code to explain the purpose of different sections or functionalities
(optional).

Submission:
Create a folder with your name and the assignment name.
Include all the necessary HTML, CSS, and JavaScript files in the folder.
Compress the folder into a ZIP file.
Email your ZIP file to [email protected]. | Email subject : Web Assignment 2024 + Index number

Evaluation Criteria:
Responsiveness: Does the web site adapt its layout and design appropriately for different screen
sizes?
Functionality: Does the web site fulfill the specified requirements?
Code Quality: Is the code well-structured, readable, and properly commented (if applicable)?
Design: Is the overall design aesthetically pleasing and visually appealing?
Compatibility: Does the web site work correctly on different devices and browsers?
Note: Plagiarism or copying code from external sources without proper attribution will result in
penalties. Make sure to understand and implement the concepts yourself.

Deadline: 30 June 2024

Additional Resources:
Mozilla Developer Network (MDN): https://developer.mozilla.org/
W3Schools: https://www.w3schools.com/
Responsive Web Design Basics: https://developers.google.com/web/fundamentals/design-and-
ux/responsive
Bootstrap Documentation: https://getbootstrap.com/docs/5.0/getting-started/introduction/