IT430 Assignment: 01 Solution
Assignment Details
Due Date:
Monday 3, November, 2025
Extended Date:
Tuesday 4, November, 2025
Assignment: 01
Download Assignment FileAssignment Question Details:
IT430 (E-commerce)
Assignment No.1 (Graded)
Maximum Marks: 50
Instructions
Due Date: 03 Nov 2025
The purpose of this assignment is to give you hands-on practice. It is expected that students will solve the assignment themselves. The following rules will apply during the evaluation of the assignment.
● Cheating from any source will result in zero marks in the assignment.
● The submitted assignment does NOT open, or the file is corrupted.
● No assignment after the due date will be accepted
Uploading Assignment Instruction
Follow the given instructions to submit inline assignments.
● Submit single HTML file: YourName_StudentID_Ecommerce.html
● File must run without errors in web browser
Objective & Learning Outcome
Design and develop a complete e-commerce webpage using only the HTML tags and attributes, demonstrating comprehensive understanding of web page structure, formatting, and user interface elements.
Question No. 1 (Marks = 50)
Create a complete HTML webpage for a fictional e-commerce store that sells products of your choice. Your webpage must include all required elements while showcasing your unique store concept and design creativity within the given technical constraints.
Requirements
1. Basic Structure & Meta Information
● Create HTML structure with <HTML>, <HEAD>, <BODY> tags
● Include a <TITLE> for your page
● Add at least two <META> tags with name and content attributes
2. Text Formatting & Content
● Create a main heading using <H1>
● Include at least 3 paragraphs using <p> tags
● Use <p align="center">, <p align="left">, or <p align="right">
● Apply these text formatting tags: <b>, <i>, <u>, <big>, <small>
● Use <center> tag for centering content
● Apply <font> tags with: face, size (1-7), and color attributes
● Include at least one line break <br>
3. Lists & Organization
● Create an unordered list <UL> with <LI> items
● Create an ordered list <OL> with <LI> items
● Include a horizontal rule <hr> with these attributes: width, size, align, noshade
4. Images
● Include at least 2 product images using <Img Src="filename">
● Use only the Src attribute as shown in lectures.
5. Links
● Create at least 3 navigation links using <A HREF="#link">
● Include one external link using <A HREF="http://www.site.com">
● Add a mailto link using <A HREF=mailto:email@domain.com>
6. Color Scheme & Background
● Set page colors using <BODY bgcolor="color" text="color" link="color">
● Use at least one hexadecimal color code (e.g., #FF0000)
● Add a background image using <BODY background="filename">
7. Product Table
● Create a table with <Table>, <TR>, <TD>, <TH>, <CAPTION>
● Use these table attributes: border, width, height, cellpadding, cellspacing
● Use colspan or rowspan in at least one cell
● Apply align and valign in table cells
● Use bgcolor or background in tables
● Use margin attributes: LEFTMARGIN, TOPMARGIN, MARGINWIDTH, MARGINHEIGHT
8. Customer Feedback Form
● Create a form with <FORM action="url" method="post">
● Include text input fields using <INPUT TYPE="TEXT" NAME="name">
● Add a textarea using <TEXTAREA NAME="name" ROWS="number" COLS="number">
● Include Submit button using <INPUT TYPE="SUBMIT" VALUE="text">
● Include Reset button using <INPUT TYPE="RESET">
9. Display your Student ID and Name in five different locations or sections on your webpage.
Individualization Elements (Each Student Store Must Show his individual efforts and personalize design)
Each student must customize:
- Store Name & Product Category (choose something unique)
- Color Scheme (select your own colors)
- Product Names & Descriptions (create fictional products)
- Store Story (write unique origin story)
- Layout Design (arrange elements differently)
Note: Please develop web page with your own efforts, and marks will be awarded based on your individual efforts.
 |
For any query about the assignment, contact at email, it430@vu.edu.pk