ITECH2106 Webpage & Multimedia Design: Website Development Project

This document presents a website development report, detailing the design and implementation process. It covers browser compatibility, resolution, and variations from the initial design document. The report highlights the use of CSS3 for various elements, including the logo, images, menu, footer, slideshow, headings, body, header, and FAQ section. References to external resources on web design and user interface principles are also provided. Find similar documents and study resources on Desklib, your go-to platform for academic support.

[Type the document title]
[Type the document subtitle]
MISHTI
[Pick the date]
[Type the abstract of the document here. The abstract is typically a short summary of the
contents of the document. Type the abstract of the document here. The abstract is
typically a short summary of the contents of the document.]

Report
Browser
The website is working very well on all main browsers e.g. IE (Internet Explorer),
Mozilla, Google Chrome etc.
Preferred Browser: the site is working well on all browsers but the preferred browser
is Google Chrome.
Website Resolution: The website’s resolution is 1366 x 768.
Changes in Design from Design Document
The website has some variations in the website design from the design document
because we have to do some changes while implementing the website. The design
document is static and that is the reason of doing some changes while implementation.
- The position of images is different in the website.
- The position of text is different in the website.
- There are some changes in the colour scheme for better appearance.
- There are some changes in the typography for better appearance.
Colour Scheme
Following color scheme is used in the website-
Background Color- Dark grey;
Heading Text Color – Black
Text Color – Black
2 | P a g e

Typography
Following typography is used in the website-
Heading
Font-type: Arial
Font-size: 24
Text: Black
Background: dark grey
Menu
Font-type: Arial
Font-size: 20
Text Color: Black
Background: dark grey
Text
Font-type: Arial
Font-size: 14
Text Color: Black
Background: dark grey
3 | P a g e

Uses of CSS3 in the Website
CSS3 is used at almost all places of the website. These are the places at which CSS3 is used-
1. The logo image in all the pages: CSS3 is used in the logo image of all pages.
2. Images in all pages: CSS3 is used in the images of all pages. All images are
having border and specific height and width. All images are having transition
property. All these features are set by CSS3.
3. Menu in all the pages: CSS3 is used in the menus of all pages.
4. Footer in all the pages: CSS3 is used in the footer of all pages.
5. Slideshow in the personal gallery page: CSS3 is used in the personal gallery
page.
6. Headings in all the pages: CSS3 is used in the headings of all pages.
7. Body of all the pages: CSS3 is used to set body of all pages.
8. Header in all the pages: CSS3 is used in header section of all pages.
9. Questions in the FAQ page: CSS3 is used in the questions of FAQ page.
References
[1] Wordpress n.d., Web Design, Viewed on 14th June 2015, <http://croradio.net/web-
design/>
[1] Argon Design 2014, 5 Aspects of good user interface, viewed on 17th Aug 2015
<http://www.argondesign.com/news/2014/feb/5/5-aspects-good-user-interface/ >
[2] Dmitry Fadeyev 2009, 8 Characteristics of Successful User Interface, Viewed on 17th Aug
2014 < http://usabilitypost.com/2009/04/15/8-characteristics-of-successful-user-
interfaces/>
4 | P a g e

[3] Laceytech Solutions (n.d.), Why is Consistency Important in Web Design, Viewed on 17th
Aug 2014<http://www.laceytechsolutions.co.uk/web-design/importance-of-consistency-in-
web-design/>
5 | P a g e