Course Name: MULTIMEDIA APPLICATIONS
Course Code: ITEC-241
Level: 06
Mini_Project STUDENT LIST Report
Guidelines
Guidelines for Mini-Project
Design a website for your selected topic, containing minimum 5 web pages. Depicting all
the relevant information related to your project.
The project must include all the elements of multimedia, e.g. Text, Images, Audio, Video
and animations prepared by you (Using Gimp and Synfig Studio)
The website must have a “Contact Us” page, displaying each student details (e.g. Name,
ID, Email ID and Group No.)
Prepare a Mini-Project documentation that contains screen-shots of all your web pages
and the Program/scripts of all pages.
MARKS DISTRIBUTION (20 Marks)
Web Site Development & Documentation: 15 Marks
Presentation: 5 Marks
Add all the mentioned effects in your website:
Any 2 Text Effects (i.e Text in Shapes, 3D Text, Text Reflection & Fire Flaming text)
related to your project
Any 1 Image Effects ( Morphing, Disintegration/explosion Effect)
Image Zoom in Zoom out
Animated Banner
Any 1 Animation (Moving object, Day Night Effect, etc)
Audio & Video
Teacher: Ms. Durdana Tarannum
Project File Structure:
index.html
Elements:
1. Header with Navigation and Animated Banner:
An animated banner to catch the visitor's attention upon arrival. The
banner should dynamically display promotional messages about the food
or project.
A navigation bar linking to other pages: Home, About, Gallery, Demo,
Contact Us.
2. Introduction Section:
A welcome message or brief introduction to the project using a creative
text effect (e.g., 3D Text and Text in Shap).
A small gallery or slider of featured images (perhaps using a simple
morphing effect or zoom in/out on hover).
about.html
Elements:
1. Header with Navigation and Animated Banner:
Animated Banner: Includes an animated banner that introduces the site
with the text "Welcome to Our World of Delicious Foods!". This contributes
to the multimedia element of animations.
Navigation Bar: Provides links to other essential pages of the site,
promoting easy navigation between sections like Home, About, Gallery,
Demo, and Contact Us.
2. Main Content:
Text Content: The section offers detailed text about the Fast Food
company, discussing its mission, history, and commitment to quality. This
fulfills the multimedia requirement of incorporating text in a functional
and informative way.
A “About us” title iusing a creative text effect (e.g., 3D Text and Text in
Shap).
demo.html
Elements:
1. Header:
Animated Banner: Displays a welcome message ("Welcome to Our World
of Delicious Foods!") using an animated style, enhancing user engagement
right from the top of the page.
Navigation Bar: Provides links to the Home, About, Gallery, Demo, and
Contact Us pages, ensuring easy navigation across the site.
2. Main Content:
Video Embeds: The page includes two embedded YouTube videos,
Audio Embed: Features an audio player.
gallery.html
Elements:
1. Header:
Title and Branding: Displays the main title "Fast Food" to maintain brand
consistency.
Navigation Bar: Includes links to other primary pages of the website
(Home, About, Gallery, Demo, Contact Us), ensuring smooth navigation
and accessibility.
2. Main Content:
Image Morphing Section:
Described by the subheading "image morphing", this section likely
includes images with a morphing effect on hover.
Zoom In & Zoom Out Effects:
for "image Zoom in & Zoom out", showcasing images that enlarge
when hovered over it.
contact.html
Elements:
1. Header:
Site Title and Branding: Consistent use of the site title "Fast Food"
ensures brand recognition.
Animated Banner: Features a welcoming message "Welcome to Our
World of Delicious Foods!" which is a dynamic element, enhancing the
visual engagement for visitors.
Navigation Bar: Includes links to all major sections of the website (Home,
About, Gallery, Demo, Contact Us.
2. Main Content Area:
Student Details Table: the names, IDs, and group numbers of the
students.
